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

  <!-- application -->
  <hr/>
  <div ng-show="data.application.supported">
    <p>
      <span>The network element can be managed via a pre-installed application.</span>
      <br/>
      <span>Please the copy button and paste the command into a terminal window:</span>
    <p>
    <div class="input-append">
      <input class="mwtn-form-control" type="text" value="{{ data.application.getCommand() }}" readonly></input>
      <button class="btn btn-default" type="button" clipboard supported="supported" text="data.application.getCommand()" on-copied="data.application.copyToClipboard()" on-error="error(err)">
        <i class="fa fa-clipboard" aria-hidden="true"></i>
      </button>
      <span ng-show="data.application.copied === true" class="green">Check your clipboard.</span>
    </div>
  </div>
  
</div>
<div class="modal-body" id="modal-body">
  <!-- yang capabilites -->
  <hr/>
  <h3>{{ 'MWTN_YANG_CAPABILITIES' | translate }}</h3>
  <div id="yangCapabilitiesGrid" 
        ui-grid="yangCapabilitiesGridOptions"
        ui-grid-exporter ui-grid-selection ui-grid-pinning
        ui-grid-resize-columns 
        ui-grid-move-columns class="yangCapabilitiesGrid">
  </div>
</div>
<div class="modal-footer">
	<button class="btn btn-danger" type="button" ng-show="data.ne.required" ng-click="delete(data.ne)">
    <i class="fa fa-trash" aria-hidden="true"></i>
    <span>{{'MWTN_DELETE' | translate}}...</span>
  </button>
	<button class="btn btn-warning" type="button" ng-show="data.ne.required" ng-click="hide(data.ne)">
    <i class="fa fa-times" aria-hidden="true"></i>
    <span>{{'MWTN_HIDE' | translate}}...</span>
  </button>
	<button class="btn btn-primary" type="button" ng-click="ok()">
    <span>{{'MWTN_CLOSE' | translate}}</span>
  </button>
</div>