Blame - src/app/packages/ns-packages/ns-composer/NSComposerComponent.html - osm/NG-UI

kumaran.m

3b4814a

2020-05-01 19:48:54 +0530

[diff] [blame^]

<!--

Licensed under the Apache License, Version 2.0 (the 'License');

5

you may not use this file except in compliance with the License.

6

You may obtain a copy of the License at

7

8

http://www.apache.org/licenses/LICENSE-2.0

9

10

Unless required by applicable law or agreed to in writing, software

11

distributed under the License is distributed on an "AS IS" BASIS,

12

WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

13

See the License for the specific language governing permissions and

14

limitations under the License.

15

16

Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in)

17

-->

18

<ng-sidebar-container class="ns-topology-sidebar-container">

19

20

<ng-sidebar [(opened)]="sideBarOpened" position="left">

21

22

<span class="topology_title" *ngIf="isShowNSDDetails">{{'PAGE.TOPOLOGY.NSD' | translate}}</span>

23

<span class="topology_title" *ngIf="isShowVLDetails">{{'PAGE.TOPOLOGY.VIRTUALLINK' | translate}}</span>

24

<span class="topology_title" *ngIf="isShowVNFDetails">{{'PAGE.TOPOLOGY.VNF' | translate}}</span>

25

<span class="topology_title" *ngIf="isShowCPDetails">{{'PAGE.TOPOLOGY.CONNECTIONPOINT' | translate}}</span>

</button>

</div>

<label class="col-sm-4 col-form-label">{{ 'SHORTNAME' | translate }}</label>

37

38

<input type="text" class="form-control" placeholder="{{ 'SHORTNAME' | translate }}" name="shortName"

39

[(ngModel)]="vnfdPackageDetails.shortName">

</div>

</div>

<label class="col-sm-4 col-form-label">{{ 'VENDOR' | translate }}</label>

44

45

<input type="text" class="form-control" placeholder="{{ 'VENDOR' | translate }}" name="vendor"

46

[(ngModel)]="vnfdPackageDetails.vendor">

</div>

</div>

<label class="col-sm-4 col-form-label">{{ 'DESCRIPTION' | translate }}</label>

51

52

<textarea type="text" class="form-control" placeholder="{{ 'DESCRIPTION' | translate }}"

53

name="description" [(ngModel)]="vnfdPackageDetails.description"></textarea>

</div>

</div>

<label class="col-sm-4 col-form-label">{{ 'VERSION' | translate }}</label>

58

59

<input type="text" class="form-control" placeholder="{{ 'VERSION' | translate }}" name="version"

60

[(ngModel)]="vnfdPackageDetails.version">

</div>

</div>

<label class="col-sm-4 col-form-label">{{ 'ID' | translate }}</label>

65

66

<input type="text" class="form-control" placeholder="{{ 'ID' | translate }}" name="id"

67

[(ngModel)]="vnfdPackageDetails.id">

</div>

</div>

<label class="col-sm-4 col-form-label">{{ 'NAME' | translate }}</label>

72

73

<input type="text" class="form-control" placeholder="{{ 'NAME' | translate }}" name="name"

74

[(ngModel)]="vnfdPackageDetails.name">

75

</div>

76

</div>

77

<button type="button" class="btn btn-primary" (click)="saveNSD()" placement="top"

78

ngbTooltip="Save">

79

<i class="fas fa-save"></i> {{'SAVE' | translate}}

</button>

</form>

</div>

</div>

</div>

<label class="col-sm-4 p-0 col-form-label">{{ 'NAME' | translate }}</label>

91

92

<input type="text" class="form-control" placeholder="{{ 'NAME' | translate }}" name="name"

93

[(ngModel)]="vlDetails.name">

</div>

</div>

<label class="col-sm-4 p-0 col-form-label">{{'PAGE.NSPACKAGE.NSCOMPOSE.MGMTNETWORK' | translate}}</label>

<option [value]="false">False</option>

</select>

</div>

</div>

<label class="col-sm-4 p-0 col-form-label">{{'PAGE.NSPACKAGE.NSCOMPOSE.VIMNETWORKNAME' | translate}}</label>

107

108

<input type="text" class="form-control" placeholder="Vim network name" name="vim-network-name"

109

[(ngModel)]="vlDetails['vim-network-name']">

</div>

</div>

<label class="col-sm-4 p-0 col-form-label">{{'TYPE' | translate}}</label>

</div>

</div>

<label class="col-sm-4 p-0 col-form-label">{{ 'ID' | translate }}</label>

120

121

<input type="text" class="form-control" placeholder="{{ 'ID' | translate }}" name="id"

122

[(ngModel)]="vlDetails.id">

123

</div>

124

</div>

125

<button type="button" class="btn btn-primary" placement="top" ngbTooltip="Save"

126

(click)="saveVL(vlDetails.id)">

127

<i class="fas fa-save"></i> {{'SAVE' | translate}}

</button>

</form>

</div>

</div>

</div>

<tbody>

<tr>

<td>{{'PAGE.NSPACKAGE.NSCOMPOSE.MEMBER-VNF-INDEX' | translate}}</td>

140

<td>{{ vnfData['member-vnf-index'] }}</td>

141

</tr>

142

<tr>

143

<td>{{'PAGE.NSPACKAGE.NSCOMPOSE.VNFD-ID-REF' | translate}}</td>

144

<td>{{ vnfData['vnfd-id-ref'] }}</td>

</tr>

</tbody>

</table>

</div>

</div>

</div>

<tbody>

<tr>

<td>{{'PAGE.NSPACKAGE.NSCOMPOSE.VLD-ID' | translate}}</td>

158

<td>{{ vlDetails['name'] }}</td>

159

</tr>

160

<tr>

161

<td>{{'PAGE.NSPACKAGE.NSCOMPOSE.VNFD-CP-REF' | translate}}</td>

162

<td>{{ cpData['vnfd-connection-point-ref'] }}</td>

163

</tr>

164

<tr>

165

<td>{{'MEMBERINDEX' | translate}}</td>

166

<td>{{ cpData['member-vnf-index-ref'] }}</td>

167

</tr>

168

<tr>

169

<td>{{'PAGE.NSPACKAGE.NSCOMPOSE.VNFD-ID-REF' | translate}}</td>

170

<td>{{ cpData['vnfd-id-ref'] }}</td>

</tr>

</tbody>

</table>

</div>

</div>

</div>

</div>

</ng-sidebar>

</button>

</div>

</ng-sidebar-container>

</legend>

 <span class="span-overflow-text font-weight-bold">{{'PAGE.TOPOLOGY.VL' | translate}}</span>

</li>

</ul>

</fieldset>

</div>

</div>

</legend>

<li id="list['id']" class="list-group-item" draggable="true" (dragstart)="drag($event)"

213

[attr.data-id]="list['id']" *ngFor="let list of vnfList" placement="top"

214

container="body" ngbTooltip="{{ list['short-name'] }}">

215

216

 <span class="span-overflow-text font-weight-bold">{{ list['short-name'] }}</span>

</li>

</ul>

</fieldset>

</div>

</div>

</div>

<button type="button" class="btn btn-primary topology-btn" (click)="onFreeze()"

229

[class.pinned]="classApplied" placement="top" container="body" ngbTooltip="{{(classApplied ? 'UNFREEZE' : 'FREEZE') | translate}}">

230

231

</button>

232

<button type="button" class="btn btn-primary topology-btn" (click)="onEdit()" placement="top"

233

container="body" ngbTooltip="{{'EDIT' | translate}}">

234

235

</button>

236

<button type="button" class="btn btn-primary topology-btn" (click)="showInfo()" placement="top"

237

container="body" ngbTooltip="{{'PAGE.TOPOLOGY.HELP' | translate}}">

</button>

</div>

</div>

<br>{{'PAGE.TOPOLOGY.VNF' | translate}}</span>

246

247

248

<br>{{'PAGE.TOPOLOGY.VL' | translate}}</span>

249

250

251

<br>{{'PAGE.TOPOLOGY.CP' | translate}}</span>

</div>

</div>

id="graphContainer" #graphContainer>

</svg>

</div>

</div>

</div>

</div>

</div>

<app-loader [waitingMessage]="message" *ngIf="isLoadingResults"></app-loader>