blob: 760a067ff44cfd2c0fb483e9525a1dbdd67636d0 (
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
|
<!--
Copyright 2016-2017 ZTE Corporation.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<div class="modal-header" style="margin-bottom: 15px;">
<h4 class="modal-title" id="myModalLabel">
<span>Create</span>
</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" role="form" id="neForm">
<uib-tabset active="active">
<uib-tab heading="Base">
<div id="basicInfoTab" style="margin-top:20px;">
<div class="mT15 form-group" style="margin-left:25px;">
<label class="col-sm-3 control-label">
<span>Service Name</span>
<span class="required">*</span>
</label>
<div class="col-sm-7">
<input type="text" id="svcName" name="svcName" class="form-control" placeholder="Service Name" maxlength="256" ng-model="ctrl.service.serviceName"/>
</div>
</div>
<div class="mT15 form-group" style="margin-left:25px;">
<label class="col-sm-3 control-label">
<span>Service Description</span>
<span class="required">*</span>
</label>
<div class="col-sm-7">
<input type="text" id="svcDesc" name="" class="form-control" placeholder="Service Description" maxlength="256" ng-model="ctrl.service.serviceDescription"/>
</div>
</div>
<div class="form-group" style="margin-left:25px;margin-bottom:15px;">
<label class="col-sm-3 control-label">
<span>Service Template</span>
<span class="required">*</span>
</label>
<div class="col-sm-7">
<select class="form-control" style="padding-top: 0px;padding-bottom: 0px;" id="svcTempl" name="svcTempl" ng-change="ctrl.serviceTemplateChanged(ctrl.selectedTemplate)" ng-model="ctrl.selectedTemplate" ng-options="template.name for template in ctrl.templates">
<option value="">--select--</option>
</select>
</div>
</div>
</div>
</uib-tab>
<uib-tab heading="Template Parameters">
<div id='templateParasTab' style="margin-top:20px;">
<div ng-if="ctrl.service !== undefined" class="form-group" style="margin-left:0px;margin-bottom:5px;">
<label class="col-sm-5 control-label">
<span>{{ctrl.service.location.name}}</span><span class="required">*</span>
</label>
<div class="col-sm-5">
<select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" ng-model="ctrl.service.location.value" ng-options="option.value for option in ctrl.locations">
<option value="">--select--</option>
</select>
</div>
</div>
<div ng-repeat="parameter in ctrl.service.parameters" class="mT15 form-group" style="margin-left:0px;">
<label class="col-sm-5 control-label">
<span>{{parameter.name}}</span><span ng-if="parameter.isRequired" class="required">*</span>
</label>
<div class="col-sm-5">
<input type="text" name="{{parameter.description}}" class="form-control" ng-model="parameter.value" placeholder="{{parameter.name}}" value="{{parameter.defaultValue}}" ng-readonly="{{parameter.readonly}}"/>
</div>
</div>
<fieldset ng-repeat="segment in ctrl.service.segments" style="margin-left:25px;">
<legend>{{segment.nodeTemplateName}}</legend>
<div class="form-group" style="margin-left:0px;margin-bottom:5px;">
<label class="col-sm-5 control-label">
<span>{{segment.location.name}}</span><span class="required">*</span>
</label>
<div class="col-sm-5">
<select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" ng-model="segment.location.value" ng-options="option.value for option in ctrl.locations">
<option value="">--select--</option>
</select>
</div>
</div>
<div ng-repeat="segment_parameter in segment.parameters" class="mT15 form-group" style="margin-left:0px;">
<label class="col-sm-5 control-label">
<span>{{segment_parameter.name}}</span><span ng-if="segment_parameter.isRequired" class="required">*</span>
</label>
<div class="col-sm-5">
<input type="text" name="{{segment_parameter.description}}" class="form-control" ng-model="segment_parameter.value" placeholder="{{segment_parameter.name}}" value="{{segment_parameter.defaultValue}}" ng-readonly="{{segment_parameter.readonly}}"/>
</div>
</div>
</fieldset>
</div>
</uib-tab>
</uib-tabset>
</form>
</div>
<div class="modal-footer">
<button type="button" style="width:80px;" class="btn btn-primary" ng-click="ctrl.ok()" id="startToCreateService">
<span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>
</button>
<button type="button" style="width:80px;" class="btn btn-warning" ng-click="ctrl.cancel()">
<span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>
</button>
</div>
|
