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

   1 <div class="modal-header">
   2         <h3 class="modal-title" id="modal-title">{{ data.el.Name }}</h3>
   3 </div>
   4 <div class="modal-body" id="modal-body">
   5   <div class="row">
   6     <div class="col-md-3"><span>Name:</span></div>
   7     <div class="col-md-9">
   8         <input type="text" class="form-control" ng-model="mediator.name" />
   9     </div>
  10   </div>
  11   <div class="row">
  12     <div class="col-md-3"><span>DeviceType:</div>
  13     <div class="col-md-9">
  14         <select class="form-control" ng-model="mediator.devicetype" >
  15                 <option ng-repeat="option in options.nedevicetype" value="{{option.Value}}">{{option.Name}}</option>
  16         </select>
  17     </div>
  18   </div>
  19   <div class="row">
  20     <div class="col-md-3"><span>IP address:</div>
  21     <div class="col-md-9">
  22         <input type="text" ng-model="mediator.remoteip" class="form-control" style="display:inline-block;width:70%;"/>
  23         <span>&nbsp;:&nbsp;</span>
  24         <input type="text" ng-model="mediator.remoteport" class="form-control" style="display:inline-block;width:25%;float:right;"/>
  25
  26     </div>
  27   </div>
  28   <div class="row">
  29     <div class="col-md-3"><span>TrapsPort:</div>
  30     <div class="col-md-9">
  31         <input type="number" class="form-control" ng-model="mediator.trapsport" />
  32     </div>
  33   </div>
  34   <div class="row">
  35     <div class="col-md-3"><span>NetconfPort:</div>
  36     <div class="col-md-9">
  37     <input type="number" class="form-control" ng-model="mediator.ncport" />
  38     </div>
  39   </div>
  40   <div class="row">
  41     <div class="col-md-3"><span>NeModel:</div>
  42     <div class="col-md-9">
  43         <select class="form-control" ng-model="mediator.nexml">
  44                 <option ng-repeat="option in options.nexmlmodel" value="{{option}}">{{option}}</option>
  45         </select>
  46     </div>
  47   </div>
  48   <hr class="row" />
  49   <div class="row">
  50         <uib-accordion close-others="oneAtATime">
  51                 <div uib-accordion-group class="panel-default"  is-open="false">
  52                 <uib-accordion-heading>
  53                     <i class="pull-left fa" ng-class="{'fa-chevron-down': false, 'fa-chevron-right': true}"></i>
  54                     <span>{{'ODL Connection Config' | translate}}</span>
  55                 </uib-accordion-heading>
  56                 <div class="" style="position:relative;">
  57                         <button class="btn btn-default" ng-click="odledit()" style="position:absolute;top:1rem;right:1rem;"><i class="fa fa-edit"></i></button>
  58                         <div class="row">
  59                                 <div class="col-md-3"><span >Hostname:</span></div>
  60                                 <div class="col-md-6"><input ng-disabled="!odlsavebtn.enabled" class="form-control" type="text" ng-model="odlconfig.Server" /></div>
  61                         </div>
  62                         <div class="row">
  63                                 <div class="col-md-3"><span >Port:</span></div>
  64                                 <div class="col-md-6"><input ng-disabled="!odlsavebtn.enabled" class="form-control" type="text" ng-model="odlconfig.Port" /></div>
  65                         </div>
  66                         <div class="row">
  67                                 <div class="col-md-3"><span >Username:</span></div>
  68                                 <div class="col-md-6"><input ng-disabled="!odlsavebtn.enabled" class="form-control" type="text" ng-model="odlconfig.User" /></div>
  69                         </div>
  70                         <div class="row">
  71                                 <div class="col-md-3"><span >Password:</span></div>
  72                                 <div class="col-md-6"><input ng-disabled="!odlsavebtn.enabled" class="form-control" type="text" ng-model="odlconfig.Password" /></div>
  73                         </div>
  74                         <div class="row">
  75                                 <div class="col-md-3"></div>
  76                                 <div class="col-md-6"><button class="btn btn-default" ng-click="odlsave()" ng-disabled="!odlsavebtn.enabled">Save</button></div>
  77                         </div>
  78
  79                 </div>
  80 </div>
  81         </uib-accordion>
  82   </div>
  83   <div class="row">
  84         <div class="col-md-12">
  85                 <span style="display:block;text-align:right;color:#0F0;">{{statusmessage}}</span>
  86                 <span style="display:block;text-align:right;color:#F00;">{{errormessage}}</span>
  87         </div>
  88   </div>
  89
  90 </div>
  91 <div class="modal-footer">
  92   <button class="btn btn-primary" type="button" ng-click="ok()">
  93     <span>{{'MWTN_MED_ADD' | translate}}</span>
  94   </button>
  95   <button class="btn btn-danger" type="button" ng-show="true" ng-click="cancel()">
  96     <i class="fa fa-trash" aria-hidden="true"></i>
  97     <span>{{'MWTN_CANCEL' | translate}}...</span>
  98   </button>
  99 </div>