sdnr/wireless-transport/code-Carbon-SR1/ux/mwtnCompare/mwtnCompare-module/src/main/resources/mwtnCompare/mwtnCompare.tpl.html

   1 <ht-header help-link='sdnr/mwtnCompare/0.4.0/README.md'></ht-header>
   2 <div id="mwtnCompare">
   3   <div class="owl container" style="width: 100%">
   4     <div class="row" ng-show="neSelection.length === 0">
   5       <p>
   6         <span>{{ 'MWTN_NO_DEVICES_CONNECTED' | translate }}</span>
   7         <span>Please check</span>
   8         <a href="#/mwtnConnect" class="white">
   9             <span>MWTN Connect</span>
  10         </a>
  11         <span>.</span>
  12       </p>
  13     </div>
  14     <div class="row" ng-show="neSelection.length > 0">
  15       <div class="col-md-2 text-right radio">
  16         <span class="white">{{'Select planned NetworkElement' | translate}}</span>
  17       </div>
  18       <div class="col-md-4">
  19         <div class="form-group">
  20
  21           <input list="networkElements" class="form-control" ng-model="selection">
  22           <datalist id="networkElements">
  23             <option ng-repeat="ne in neSelection" value="{{ne.id}}">{{ne.id}}</option>
  24           </datalist>
  25
  26         </div>
  27       </div>
  28       <div class="col-md-2 text-right">
  29         <span class="white" ng-class="{'connected':connectionStatus === 'connected'}">{{'MWTN_CONNECTIONSTATUS' | translate}}: </span><br/>
  30         <span class="white" ng-class="{'match':match.numberOfLTPs}">{{'MWTN_NUMBEROFLTPS' | translate}}: </span><br/>
  31         <span class="white" ng-class="{'match':match.radioSignalIds}">{{'MWTN_RADIOSIGNALIDS' | translate}}: </span>
  32       </div>
  33       <div class="col-md-2">
  34         <a href="#/mwtnConnect">
  35           <i ng-show="connectionStatus === 'connected'" class="fa fa-link" aria-hidden="true" ng-class="{'connected':connectionStatus === 'connected'}"></i>
  36           <span class="white" ng-class="{'connected':connectionStatus === 'connected'}">{{connectionStatus}}</span>
  37         </a><br/>
  38         <i ng-class="{'match':match.numberOfLTPs}" ng-show="match.numberOfLTPs" class="fa fa-check-square-o" aria-hidden="true"></i>
  39         <span class="white" ng-class="{'match':match.numberOfLTPs}">{{match.numberOfLTPsStatus}}</span><br/>
  40         <i ng-class="{'match':match.radioSignalIds}" ng-show="match.radioSignalIds" class="fa fa-check-square-o" aria-hidden="true"></i>
  41         <span class="white" ng-class="{'match':match.radioSignalIds}">{{match.radioSignalIdsStatus}}</span>
  42       </div>
  43       <div class="col-md-2 text-right">
  44         <div class="form-group">
  45           <button type="button" class="btn btn-default" ng-click="collapseAll()">{{'Collapse all' | translate}}</button>
  46         </div>
  47       </div>
  48
  49     </div>
  50   </div>
  51   <div class="owl container" style="width: 100%">
  52     <hr/>
  53     <div class="row">
  54       <div class="col-md-12">
  55         <uib-accordion close-others="oneATime">
  56
  57           <div uib-accordion-group class="panel-primary" is-open="status.ne">
  58             <uib-accordion-heading>
  59               <i class="pull-left fa" ng-class="{'fa-chevron-down': status.ne, 'fa-chevron-right': !status.ne}"></i>
  60               <span>{{'MWTN_NETWORKELEMENT' | translate}} '{{requiredNetworkElement['core-model:network-element'].nameList[0].value}}'</span>
  61               <i class="pull-right fa fa-spinner fa-pulse" ng-show="spinner.ne"></i>
  62             </uib-accordion-heading>
  63 <pre>{{requiredNetworkElement | json}}</pre>
  64
  65             <table class="table">
  66               <tr>
  67                 <td>
  68                   <table class="footable table table-hover">
  69                     <thead>
  70                       <tr>
  71                         <th class="nowrap">{{ 'Label' | translate }}</th>
  72                         <th class="nowrap">{{ 'Required value' | translate }}</th>
  73                         <th class="nowrap">{{ 'Actual value' | translate }}</th>
  74                         <th>{{ 'Unit' | translate }}</th>
  75                         <th ng-show="mwps.showDescriptions">{{ 'Description' | translate }}</th>
  76                       </tr>
  77                     </thead>
  78                     <tbody>
  79                       <tr ng-repeat="compare in requiredNetworkElement['core-model:network-element'].compares" compare="compare"></tr>
  80                     </tbody>
  81                   </table>
  82                 </td>
  83                 <td>
  84                   <h4 style="color: #444444;">
  85                     <b>NetworkElement</b>
  86                   </h4>
  87                   <p>{{ schema['NetworkElement'].description }}</p>
  88                 </td>
  89               </tr>
  90             </table>
  91           </div>
  92
  93           <div ng-repeat="mwps in requiredNetworkElement.MW_AirInterface_Pac" uib-accordion-group class="panel-primary" is-open="status['airinterface' + separator + mwps.layerProtocol]">
  94             <uib-accordion-heading>
  95               <i class="pull-left fa" ng-class="{'fa-chevron-down': status[['airinterface', mwps.layerProtocol].join(separator)], 'fa-chevron-right': !status['airinterface' + separator + airinterface.layerProtocol]}"></i>
  96               <span>AirInterface MWPS '{{mwps.layerProtocol}}'</span>
  97               <i class="pull-right fa fa-spinner fa-pulse" ng-show="spinner[['airinterface', mwps.layerProtocol].join(separator)]"></i>
  98             </uib-accordion-heading>
  99
 100             <div class="text-right">
 101               <a style="cursor: pointer;" ng-click="mwps.showDescriptions = !mwps.showDescriptions">
 102               <span ng-show="mwps.showDescriptions" style="color: #444444">Hide </span>
 103               <span ng-show="!mwps.showDescriptions" style="color: #444444">Show </span>
 104               <span style="color: #444444"> descriptions</span>
 105             </a>
 106             </div>
 107
 108             <table class="table" ng-show="mwps.showDescriptions">
 109               <tr>
 110
 111                 <td style="width: 50%">
 112                   <div ng-repeat="item in ['LogicalTerminationPoint', 'LayerProtocol', 'MW_AirInterface_Pac']">
 113                     <h4 style="color: #444444;">
 114                       <b>{{item}}</b>
 115                     </h4>
 116                     {{schema[item].description}}
 117                   </div>
 118                 </td>
 119                 <td style="width: 50%">
 120                   <h4 style="color: #444444;">
 121                     <b>AirInterfaceConfiguration</b>
 122                   </h4>
 123                   {{schema['AirInterfaceConfiguration'].description}}
 124                 </td>
 125
 126               </tr>
 127               </table>
 128
 129
 130                 <table class="footable table table-hover">
 131                   <thead>
 132                     <tr>
 133                       <th>{{ 'Label' | translate }}</th>
 134                       <th>{{ 'Required value' | translate }}</th>
 135                       <th>{{ 'Actual value' | translate }}</th>
 136                       <th>{{ 'Unit' | translate }}</th>
 137                       <th ng-show="mwps.showDescriptions">{{ 'Description' | translate }}</th>
 138                     </tr>
 139                   </thead>
 140                   <tbody>
 141                     <tr ng-repeat="compare in mwps.compares" compare="compare"></tr>
 142                   </tbody>
 143                   <tfoot>
 144                     <tr>
 145                       <td colspan="99" ng-class="text-center">
 146                         <button class="btn btn-default" title="Operation to planning" ng-click="message('operation2Planning', mwps)">
 147                           <i class="icon-forward"></i>
 148                         </button>
 149                         <button class="btn btn-default" title="Planning to operation" ng-click="message('planning2Operation', mwps)">
 150                           <i class="icon-backward"></i>
 151                         </button>
 152                       </td>
 153                     </tr>
 154                   </tfoot>
 155                 </table>
 156
 157           </div>
 158
 159           <div ng-repeat="mws in requiredNetworkElement.MW_PureEthernetStructure_Pac" uib-accordion-group class="panel-primary" heading=""
 160             is-open="status['structure' + separator + mws.layerProtocol]">
 161             <uib-accordion-heading>
 162               <i class="pull-left fa" ng-class="{'fa-chevron-down': status[['structure', mws.layerProtocol].join(separator)], 'fa-chevron-right': !status['structure' + separator + structure.layerProtocol]}"></i>
 163               <span>Structure MWS '{{mws.layerProtocol}}'</span>
 164               <i class="pull-right fa fa-spinner fa-pulse" ng-show="spinner[['structure', mws.layerProtocol].join(separator)]"></i>
 165             </uib-accordion-heading>
 166
 167             <div class="text-right">
 168               <a style="cursor: pointer;" ng-click="mws.showDescriptions = !mws.showDescriptions">
 169                 <span ng-show="mws.showDescriptions" style="color: #444444">Hide </span>
 170                 <span ng-show="!mws.showDescriptions" style="color: #444444">Show </span>
 171                 <span style="color: #444444"> descriptions</span>
 172               </a>
 173             </div>
 174
 175             <table class="table" ng-show="mws.showDescriptions">
 176               <tr>
 177
 178                 <td style="width: 50%">
 179                   <div ng-repeat="item in ['LogicalTerminationPoint', 'LayerProtocol', 'MW_PureEthernetStructure_Pac']">
 180                     <h4 style="color: #444444;">
 181                       <b>{{item}}</b>
 182                     </h4>
 183                     {{schema[item].description}}
 184                   </div>
 185                 </td>
 186                 <td style="width: 50%">
 187                   <h4 style="color: #444444;">
 188                     <b>PureEthernetStructureConfiguration</b>
 189                   </h4>
 190                   {{schema['PureEthernetStructureConfiguration'].description}}
 191                 </td>
 192
 193               </tr>
 194             </table>
 195             <table class="footable table table-hover">
 196               <thead>
 197                 <tr>
 198                   <th>{{ 'Label' | translate }}</th>
 199                   <th>{{ 'Required value' | translate }}</th>
 200                   <th>{{ 'Actual value' | translate }}</th>
 201                   <th>{{ 'Unit' | translate }}</th>
 202                   <th ng-show="mws.showDescriptions">{{ 'Description' | translate }}</th>
 203                 </tr>
 204               </thead>
 205               <tbody>
 206                 <tr ng-repeat="compare in mws.compares" compare="compare"></tr>
 207               </tbody>
 208               <tfoot>
 209                 <tr>
 210                   <td colspan="99" ng-class="text-center">
 211                     <button class="btn btn-default" title="Operation to planning" ng-click="message('operation2Planning', mws)">
 212                       <i class="icon-forward"></i>
 213                     </button>
 214                     <button class="btn btn-default" title="Planning to operation" ng-click="message('planning2Operation', mws)">
 215                       <i class="icon-backward"></i>
 216                     </button>
 217                   </td>
 218                 </tr>
 219               </tfoot>
 220             </table>
 221           </div>
 222
 223           <div ng-repeat="mwClient in requiredNetworkElement.MW_EthernetContainer_Pac" uib-accordion-group class="panel-primary" is-open="status['container' + separator + mwClient.layerProtocol]">
 224             <uib-accordion-heading>
 225               <i class="pull-left fa" ng-class="{'fa-chevron-down': status[['container', mwClient.layerProtocol].join(separator)], 'fa-chevron-right': !status['container' + separator + container.layerProtocol]}"></i>
 226               <span>Container ETH '{{mwClient.layerProtocol}}'</span>
 227               <i class="pull-right fa fa-spinner fa-pulse" ng-show="spinner[['container', mwClient.layerProtocol].join(separator)]"></i>
 228             </uib-accordion-heading>
 229
 230             <div class="text-right">
 231               <a style="cursor: pointer;" ng-click="mwClient.showDescriptions = !mwClient.showDescriptions">
 232                 <span ng-show="mwClient.showDescriptions" style="color: #444444">Hide </span>
 233                 <span ng-show="!mwClient.showDescriptions" style="color: #444444">Show </span>
 234                 <span style="color: #444444"> descriptions</span>
 235               </a>
 236             </div>
 237             <table class="table" ng-show="mwClient.showDescriptions">
 238               <tr>
 239                 <td style="width: 50%">
 240                   <div ng-repeat="item in ['LogicalTerminationPoint', 'LayerProtocol', 'MW_EthernetContainer_Pac']">
 241                     <h4 style="color: #444444;">
 242                       <b>{{item}}</b>
 243                     </h4>
 244                     {{schema[item].description}}
 245                   </div>
 246                 </td>
 247                 <td style="width: 50%">
 248                   <div ng-repeat="item in ['EthernetContainerConfiguration', 'ethernetContainerConfiguration']">
 249                     <h4 style="color: #444444;">
 250                       <b>{{item}}</b>
 251                     </h4>
 252                     {{schema[item].description}}
 253                   </div>
 254                 </td>
 255               </tr>
 256             </table>
 257
 258             <table class="footable table table-hover">
 259               <thead>
 260                 <tr>
 261                   <th>{{ 'Label' | translate }}</th>
 262                   <th>{{ 'Required value' | translate }}</th>
 263                   <th>{{ 'Actual value' | translate }}</th>
 264                   <th>{{ 'Unit' | translate }}</th>
 265                   <th ng-show="mwClient.showDescriptions">{{ 'Description' | translate }}</th>
 266                 </tr>
 267               </thead>
 268               </tbody>
 269               <tr ng-repeat="compare in mwClient.compares" compare="compare"></tr>
 270               </tbody>
 271               <tfoot>
 272                 <tr>
 273                   <td colspan="99" ng-class="text-center">
 274                     <button class="btn btn-default" title="Operation to planning" ng-click="message('operation2Planning', mwClient)">
 275                         <i class="icon-forward"></i>
 276                       </button>
 277                     <button class="btn btn-default" title="Planning to operation" ng-click="message('planning2Operation', mwClient)">
 278                          <i class="icon-backward"></i>
 279                       </button>
 280                   </td>
 281                 </tr>
 282               </tfoot>
 283             </table>
 284           </div>
 285
 286         </uib-accordion>
 287       </div>
 288     </div>
 289   </div>
 290
 291   <div class="container" style="width: 100%">
 292     <div class="row">
 293       <uib-accordion close-others="oneAtATime">
 294         <div uib-accordion-group panel-class="panel-odl" ng-repeat="ne in referenceValues.network.networkElement" is-open="ne.open">
 295           <uib-accordion-heading>
 296             <i class="pull-left" ng-class="{'icon-angle-down': ne.open, 'icon-angle-right': !ne.open}"></i> <span>Network element: </span>            <b>"{{ne.name}}"</b> </uib-accordion-heading>
 297           <accordion close-others="oneAtATime">
 298             <div uib-accordion-group panel-class="panel-odl" is-open="ne['core-model:network-element'][0].open">
 299               <uib-accordion-heading>
 300                 <i class="pull-left" ng-class="{'icon-angle-down': ne['core-model:network-element'][0].open, 'icon-angle-right': !ne['core-model:network-element'][0].open}"></i>                <span>
 301  {{ 'Network element' | translate}}
 302  <span></uib-accordion-heading>
 303 1
 304
 305
 306
 307 </div> <div uib-accordion-group panel-class="panel-odl" ng-repeat="mwps in ne.MW_AirInterface_Pac" is-open="mwps.open"> <uib-accordion-heading>
 308 <i class="pull-left" ng-class="{'icon-angle-down': mwps.open, 'icon-angle-right': !mwps.open}"></i> <span>
 309  LTP ({{mwps.layerProtocol}})
 310  <span></uib-accordion-heading>
 311
 312
 313   </div>
 314   <div uib-accordion-group panel-class="panel-odl" ng-repeat="mws in ne.MW_PureEthernetStructure_Pac" is-open="mws.open"> <uib-accordion-heading>
 315   <i class="pull-left" ng-class="{'icon-angle-down': mws.open, 'icon-angle-right': !mws.open}"></i> <span>
 316    LTP ({{mws.layerProtocol}})
 317    <span></uib-accordion-heading>
 318
 319
 320   </div>
 321   <div uib-accordion-group panel-class="panel-odl" ng-repeat="mwClient in ne.MW_EthernetContainer_Pac" is-open="mwClient.open"> <uib-accordion-heading>
 322   <i class="pull-left" ng-class="{'icon-angle-down': mwClient.open, 'icon-angle-right': !mwClient.open}"></i> <span>
 323    LTP ({{mwClient.layerProtocol}})
 324    <span></uib-accordion-heading>
 325     </div>
 326     </uib-accordion>
 327     <div>
 328 </div>
 329 </div>
 330 <hr />
 331 <div class="owl">
 332         <span class="white">ONAP SDN-R | ONF Wireless for @distversion@ - Build: @buildtime@</span>
 333             </div>