Included Policy GUI Enhancements and validations
[policy/engine.git] / POLICY-SDK-APP / src / main / webapp / app / policyApp / policy-models / Editor / PolicyTemplates / DCAEMicroServicePolicyTemplate.html
index 11472b9..9ce936e 100644 (file)
@@ -7,12 +7,13 @@
                                                class="form-control" ng-disabled="temp.policy.readOnly"
                                                ng-readonly="temp.policy.editPolicy"
                                                ng-model="temp.policy.policyName" required pattern="\S+"
-                                               title="Enter the Policy Name without any spaces" />
+                                               title="Enter Policy Name without any spaces and special characters and will accept _." />
                                </div>
                                <div class="form-group col-sm-6">
                                        <label>Description:</label> <input type="text" class="form-control"
                                                ng-disabled="temp.policy.readOnly"
-                                               ng-model="temp.policy.policyDescription" />
+                                               ng-model="temp.policy.policyDescription" 
+                                               title="Description field will accept any type of data."/>
                                </div>
                        </div>
                        <div class="form-group row">
                                                class="form-control" ng-disabled="temp.policy.readOnly"
                                                ng-model="temp.policy.onapName"
                                                ng-options="option for option in onapNameDictionaryDatas track by option"
-                                               required pattern="\S+" title="OnapName is required"></select>
+                                               required pattern="\S+" title="Select the dropdown value driven from OnapName (common)Dictionary."></select>
                                </div>
                                <div class="form-group col-sm-3">
                                        <label>Time to Live Date:</label> <input type="text" id="ttlDate"
                                                class="form-control" name="ttlDate" ng-disabled="temp.policy.readOnly"
-                                               ng-model="temp.policy.ttlDate" />
+                                               ng-model="temp.policy.ttlDate" title="Select the date from calender onclick on the field."/>
                                </div>
                                <div class="form-group col-sm-3">
                                        <label>Guard:<sup><b>*</b></sup></label> <select
                                                class="form-control" ng-disabled="temp.policy.readOnly"
                                                ng-model="temp.policy.guard"
-                                               required pattern="\S+" title="Guard is required">
+                                               required pattern="\S+" title="Select the dropdown Guard value.">
                                                <option>True</option>
                                                <option>False</option></select>
                                </div>
@@ -41,7 +42,7 @@
                                                class="form-control" ng-disabled="temp.policy.readOnly"
                                                ng-model="temp.policy.riskType"
                                                ng-options="option for option in riskTypeDictionaryDatas track by option"
-                                               required pattern="\S+" title="RiskType is required"></select>
+                                               required pattern="\S+" title="Select the dropdown value driven from RiskType (Safe Policy)Dictionary."></select>
                                </div>
                        </div>
                        <div class="form-group row">
@@ -49,7 +50,7 @@
                                        <label>Risk Level:<sup><b>*</b></sup></label> <select
                                                class="form-control" ng-disabled="temp.policy.readOnly"
                                                ng-model="temp.policy.riskLevel"
-                                               required pattern="\S+" title="RiskLevel is required">
+                                               required pattern="\S+" title="Select the dropdown Risk level value.">
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
@@ -60,7 +61,7 @@
                                        <label>Priority:<sup><b>*</b></sup></label> <select
                                                class="form-control" ng-disabled="temp.policy.readOnly"
                                                ng-model="temp.policy.priority"
-                                               ng-options="option for option in priorityDatas track by option">
+                                               ng-options="option for option in priorityDatas track by option" title="Select the dropdown Priority value.">
                                                <option value="">{{temp.policy.priority}}</option>
                                        </select>
                                </div>
@@ -70,7 +71,8 @@
                                                ng-model="temp.policy.serviceType"
                                                ng-options="option for option in microServiceModelsDictionaryDatas track by option"
                                                ng-init="pullVersion(temp.policy.serviceType);"
-                                               ng-click="pullVersion(temp.policy.serviceType);"></select>
+                                               ng-click="pullVersion(temp.policy.serviceType);"
+                                               title="Select the dropdown value driven from MicroService Models (MicroService Policy)Dictionary."></select>
                                </div>
                                <div class="form-group col-sm-3">
                                        <label>Micro Service Version:<sup><b>*</b></sup></label> <select
@@ -78,7 +80,8 @@
                                                ng-model="temp.policy.version"
                                                ng-options="option for option in microServiceModelsDictionaryVersionDatas track by option"
                                                ng-init="addDataToFields(temp.policy.serviceType, temp.policy.version);"
-                                               ng-click="addDataToFields(temp.policy.serviceType, temp.policy.version);"></select>
+                                               ng-click="addDataToFields(temp.policy.serviceType, temp.policy.version);"
+                                               title="Select the dropdown value driven based on MicroService Models (MicroService Policy)Dictionary selection."></select>
                                </div>
                        </div>
                </div>
                                        class="form-control"  class="form-control"
                                        ng-disabled="temp.policy.readOnly"
                                        ng-model="temp.policy.configName"
-                                       ng-options="option for option in microServiceCongigNameDictionaryDatas track by option" required="true"></select>
+                                       ng-options="option for option in microServiceCongigNameDictionaryDatas track by option" required="true"
+                                       title="Select the dropdown value driven from MicroService ConfigName (MicroService Policy)Dictionary."></select>
                        </div>
                        <div class="form-group col-sm-3" ng-show="isCheck">
                                <label>Location:<sup><b>*!</b></sup></label><br> <select
                                        class="form-control"  class="form-control"
                                        ng-disabled="temp.policy.readOnly" ng-model="temp.policy.location"
-                                       ng-options="option for option in microServiceLocationDictionaryDatas track by option" required="true"></select>
+                                       ng-options="option for option in microServiceLocationDictionaryDatas track by option" required="true"
+                                       title="Select the dropdown value driven from MicroService Location (MicroService Policy)Dictionary."></select>
                        </div>
                        <div class="form-group col-sm-3" ng-show="isCheck">
                                <label>UUID:<sup><b>*!</b></sup></label><br> <select
                                        class="form-control"  class="form-control"
                                        ng-disabled="temp.policy.readOnly" ng-model="temp.policy.uuid"
-                                       ng-options="option for option in dcaeUUIDDictionaryDatas track by option" required="true"></select>
+                                       ng-options="option for option in dcaeUUIDDictionaryDatas track by option" required="true"
+                                       title="Select the dropdown value driven from DCAE UUID (MicroService Policy)Dictionary."></select>
                        </div>
                        <div class="form-group col-sm-3" ng-show="isCheck">
                                <label>Policy Scope:<sup><b>*</b></sup></label><br> <select
                                        class="form-control"  class="form-control"
                                        ng-disabled="temp.policy.readOnly"
                                        ng-model="temp.policy.policyScope"
-                                       ng-options="option for option in groupPolicyScopeListDatas track by option" required="true"></select>
+                                       ng-options="option for option in groupPolicyScopeListDatas track by option" required="true"
+                                       title="Select the dropdown value driven from Group Policy Scope (Policy Scope)Dictionary."></select>
                        </div>
                </div>
                </div>
                <div class="modal-footer">
                        <button class="btn btn-primary" herf="javascript:void(0)"
                                ng-disabled="temp.policy.readOnly"
-                               ng-click="validatePolicy(temp.policy);">Validate</button>
+                               ng-click="validatePolicy(temp.policy);" title="Validate the data entered in the Policy fields.">Validate</button>
                        <button class="btn btn-success" herf="javascript:void(0)"
                                ng-disabled="savebutton" ng-disabled="temp.policy.readOnly"
-                               ng-click="savePolicy(temp);">Save</button>
-                       <button type="button" class="btn btn-default" ng-click="refresh();">Close</button>
+                               ng-click="savePolicy(temp);" title="Save the Policy with validated data.">Save</button>
+                       <button type="button" class="btn btn-default" ng-click="refresh();" title="Close the template.">Close</button>
                </div>
        </form>
 </div>