diff options
author | ITSERVICES\rb7147 <rb7147@att.com> | 2017-04-25 11:46:00 -0400 |
---|---|---|
committer | ITSERVICES\rb7147 <rb7147@att.com> | 2017-05-03 09:58:17 -0400 |
commit | e0addf5b588a1244f9679becd90999dfcb4c3a94 (patch) | |
tree | 1212772d6366730266ff0e093c874b07aa716c29 /POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates | |
parent | 39fb0f30472777e4b60d6a7ac8aa4eb9773961ff (diff) |
Policy 1707 commit to LF
Change-Id: Ibe6f01d92f9a434c040abb05d5386e89d675ae65
Signed-off-by: ITSERVICES\rb7147 <rb7147@att.com>
Diffstat (limited to 'POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates')
11 files changed, 793 insertions, 0 deletions
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/current-folder-breadcrumb.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/current-folder-breadcrumb.html new file mode 100644 index 000000000..1a59df9b7 --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/current-folder-breadcrumb.html @@ -0,0 +1,14 @@ +<ol class="breadcrumb mb0"> + <li> + <a href="" ng-click="policyNavigator.goTo(-1)"> + <i class="glyphicon glyphicon-folder-open mr2"></i> + </a> + </li> + <li ng-repeat="(key, dir) in policyNavigator.currentPath track by key" ng-class="{'active':$last}" class="animated fast fadeIn"> + <a href="" ng-show="!$last" ng-click="policyNavigator.goTo(key)"> + <i class="glyphicon glyphicon-folder-open mr2"></i> {{dir}} + </a> + <span ng-show="$last"><i class="glyphicon glyphicon-folder-open mr2"></i> {{dir}}</span> + </li> + <li><button class="btn btn-primary btn-xs" ng-click="policyNavigator.upDir()">↵</button></li> +</ol>
\ No newline at end of file diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/item-context-menu.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/item-context-menu.html new file mode 100644 index 000000000..5ef11b219 --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/item-context-menu.html @@ -0,0 +1,82 @@ +<div id="context-menu" class="dropdown clearfix animated fast fadeIn"> + <ul class="dropdown-menu dropdown-right-click" ng-hide="isDisabled" role="menu" aria-labelledby="dropdownMenu" style=""> + + <li ng-show="temp.isFolder()"> + <a href="" tabindex="-1" data-toggle="modal" data-target="#addSubScope" ng-show="createScopeId" ng-click="temp.getScopeContent();"> + <i class="glyphicon glyphicon-plus"></i>Add Sub Scope + </a> + </li> + <li ng-show="config.allowedActions.createNewPolicy && temp.isFolder()"> + <a href="" tabindex="-1" data-toggle="modal" data-target="#createNewPolicy" ng-show="createPolicyId"> + <i class="glyphicon glyphicon-plus"></i>Create Policy + </a> + </li> + <li ng-show="config.allowedActions.describePolicy && !temp.isFolder()"> + <a href="" tabindex="-1" data-toggle="modal" data-target="#describePolicy" ng-show="describePolicyId" ng-click="temp.getDescribePolicyContent();"> + <i class="glyphicon glyphicon-picture"></i>Describe Policy + </a> + </li> + <li ng-show="config.allowedActions.viewPolicy && !temp.isFolder()"> + <a href="" tabindex="-1" data-toggle="modal" data-target="#createNewPolicy" ng-show="viewPolicyId" ng-click="temp.getViewPolicyContent();"> + <i class="glyphicon glyphicon-picture"></i> View Policy + </a> + </li> + <li ng-show="config.allowedActions.rename && !temp.isFolder()"> + <a href="" tabindex="-1" data-toggle="modal" data-target="#rename" ng-show="renameId"> + <i class="glyphicon glyphicon-edit"></i> Rename Policy + </a> + </li> + <li ng-show="config.allowedActions.rename && temp.isFolder()"> + <a href="" tabindex="-1" data-toggle="modal" data-target="#move" ng-show="renameId"> + <i class="glyphicon glyphicon-edit"></i> Move Scope + </a> + </li> + <li ng-show="config.allowedActions.rename && !temp.isFolder()"> + <a href="" tabindex="-1" data-toggle="modal" data-target="#move" ng-show="renameId"> + <i class="glyphicon glyphicon-edit"></i> Move Policy + </a> + </li> + <li ng-show="config.allowedActions.rename && temp.isFolder()" > + <a href="" tabindex="-1" data-toggle="modal" data-target="#rename" ng-show="renameId"> + <i class="glyphicon glyphicon-edit"></i> Rename Scope + </a> + </li> + <li ng-show="config.allowedActions.copy && !temp.isFolder()"> + <a href="" tabindex="-1" data-toggle="modal" data-target="#copy" ng-show="cloneId"> + <i class="glyphicon glyphicon-log-out"></i> Clone policy + </a> + </li> + <li ng-show="config.allowedActions.edit && !temp.isFolder()"> + <a href="" tabindex="-1" data-toggle="modal" data-target="#createNewPolicy" ng-show="editPolicyId" ng-click="temp.getContent();"> + <i class="glyphicon glyphicon-pencil"></i> Edit Policy + </a> + </li> + <li ng-show="config.allowedActions.switchVersion && !temp.isFolder()"> + <a href="" tabindex="-1" data-toggle="modal" data-target="#switchVersion" ng-show="switchVersionId" ng-click="temp.getSwitchVersionContent();"> + <i class="glyphicon glyphicon-pencil"></i> Switch Version + </a> + </li> + <li ng-show="config.allowedActions.removePolicy && !temp.isFolder()"> + <a href="" tabindex="-1" data-toggle="modal" data-target="#deletePolicy" ng-show="deletePolicyId"> + <i class="glyphicon glyphicon-trash"></i> Delete Policy + </a> + </li> + <li ng-show="config.allowedActions.remove && temp.isFolder()"> + <a href="" tabindex="-1" data-toggle="modal" data-target="#delete" ng-show="deleteScopeId"> + <i class="glyphicon glyphicon-trash"></i> Delete Scope + </a> + </li> + </ul> + <ul class="dropdown-menu dropdown-right-click" ng-show="isDisabled" role="menu" aria-labelledby="dropdownMenu" style=""> + <li ng-show="config.allowedActions.describePolicy && !temp.isFolder()"> + <a href="" tabindex="-1" data-toggle="modal" data-target="#describePolicy" ng-show="describePolicyId" ng-click="temp.getDescribePolicyContent();"> + <i class="glyphicon glyphicon-picture"></i>Describe Policy + </a> + </li> + <li ng-show="config.allowedActions.viewPolicy && !temp.isFolder()"> + <a href="" tabindex="-1" data-toggle="modal" data-target="#createNewPolicy" ng-show="viewPolicyId" ng-click="temp.getViewPolicyContent();"> + <i class="glyphicon glyphicon-picture"></i> View Policy + </a> + </li> + </ul> +</div>
\ No newline at end of file diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/item-toolbar.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/item-toolbar.html new file mode 100644 index 000000000..086aef010 --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/item-toolbar.html @@ -0,0 +1,5 @@ +<div ng-show="!item.inprocess"> + <button class="btn btn-sm btn-default" data-toggle="modal" data-target="#watch" ng-click="watch(item)" title="Watch"> + <i class="glyphicon glyphicon-eye-open"></i> + </button> +</div>
\ No newline at end of file diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-icons.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-icons.html new file mode 100644 index 000000000..53a305b45 --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-icons.html @@ -0,0 +1,23 @@ +<div class="iconset clearfix"> + <div class="col-120" ng-repeat="item in policyNavigator.fileList | filter: query | orderBy: orderProp" ng-show="!policyNavigator.requesting && !policyNavigator.error"> + <a href="" class="thumbnail text-center" ng-click="smartClick(item)" ng-right-click="touch(item)" title="{{item.model.name}} ({{item.model.sizeKb()}}kb)"> + <div class="item-icon"> + <i class="glyphicon glyphicon-folder-open" ng-show="item.model.type === 'dir'"></i> + <i class="glyphicon glyphicon-file" ng-show="item.model.type === 'file'"></i> + </div> + {{item.model.name | strLimit : 11 }} + </a> + </div> + + <div ng-show="policyNavigator.requesting"> + <div ng-include="config.tplPath + '/spinner.html'"></div> + </div> + + <div class="alert alert-warning" ng-show="!policyNavigator.requesting && policyNavigator.fileList.length < 1 && !policyNavigator.error"> + No Policy's in Scope... + </div> + + <div class="alert alert-danger" ng-show="!policyNavigator.requesting && policyNavigator.error"> + {{ policyNavigator.error }} + </div> +</div>
\ No newline at end of file diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-table-modal.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-table-modal.html new file mode 100644 index 000000000..948e505f9 --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-table-modal.html @@ -0,0 +1,46 @@ +<table class="table table-condensed table-modal-condensed mb0"> + <thead> + <tr> + <th> + <a href="" ng-click="order('model.name')"> + Name + <span class="sortorder" ng-show="predicate[1] === 'model.name'" ng-class="{reverse:reverse}"></span> + </a> + </th> + <th class="text-right"></th> + </tr> + </thead> + <tbody class="file-item"> + <tr ng-show="policyNavigator.requesting"> + <td colspan="2"> + <div ng-include="config.tplPath + '/spinner.html'"></div> + </td> + </tr> + <tr ng-show="!policyNavigator.requesting && !policyNavigator.listHasFolders() && !policyNavigator.error"> + <td colspan="2"> + No Sub Scopes in Scope... + </td> + <td class="text-right"> + <button class="btn btn-sm btn-default" ng-click="policyNavigator.upDir()">Go back</button> + </td> + </tr> + <tr ng-show="!policyNavigator.requesting && policyNavigator.error"> + <td colspan="2"> + {{ policyNavigator.error }} + </td> + </tr> + <tr ng-repeat="item in policyNavigator.fileList | orderBy:predicate:reverse" ng-show="!policyNavigator.requesting && item.model.type === 'dir'"> + <td> + <a href="" ng-click="policyNavigator.folderClick(item)" title="{{item.model.name}} ({{item.model.sizeKb()}}kb)"> + <i class="glyphicon glyphicon-folder-close"></i> + {{item.model.name | strLimit : 32}} + </a> + </td> + <td class="text-right"> + <button class="btn btn-sm btn-default" ng-click="select(item, temp)"> + <i class="glyphicon glyphicon-hand-up"></i> Select this + </button> + </td> + </tr> + </tbody> +</table>
\ No newline at end of file diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-table.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-table.html new file mode 100644 index 000000000..27ddad7e8 --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/main-table.html @@ -0,0 +1,85 @@ +<table class="table mb0 table-files"> + <thead> + <tr> + <th> + <a href="" ng-click="order('model.name')"> + Name + <span class="sortorder" ng-show="predicate[1] === 'model.name'" ng-class="{reverse:reverse}"></span> + </a> + </th> + <th class="hidden-sm hidden-xs"> + <a href="" ng-click="order('model.version')"> + Version + <span class="sortorder" ng-show="predicate[1] === 'model.version'" ng-class="{reverse:reverse}"></span> + </a> + </th> + <th class="hidden-sm hidden-xs"> + <a href="" ng-click="order('model.date')"> + Date + <span class="sortorder" ng-show="predicate[1] === 'model.date'" ng-class="{reverse:reverse}"></span> + </a> + </th> + <th class="hidden-sm hidden-xs"> + <a href="" ng-click="order('model.createdBy')"> + Created By + <span class="sortorder" ng-show="predicate[1] === 'model.createdBy'" ng-class="{reverse:reverse}"></span> + </a> + </th> + <th class="hidden-sm hidden-xs"> + <a href="" ng-click="order('model.modifiedBy')"> + Modified By + <span class="sortorder" ng-show="predicate[1] === 'model.modifiedBy'" ng-class="{reverse:reverse}"></span> + </a> + </th> + <th class="hidden-sm hidden-xs"> + <a href=""> + Watch Policy + <span class="sortorder" ng-class="{reverse:reverse}"></span> + </a> + </th> + <!-- <th class="text-right"> + <a>Watch Policy</a></th> --> + </tr> + </thead> + <tbody class="file-item"> + <tr ng-show="policyNavigator.requesting"> + <td colspan="5"> + <div ng-include="config.tplPath + '/spinner.html'"></div> + </td> + </tr> + <tr ng-show="!policyNavigator.requesting && policyNavigator.fileList.length < 1 && !policyNavigator.error"> + <td colspan="5"> + No Policy's in Scope... + </td> + </tr> + <tr ng-show="!policyNavigator.requesting && policyNavigator.error"> + <td colspan="5"> + {{ policyNavigator.error }} + </td> + </tr> + <tr ng-repeat="item in policyNavigator.fileList | filter: {model:{name: query}} | orderBy:predicate:reverse" ng-show="!policyNavigator.requesting"> + <td ng-right-click="touch(item)"> + <a href="" ng-click="smartClick(item)" title="{{item.model.name}} ({{item.model.sizeKb()}}kb)"> + <i class="glyphicon glyphicon-folder-close" ng-show="item.model.type === 'dir'"></i> + <i class="glyphicon glyphicon-file" ng-show="item.model.type === 'file'"></i> + {{item.model.name | strLimit : 64}} + </a> + </td> + <td class="hidden-xs"> + {{item.model.version}} + </td> + <td class="hidden-sm hidden-xs"> + {{item.model.date | formatDate }} + </td> + <td class="hidden-sm hidden-xs"> + {{item.model.createdBy}} + </td> + <td class="hidden-sm hidden-xs"> + {{item.model.modifiedBy}} + </td> + <td class="text-right"> + <div ng-include="config.tplPath + '/item-toolbar.html'"></div> + </td> + </tr> + </tbody> +</table>
\ No newline at end of file diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/modals.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/modals.html new file mode 100644 index 000000000..f2b2b8d9d --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/modals.html @@ -0,0 +1,306 @@ +<div class="modal animated fadeIn" id="delete" data-toggle="modal" data-backdrop="static" data-keyboard="false"> + <div class="modal-dialog"> + <div class="modal-content"> + <form ng-submit="remove(temp)"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> + <h4 class="modal-title">Confirm</h4> + </div> + <div> + Are you Sure to delete <b>{{temp.model.name}}</b> ? + <div ng-include data-src="'error-bar'" class="clearfix"></div> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button> + <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess" autofocus="autofocus">Delete</button> + </div> + </form> + </div> + </div> +</div> + +<div class="modal animated fadeIn" id="deletePolicy" data-toggle="modal" data-backdrop="static" data-keyboard="false"> + <div class="modal-dialog"> + <div class="modal-content"> + <form ng-submit="removePolicy(temp)"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> + <h4 class="modal-title">Confirm</h4> + </div> + <div>Are you Sure to delete <b>{{temp.model.name}}</b> ? + <div> + <p> + <input type = "radio" ng-model ="temp.model.versions" name = "radSize" id = "sizeSmall" value = "CURRENT" checked = "checked" /><label for = "sizeSmall">Are you sure you want to delete Current Version of Policy</label> + </br> + <input type = "radio" ng-model ="temp.model.versions" name = "radSize" id = "sizeMed" value = "ALL" /><label for = "sizeMed">Are you sure you want to delete All Versions of Policy</label> + </p> + </div> + <div ng-include data-src="'error-bar'" class="clearfix"></div> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button> + <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess" autofocus="autofocus">Delete</button> + </div> + </form> + </div> + </div> +</div> + +<div class="modal animated fadeIn" id="rename" data-toggle="modal" data-backdrop="static" data-keyboard="false"> + <div class="modal-dialog"> + <div class="modal-content"> + <form ng-submit="rename(temp)"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> + <h4 class="modal-title">Rename</h4> + </div> + <div> + <label class="radio">Enter New Name : <b>{{temp.model.name}}</b></label> + <input class="form-control" ng-model="temp.tempModel.name" autofocus="autofocus"> + + <div ng-include data-src="'path-selector'" class="clearfix"></div> + <div ng-include data-src="'error-bar'" class="clearfix"></div> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button> + <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Rename</button> + </div> + </form> + </div> + </div> +</div> + +<div class="modal animated fadeIn" id="searchWindow" data-toggle="modal" data-backdrop="static" data-keyboard="false"> + <div class="modal-dialog"> + <div class="modal-content"> + <form> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> + <h4 class="modal-title">List of Policies</h4> + </div> + <div> + <div ng-include data-src="'error-bar'" class="clearfix"></div> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button> + </div> + </form> + </div> + </div> +</div> + +<div class="modal animated fadeIn" id="move" data-toggle="modal" data-backdrop="static" data-keyboard="false"> + <div class="modal-dialog"> + <div class="modal-content"> + <form ng-submit="move(temp)"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> + <h4 class="modal-title">Move Policy</h4> + </div> + <div> + <div ng-include data-src="'path-selector'" class="clearfix"></div> + <div ng-include data-src="'error-bar'" class="clearfix"></div> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button> + <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Move</button> + </div> + </form> + </div> + </div> +</div> + +<div class="modal animated fadeIn" id="switchVersion" data-toggle="modal" data-backdrop="static" data-keyboard="false"> + <div class="modal-dialog"> + <div class="modal-content"> + <form ng-submit="switchVersion(temp)"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> + <h4 class="modal-title">Switch Version</h4> + </div> + <div> + <label class="radio">Highest Version <b></b></label> + <input class="form-control" ng-disabled="true" ng-model="temp.tempModel.content.highestVersion" autofocus="autofocus"> + </div> + <div> + <label class="radio">Active Version <b></b></label> + <select class="form-control" ng-model="temp.tempModel.content.activeVersion" ng-options="option for option in temp.tempModel.content.availableVersions" autofocus="autofocus"></select> + <div ng-include data-src="'error-bar'" class="clearfix"></div> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button> + <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Save</button> + </div> + </form> + </div> + </div> +</div> + +<div class="modal animated fadeIn" id="copy" data-toggle="modal" data-backdrop="static" data-keyboard="false"> + <div class="modal-dialog"> + <div class="modal-content"> + <form ng-submit="copy(temp)"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> + <h4 class="modal-title">Clone Policy</h4> + </div> + <div> + <label class="radio">Enter new Policy Name to Clone <b>{{temp.model.name}}</b></label> + <input class="form-control" ng-model="temp.tempModel.name" autofocus="autofocus"> + + <div ng-include data-src="'path-selector'" class="clearfix"></div> + <div ng-include data-src="'error-bar'" class="clearfix"></div> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button> + <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Clone</button> + </div> + </form> + </div> + </div> +</div> + +<div class="modal" id="newfolder" data-backdrop="static" data-keyboard="false"> + <div class="modal-dialog"> + <div class="modal-content"> + <form ng-submit="createFolder(temp)"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> + <h4 class="modal-title">Add Scope</h4> + </div> + <div> + <label class="radio">Scope Name</label> + <input class="form-control" ng-model="temp.tempModel.name" autofocus="autofocus"> + <div ng-include data-src="'error-bar'" class="clearfix"></div> + </div> + <div class="modal-footer"> + <button id = "cancel" type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button> + <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Create</button> + </div> + </form> + </div> + </div> +</div> + +<div class="modal animated fadeIn" id="addSubScope" data-toggle="modal" data-backdrop="static" data-keyboard="false"> + <div class="modal-dialog"> + <div class="modal-content"> + <form ng-submit="subScopeFolder(temp)"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> + <h4 class="modal-title">Add Sub Scope</h4> + </div> + <div> + <label class="radio">Scope Name</label> + <input class="form-control" ng-model="temp.tempModel.subScopename" autofocus="autofocus"> + <div ng-include data-src="'error-bar'" class="clearfix"></div> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button> + <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Create</button> + </div> + </form> + </div> + </div> +</div> + +<div class="modal animated fadeIn" id="uploadfile" data-toggle="modal" data-backdrop="static" data-keyboard="false"> + <div class="modal-dialog"> + <div class="modal-content"> + <form ng-submit="uploadFiles()"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> + <h4 class="modal-title">Import</h4> + </div> + <div> + <label class="radio">Upload to</label> + <input type="file" class="form-control" ng-file="$parent.uploadFileList" autofocus="autofocus" multiple="multiple"/> + <div ng-include data-src="'error-bar'" class="clearfix"></div> + </div> + <div class="modal-footer"> + <div ng-show="!fileUploader.requesting"> + <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> + <button type="submit" class="btn btn-primary" ng-disabled="!uploadFileList.length || fileUploader.requesting">{{'upload' | translate}}</button> + </div> + <div ng-show="fileUploader.requesting"> + <span class="label label-warning">Uploading......</span> + </div> + </div> + </form> + </div> + </div> +</div> + +<div class="modal animated fadeIn" id="selector" ng-controller="PolicyManagerModalCtrl"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> + <h4 class="modal-title">Select the Destination Scope</h4> + </div> + <div> + <div> + <div ng-include="config.tplPath + '/current-folder-breadcrumb.html'"></div> + <div ng-include="config.tplPath + '/main-table-modal.html'"></div> + </div> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Close</button> + </div> + </div> + </div> +</div> + +<script type="text/ng-template" id="path-selector"> + <div class="panel panel-primary mt10 mb0"> + <div class="panel-body"> + <div class="detail-sources"> + <code class="mr5"><b>Source:</b> {{temp.model.fullPath()}}</code> + </div> + <div class="detail-sources"> + <code class="mr5"><b>Destination:</b>{{temp.tempModel.fullPath()}}</code> + <a href="" ng-click="openNavigator(temp)"><span class="label label-primary">move</span></a> + </div> + </div> + </div> +</script> + +<script type="text/ng-template" id="error-bar"> + <div class="label label-danger error-msg pull-left animated fadeIn" ng-show="temp.error"> + <i class="glyphicon glyphicon-remove-circle"></i> + <span>{{temp.error}}</span> + </div> +</script>
\ No newline at end of file diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/navbar.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/navbar.html new file mode 100644 index 000000000..80ca1c593 --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/navbar.html @@ -0,0 +1,20 @@ +<nav class="navbar navbar-light bg-faded"> + <div class="form-group row"> + <div class="form-group col-sm-3"> + <form class="form-inline"> + <label style="text-align: left; color: #157bb2"><h1> + <b>{{config.appName}}</b> + </h1></label> <label></label> <label></label> + </form> + </div> + <div class="form-group col-sm-5" style="margin-top: 2%"></div> + <div class="form-group col-sm-4" style="margin-top: 2%" align="right"> + <div class="btn-group"> + <button type="button" class="btn btn-primary" ng-show="superAdminId" data-toggle="modal" data-target="#newfolder" ng-click="touch()"><i class="glyphicon glyphicon-plus"></i>Add Scope</button> + <button type="button" class="btn btn-primary" ng-show="importPolicyId" data-toggle="modal" data-target="#uploadfile" ng-show="config.allowedActions.upload" ng-click="touch()"> <i class="glyphicon glyphicon-upload"></i>Import</button> + <button type="button" class="btn btn-primary" ng-show="exportPolicyId" data-toggle="modal" data-target="#exportPolicy" ng-show="config.allowedActions.exportPolicy"> <i class="glyphicon glyphicon-download"></i>Export</button> + <button class="btn btn-secondary" type="button" onClick="window.location='policy#/policy_SearchFilter';">Filter</button> + </div> + </div> + </div> +</nav>
\ No newline at end of file diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/policyEditor.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/policyEditor.html new file mode 100644 index 000000000..a32eecf0d --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/policyEditor.html @@ -0,0 +1,20 @@ +<style> + .content-container { + width:98%; + } +</style> +<div id="page-content"> + <div ng-include="config.tplPath + '/navbar.html'"></div> + <div> + <div class="row"> + <div ng-include="config.tplPath + '/current-folder-breadcrumb.html'" ng-show="config.breadcrumb"></div> + <div ng-include="config.tplPath + '/main-table.html'" class="main-navigation clearfix"></div> + </div> + </div> + + <div ng-include="config.tplPath + '/item-context-menu.html'"></div> + <div ng-include="'app/policyApp/policy-models/Editor/PolicyTemplates/PolicyTypeTemplate.html'"></div> + <div ng-include="'app/policyApp/policy-models/Editor/templates/modals.html'"></div> + <div ng-include="'app/policyApp/policy-models/Editor/PolicyTemplates/DescribePolicyTemplate.html'"></div> + <div ng-include="'app/policyApp/policy-models/Editor/PolicyTemplates/ExportPolicyTemplate.html'"></div> +</div>
\ No newline at end of file diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/searchNavbar.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/searchNavbar.html new file mode 100644 index 000000000..43eb5148b --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/searchNavbar.html @@ -0,0 +1,187 @@ +<style> +body { + padding-top: 50px; +} + +.dropdown.dropdown-lg .dropdown-menu { + margin-top: -1px; + padding: 6px 20px; +} + +.input-group-btn .btn-group { + display: flex !important; +} + +.btn-group .btn { + border-radius: 0; + margin-left: -1px; +} + +.btn-group .btn:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.btn-group .form-horizontal .btn[type="submit"] { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.form-horizontal .form-group { + margin-left: 0; + margin-right: 0; +} + +.form-group .form-control:last-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +@media screen and (min-width: 768px) { + #adv-search { + width: 550px; + margin: 0 auto; + } + .dropdown.dropdown-lg { + position: static !important; + } + .dropdown.dropdown-lg .dropdown-menu { + min-width: 550px; + } +} +</style> +<nav class="navbar navbar-light bg-faded"> + <div class="form-group row"> + <div class="form-group col-sm-8" style="margin-top: 2%"> + <div class="container"> + <div class="row"> + <div class="input-group"> + <div class="input-group" id="adv-search"> + <input type="text" class="form-control" + placeholder="{{'search'}}..." ng-model="search.query" /> + <div class="input-group-btn"> + <div class="btn-group" role="group"> + <div class="dropdown dropdown-lg"> + <button type="button" class="btn btn-default dropdown-toggle" + data-toggle="dropdown" aria-expanded="false"> + <span class="caret"></span> + </button> + <div class="dropdown-menu dropdown-menu-right" role="menu"> + <form class="form-horizontal" role="form"> + <div class="form-group row"> + <div class="form-group col-sm-4"> + <label for="filter">Policy Type:</label> <select + class="form-control" ng-model="search.policyType"> + <option>action</option> + <option>config</option> + <option>closedLoop</option> + <option>decision</option> + <option>all</option> + </select> + </div> + <div class="form-group col-sm-8"> + <label for="filter">Descriptive Type:</label> <select + class="form-control" ng-model="search.descriptiveScope" + ng-options="option for option in descriptiveScopeDictionaryDatas track by option"></select> + </div> + </div> + <div ng-if="search.policyType == 'closedLoop'"> + <div class="form-group row"> + <div class="form-group col-sm-6"> + <label>ClosedLoop Policy Type:</label><BR> <select + class="form-control" + ng-model="search.closedLooppolicyType"> + <option>Config_Fault</option> + <option>Config_PM</option> + </select> + </div> + <div class="form-group col-sm-6"> + <label>Ecomp Name:</label><BR> <select + class="form-control" ng-model="search.ecompName" + ng-options="option for option in ecompNameDictionaryDatas track by option"></select> + </div> + </div> + <div class="form-group row"> + <div class="form-group col-sm-6"> + <label>D2 Service:</label><BR> <select + class="form-control" ng-model="search.d2Service"> + <option>Hosted Voice(Trinity)</option> + <option>vUSP</option> + <option>MCR</option> + <option>Gamma</option> + <option>vDNS</option> + </select> + </div> + <div class="form-group col-sm-6"> + <label>Bind Text Search to:</label><BR> <select + class="form-control" ng-model="search.bindTextSearch"> + <option>Email Address</option> + <option>Trigger Signature</option> + <option>Connect All Traps</option> + <option>Verification Signature</option> + <option>Connect All Faults</option> + <option>Onset Message</option> + <option>Policy Name</option> + <option>Abatement Message</option> + <option>Geo Link</option> + </select> + </div> + </div> + <div class="form-group row"> + <div class="form-group col-sm-6" + ng-if="search.closedLooppolicyType == 'Config_Fault'"> + <label>VNF Type:</label><BR> <select + class="form-control" ng-model="search.vnfType" + ng-options="option for option in vnfTypeDictionaryDatas track by option"></select> + </div> + <div class="form-group col-sm-6" + ng-if="search.closedLooppolicyType == 'Config_Fault'"> + <label>Policy Status:</label><BR> <select + class="form-control" ng-model="search.policyStatus"> + <option>Active</option> + <option>InActive</option> + </select> + </div> + </div> + <div class="form-group row"> + <div class="form-group col-sm-6" + ng-if="search.closedLooppolicyType == 'Config_Fault'"> + <label>vPRO Action:</label><BR> <select + class="form-control" ng-model="search.vproAction" + ng-options="option for option in vsclActionDictionaryDatas track by option"></select> + </div> + <div class="form-group col-sm-6" + ng-if="search.closedLooppolicyType == 'Config_PM'"> + <label>Service Type:</label><BR> <select + class="form-control" ng-model="search.serviceType"> + <option>Registration Failure(Trinity)</option> + <option>International Fraud(Trinity)</option> + <option>No Dial Tone(Trinity)</option> + <option>Call Storm(Trinity)</option> + <option>Registration Storm(Trinity)</option> + </select> + </div> + </div> + </div> + </form> + </div> + </div> + <button type="button" class="btn btn-primary" + ng-click="search(search);"> + <span class="glyphicon glyphicon-search" aria-hidden="true"></span> + </button> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div class="form-group col-sm-4" style="margin-top: 2%" align="right"> + <div class="btn-group"> + <button class="btn btn-secondary" type="button" onClick="window.location='policy#/Editor';">Editor</button> + <button class="btn btn-primary" type="button" onClick="window.location='policy#/policy_SearchFilter';">Filter</button> + </div> + </div> + </div> +</nav>
\ No newline at end of file diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/spinner.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/spinner.html new file mode 100644 index 000000000..5485996ef --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/spinner.html @@ -0,0 +1,5 @@ +<div class="spinner-wrapper col-xs-12"> + <svg class="spinner-container" style="width:65px;height:65px" viewBox="0 0 44 44"> + <circle class="path" cx="22" cy="22" r="20" fill="none" stroke-width="4"></circle> + </svg> +</div>
\ No newline at end of file |