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

   1 <ht-header help-link='sdnr/connect/0.4.0/README.md'></ht-header>
   2
   3 <uib-accordion close-others="oneAtATime">
   4
   5 <div uib-accordion-group class="panel-primary"
   6         is-open="status.requiredNes">
   7         <uib-accordion-heading>
   8             <i class="pull-left fa" ng-class="{'fa-chevron-down': status.requiredNes, 'fa-chevron-right': !status.requiredNes}"></i>
   9             <span>{{'MWTN_REQUIRED_NETWORK_ELEMENTS' | translate}}</span>
  10         </uib-accordion-heading>
  11         <div id="requiredNesGrid" ui-grid="requiredNesGridOptions"
  12                 ui-grid-exporter ui-grid-selection ui-grid-pinning
  13                 ui-grid-resize-columns ui-grid-move-columns class="requiredNesGrid">
  14         </div>
  15 </div>
  16
  17 <div uib-accordion-group class="panel-default"
  18         is-open="status.unkownNes">
  19         <uib-accordion-heading>
  20             <i class="pull-left fa" ng-class="{'fa-chevron-down': status.unkownNes, 'fa-chevron-right': !status.unkownNes}"></i>
  21             <span>{{'MWTN_UNKNOWN_NETWORK_ELEMENTS' | translate}}</span>
  22         </uib-accordion-heading>
  23         <div id="unknownNesGrid" ui-grid="unknownNesGridOptions"
  24                 ui-grid-exporter ui-grid-selection ui-grid-pinning
  25                 ui-grid-resize-columns ui-grid-move-columns class="unknownNesGrid">
  26         </div>
  27 </div>
  28
  29 <div uib-accordion-group class="panel-default"
  30         is-open="status.mount">
  31         <uib-accordion-heading>
  32             <i class="pull-left fa" ng-class="{'fa-chevron-down': status.mount, 'fa-chevron-right': !status.mount}"></i>
  33             <span>{{'Mount NETCONF Servers (devices, nodes, mediators, controllers, ...)' | translate}}</span>
  34         </uib-accordion-heading>
  35         <div class="container">
  36                 <div class="row" ng-repeat="(key, value) in newMountingPoint">
  37                         <div class="col-md-2 text-right">
  38                                 <span>{{['mwtn', key].join('_').toUpperCase() | translate}}</span>
  39                         </div>
  40                         <div class="col-md-4">
  41                                 <input type="text" class="form-control"
  42                                         ng-model="newMountingPoint[key]"></input>
  43                         </div>
  44                 </div>
  45                 <div class="row">
  46                         <div class="col-md-6 text-right">
  47                                         <br />
  48                                  <button type="button" class="btn btn-primary" ng-click="mount()">
  49                                   <i class="fa fa-spinner" ng-class="{'fa-pulse':processing}" ng-show="processing" aria-hidden="true"></i>
  50                                   <span>{{'MWTN_MOUNT' | translate}}</span>
  51                                  </button>
  52                         </div>
  53                 </div>
  54                 <div class="row">
  55                         <div class="col-md-6">
  56                                         <br />
  57                                         <span class="mwtnSuccess" style="color: darkgreen;">{{mountSuccess}}</span>
  58                                         <span class="mwtnError" style="color: red;">{{mountError}}</span>
  59                         </div>
  60                 </div>
  61         </div>
  62 </div>
  63
  64 <div uib-accordion-group class="panel-default"
  65   is-open="status.connectionStatusLog">
  66   <uib-accordion-heading>
  67       <i class="pull-left fa" ng-class="{'fa-chevron-down': status.connectionStatusLog, 'fa-chevron-right': !status.connectionStatusLog}"></i>
  68       <span>{{'MWTN_CONNECTION_STATUS_LOG' | translate}}</span>
  69       <i class="pull-right fa fa-spinner fa-pulse" ng-show="spinner.connectionStatusLog"></i>
  70   </uib-accordion-heading>
  71
  72     <div id="mwtnConnectGridConnectionStatusLog"
  73          ui-grid="gridOptionsConnectionStatusLog"
  74          ui-grid-pagination
  75          ui-grid-exporter
  76          ui-grid-selection
  77          ui-grid-pinning
  78          ui-grid-resize-columns
  79          ui-grid-move-columns class="mwtnConnectGrid">
  80     </div>
  81
  82     <div class="ht-pagination">
  83       <button class="btn btn-default"
  84             ng-disabled="paginationOptions.pageNumber === 1"
  85             ng-click="gridApi.pagination.seek(1)"
  86             ng-class="{'cancelCursor':paginationOptions.pageNumber === 1}"
  87             role="menuitem" type="button" title="Page to first" aria-label="Page to first">
  88         <i class="fa fa-step-backward "></i>
  89       </button>
  90       <button class="btn btn-default"
  91             ng-disabled="paginationOptions.pageNumber === 1"
  92             ng-class="{'cancelCursor':paginationOptions.pageNumber === 1}"
  93             ng-click="gridApi.pagination.previousPage()"
  94
  95             role="menuitem" type="button" title="Previous Page" aria-label="Previous Page">
  96         <i class="fa fa-play fa-rotate-180 "></i>
  97       </button>
  98       <input class="btn btn-default" style="text-align:right;"  border="1"
  99            ng-model="paginationOptions.pageNumber"
 100            ng-change="seekPage(paginationOptions.pageNumber)"
 101            type="text" style="width:20px;"/>
 102       <span class="dark">&nbsp;/ {{ gridApi.pagination.getTotalPages() }}</span>
 103
 104       <button class="btn btn-default" role="menuitem" type="button" title="Next Page" aria-label="Next Page"
 105             ng-disabled="gridApi.pagination.pageNumber === gridApi.pagination.getTotalPages()"
 106             ng-click="gridApi.pagination.nextPage()">
 107           <i class="fa fa-play "></i>
 108       </button>
 109       <button class="btn btn-default" ng-disabled="gridApi.pagination.pageNumber === gridApi.pagination.getTotalPages()"
 110             ng-click="gridApi.pagination.seek(gridApi.pagination.getTotalPages())"
 111             role="menuitem" type="button" title="Page to last" aria-label="Page to last">
 112         <i class="fa fa-step-forward "></i>
 113       </button>
 114
 115       <select
 116         class="btn btn-default" name="repeatSelect" id="repeatSelect"
 117         ng-init="gridOptionsConnectionStatusLog.paginationPageSize = gridOptionsConnectionStatusLog.paginationPageSizes[0]"
 118         ng-model="gridOptionsConnectionStatusLog.paginationPageSize"
 119         ng-options="option for option in gridOptionsConnectionStatusLog.paginationPageSizes"></select>
 120
 121       <span class="dark"> items per page </span>
 122
 123       <span class="pull-right dark">{{ paginationStatusMessage() }}</span>
 124
 125     </div>
 126
 127     <div class="text-right">
 128      <!--
 129      <button type="button" id="clearLog" class="btn btn-warning" ng-click="clearLog()">
 130       <i class="fa fa-times" aria-hidden="true"></i>
 131       <span>Clear log...</span>
 132      </button>
 133       see gird menu Export ...
 134      <button type="button" id="saveLog" class="btn btn-default" ng-click="saveLog()">
 135       <i class="fa fa-save" aria-hidden="true"></i>
 136       <span>Save...</span>
 137      </button>  -->
 138      <button type="button" id="refreshLog" class="btn btn-primary" ng-click="refreshLog()">
 139       <span>{{'MWTN_REFRESH' | translate}}</span>
 140      </button>
 141     </div>
 142
 143 </div>
 144
 145 </uib-accordion>
 146
 147 <hr />
 148 <div class="owl">
 149         <span class="white">ONAP SDN-R | ONF Wireless for @distversion@ - Build: @buildtime@</span>
 150 </div>