gerrit.onap Code Review - ccsdk/apps.git/blob

   1 <div class="modal-header">
   2         <h3 class="modal-title" id="modal-title">{{ data.ne.name }}{{ data.ne['node-id'] }}</h3>
   3 </div>
   4 <div class="modal-body" id="modal-body" ng-hide="data.ne.required">
   5   <div class="row">
   6     <div class="col-md-2 text-right">
   7       <span>{{'MWTN_NETWORKELEMENT' | translate}}</span>
   8     </div>
   9     <div class="col-md-10">
  10       <b>{{data.ne['node-id']}}</b>
  11     </div>
  12   </div>
  13   <div class="row">
  14     <div class="col-md-2 text-right">
  15       <span>{{'MWTN_IPADDRESS' | translate}}</span>
  16     </div>
  17     <div class="col-md-10">
  18       <b>{{data.ne['netconf-node-topology:host']}}</b>
  19     </div>
  20   </div>
  21   <div class="row">
  22     <div class="col-md-2 text-right">
  23       <span>{{'MWTN_PORT' | translate}}</span>
  24     </div>
  25     <div class="col-md-10">
  26       <b>{{data.ne['netconf-node-topology:port']}}</b>
  27     </div>
  28   </div>
  29   <div class="row">
  30     <div class="col-md-2 text-right">
  31       <span>{{'MWTN_USERNAME' | translate}}</span>
  32     </div>
  33     <div class="col-md-10">
  34       <b>{{data.mountpoint['netconf-node-topology:username']}}</b>
  35     </div>
  36   </div>
  37   <div class="row">
  38     <div class="col-md-2 text-right">
  39       <span>{{'MWTN_PASSWORD' | translate}}</span>
  40     </div>
  41     <div class="col-md-10">
  42       <b>{{data.mountpoint['netconf-node-topology:password']}}</b>
  43     </div>
  44   </div>
  45 </div>
  46 <div class="modal-body" id="modal-body" ng-show="data.ne.required">
  47   <!-- web -->
  48   <div ng-show="data.web.supported">
  49       <p>
  50         <span>The network element supports a native web user interface.</span>
  51         <br/>
  52         <span> Please use following link:</span>
  53         <div class="input-append">
  54           <input class="mwtn-form-control" type="text" value="{{ data.web.getLink() }}" readonly></input>
  55           <a class="btn btn-default" href="{{ data.web.getLink() }}" target="_blank">
  56             <i class="fa fa-external-link" aria-hidden="true"></i>
  57           </a>
  58         </div>
  59       <p>
  60   </div>
  61   <div ng-show="!data.web.supported">
  62       <p>The network element does not support a native web user interface.</p>
  63   </div>
  64   <!-- terminal -->
  65   <hr/>
  66   <div ng-show="data.terminal.supported">
  67     <p>
  68       <span>The network element supports a native terminal or console application.</span>
  69       <br/>
  70       <span>Please the copy button and paste the command into a terminal window:</span>
  71     <p>
  72     <div class="input-append">
  73       <input class="mwtn-form-control" type="text" value="{{ data.terminal.getCommand() }}" readonly></input>
  74       <button class="btn btn-default" type="button" clipboard supported="supported" text="data.terminal.getCommand()" on-copied="data.terminal.copyToClipboard()" on-error="error(err)">
  75         <i class="fa fa-clipboard" aria-hidden="true"></i>
  76       </button>
  77       <span ng-show="data.terminal.copied === true" class="green">Check your clipboard.</span>
  78     </div>
  79   </div>
  80   <div ng-show="!data.web.supported">
  81     <p>The network element does not support a native terminal or console application.</p>
  82   </div>
  83
  84   <!-- application -->
  85   <hr/>
  86   <div ng-show="data.application.supported">
  87     <p>
  88       <span>The network element can be managed via a pre-installed application.</span>
  89       <br/>
  90       <span>Please the copy button and paste the command into a terminal window:</span>
  91     <p>
  92     <div class="input-append">
  93       <input class="mwtn-form-control" type="text" value="{{ data.application.getCommand() }}" readonly></input>
  94       <button class="btn btn-default" type="button" clipboard supported="supported" text="data.application.getCommand()" on-copied="data.application.copyToClipboard()" on-error="error(err)">
  95         <i class="fa fa-clipboard" aria-hidden="true"></i>
  96       </button>
  97       <span ng-show="data.application.copied === true" class="green">Check your clipboard.</span>
  98     </div>
  99   </div>
 100
 101 </div>
 102 <div class="modal-body" id="modal-body">
 103   <!-- yang capabilites -->
 104   <hr/>
 105   <h3>{{ 'MWTN_YANG_CAPABILITIES' | translate }}</h3>
 106   <div id="yangCapabilitiesGrid"
 107         ui-grid="yangCapabilitiesGridOptions"
 108         ui-grid-exporter ui-grid-selection ui-grid-pinning
 109         ui-grid-resize-columns
 110         ui-grid-move-columns class="yangCapabilitiesGrid">
 111   </div>
 112 </div>
 113 <div class="modal-footer">
 114         <button class="btn btn-danger" type="button" ng-show="data.ne.required" ng-click="delete(data.ne)">
 115     <i class="fa fa-trash" aria-hidden="true"></i>
 116     <span>{{'MWTN_DELETE' | translate}}...</span>
 117   </button>
 118         <button class="btn btn-warning" type="button" ng-show="data.ne.required" ng-click="hide(data.ne)">
 119     <i class="fa fa-times" aria-hidden="true"></i>
 120     <span>{{'MWTN_HIDE' | translate}}...</span>
 121   </button>
 122         <button class="btn btn-primary" type="button" ng-click="ok()">
 123     <span>{{'MWTN_CLOSE' | translate}}</span>
 124   </button>
 125 </div>