Included Policy GUI Enhancements and validations
[policy/engine.git] / POLICY-SDK-APP / src / main / webapp / app / policyApp / Windows / Dictionary / ModelAttributeDictionary.html
1 <!--/*-
2  * ============LICENSE_START=======================================================
3  * ONAP Policy Engine
4  * ================================================================================
5  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
6  * ================================================================================
7  * Licensed under the Apache License, Version 2.0 (the "License");
8  * you may not use this file except in compliance with the License.
9  * You may obtain a copy of the License at
10  * 
11  *      http://www.apache.org/licenses/LICENSE-2.0
12  * 
13  * Unless required by applicable law or agreed to in writing, software
14  * distributed under the License is distributed on an "AS IS" BASIS,
15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16  * See the License for the specific language governing permissions and
17  * limitations under the License.
18  * ============LICENSE_END=========================================================
19  */-->
20 <script type="text/ng-template" id="add_modelAttribute_popup.html">
21 <div class="modal" tabindex="-1">
22                  <div class="modal-dialog modal-lg">
23                         <div class="modal-content">
24         <div class="modal-header">
25             <h2 class="font-showcase-font-name" style="color : #157bb2">{{label}}</h2>
26         </div>
27                 <form name="formdata" ng-submit="saveModelAttribute(editModelAttribute);" novalidate>
28         <div class="modal-body">
29                         <div class="form-group row">
30                         <div class="form-group col-sm-6" ng-class="{ 'has-error' : formdata.modelName.$invalid && !formdata.modelName.$pristine }">
31                 <label>Micro Service:<sup><b>*</b></sup></label><br>
32                 <select class="form-control" name= "modelName"  required  ng-model="editModelAttribute.modelName"  ng-options="option for option in microServiceModelsDictionaryDatas track by option" ></select>
33                                 <p ng-show="formdata.modelName.$invalid && !formdata.modelName.$pristine" class="help-block">Micro Service is required.</p>
34                  </div>
35                         </div>
36                         <div class="form-group row">
37            <div class="form-group col-sm-6" ng-class="{ 'has-error' : formdata.name.$invalid && !formdata.name.$pristine }" >
38                 <label>Enter Dictionary Name:<sup><b>*</b></sup></label><br>
39                 <input type="text"  ng-model="editModelAttribute.name" class="form-control" name= "name"  required/>
40                                 <p ng-show="formdata.name.$invalid && !formdata.name.$pristine" class="help-block">Dictionary Name is required.</p>
41             </div>
42             </div>
43                         <div class="form-group row">
44             <div class="form-group col-sm-6" ng-class="{ 'has-error' : formdata.value.$invalid && !formdata.value.$pristine }">
45                 <label>Enter Value:<sup><b>*</b></sup></label><br>
46                 <input type="text" ng-model="editModelAttribute.value" class="form-control" name= "value"  required"/>
47                                 <p ng-show="formdata.value.$invalid && !formdata.value.$pristine" class="help-block">Value is required.</p>
48             </div>
49                         </div>
50         </div>
51         <div class="modal-footer">
52             <button class="btn btn-success" type="submit" ng-disabled="formdata.$invalid">Save</button>
53             <button class="btn btn-default"  type="button" ng-click="close()">Close</button>
54                 </div>
55                 </form>
56     </div>
57                         </div>
58 </div>
59 </script>