Included Policy GUI Enhancements and validations
[policy/engine.git] / POLICY-SDK-APP / src / main / webapp / app / policyApp / policy-models / Editor / PolicyTemplates / BasePolicyTemplate.html
index c81a98d..682abaa 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>Config Name:<sup><b>*</b></sup></label> <input type="text"
                                                class="form-control" ng-disabled="temp.policy.readOnly"
                                                ng-model="temp.policy.configName" required pattern="\S+"
-                                               title="Enter the Config Name without any spaces" />
+                                               title="Enter the Config Name without any spaces and special characters." />
                                </div>
                                <div class="form-group col-sm-3">
                                        <label>Time to Live Date:</label> <input type="text" id="ttlDate"
                                                class="form-control" ng-disabled="temp.policy.readOnly" name="ttlDate"
-                                               ng-model="temp.policy.ttlDate" />
+                                               ng-model="temp.policy.ttlDate" 
+                                               title="Select the date from calender onclick on the field."/>
                                </div>
                        </div>
 
                                                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 class="form-group col-sm-3">
                                        <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>
@@ -59,7 +62,7 @@
                                        <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>
@@ -70,7 +73,7 @@
                                <div class="form-group col-sm-1">
                                        <label>Attributes:</label>
                                        <button type="button" class="btn btn-default"
-                                               ng-disabled="temp.policy.readOnly" ng-click="addNewChoice()">
+                                               ng-disabled="temp.policy.readOnly" ng-click="addNewChoice()" title="onClick Attribute row is added.">
                                                <i class="fa fa-plus"></i>
                                        </button>
                                </div>
                                                <div class="form-group col-sm-3">
                                                        <select class="form-control" required
                                                                ng-disabled="temp.policy.readOnly" ng-model="choice.key"
-                                                               ng-options="option for option in attributeDictionaryDatas track by option"></select>
+                                                               ng-options="option for option in attributeDictionaryDatas track by option"
+                                                               title="Select the dropdown value driven from Attribute (common)Dictionary."></select>
                                                </div>
                                                <div class="form-group col-sm-3">
                                                        <input type="text" class="form-control"
                                                                ng-disabled="temp.policy.readOnly" ng-model="choice.value"
                                                                placeholder="Attribute Value" required pattern="\S+"
-                                                               title="Enter the Attribute Value without any spaces" />
+                                                               title="Enter the Attribute Value without any spaces and special characters" />
                                                </div>
                                                <div class="form-group col-sm-1">
                                                        <button type="button" class="btn btn-default"
                                                                ng-disabled="temp.policy.readOnly" ng-show="$last"
-                                                               ng-click="removeChoice()">
+                                                               ng-click="removeChoice()" title="onClick will remove the last row">
                                                                <i class="fa fa-minus"></i>
                                                        </button>
                                                </div>
                                        <label>Config Type:<sup><b>*</b></sup></label> <select
                                                class="form-control" ng-disabled="temp.policy.readOnly"
                                                ng-model="temp.policy.configType" required pattern="\S+"
-                                               title="ConfigType is required">
+                                               title="Select the dropdown ConfigType value.">
                                                <option>JSON</option>
                                                <option>XML</option>
                                                <option>PROPERTIES</option>
                                        <label>Body:<sup><b>*</b></sup></label>
                                        <textarea class="form-control" ng-disabled="temp.policy.readOnly"
                                                ng-model="temp.policy.configBodyData" style="height: 400px;"
-                                               required title="ConfigBody is required"></textarea>
+                                               required title="Enter the ConfigBody based on ConfigType Selection"></textarea>
                                </div>
                        </div>
                </div>
                <div class="modal-footer">
                        <div>
                                <button class="btn btn-primary" ng-disabled="temp.policy.readOnly"
-                                       herf="javascript:void(0)" ng-click="validatePolicy(temp.policy);">Validate</button>
+                                       herf="javascript:void(0)" ng-click="validatePolicy(temp.policy);" title="Validate the data entered in the Policy fields.">Validate</button>
                                <button class="btn btn-success" ng-disabled="savebutton"
-                                       herf="javascript:void(0)" ng-click="savePolicy(temp);">Save</button>
-                               <button type="button" class="btn btn-default" ng-click="refresh();">Close</button>
+                                       herf="javascript:void(0)" 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>
                </div>
        </form>