diff options
Diffstat (limited to 'ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/templates/modals.html')
| -rw-r--r-- | ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/templates/modals.html | 385 |
1 files changed, 385 insertions, 0 deletions
diff --git a/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/templates/modals.html b/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/templates/modals.html new file mode 100644 index 000000000..0adb1c407 --- /dev/null +++ b/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/templates/modals.html @@ -0,0 +1,385 @@ +<!-- + ============LICENSE_START======================================================= + ECOMP Policy Engine + ================================================================================ + Copyright (C) 2017 AT&T Intellectual Property. All rights reserved. + ================================================================================ + 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. + ============LICENSE_END========================================================= + --> + +<div class="modal animated fadeIn" id="imagepreview" 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" | translate}}</span> + </button> + <h4 class="modal-title">{{"preview" | translate}}</h4> + </div> + <div class="modal-body" ng-show="temp.getUrl().length > 10"> + <div class="text-center"> + <img id="imagepreview-target" class="preview" alt="{{temp.model.name}}" ng-class="{'loading': temp.inprocess}"> + <span class="label label-warning" ng-show="temp.inprocess">{{'loading' | translate}} ...</span> + </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">{{"close" | translate}}</button> + </div> + </form> + </div> + </div> +</div> + + + +<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" | translate}}</span> + </button> + <h4 class="modal-title">{{"confirm" | translate}}</h4> + </div> + <div class="modal-body"> + {{'sure_to_delete' | translate}} <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" | translate}}</button> + <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess" autofocus="autofocus">{{"remove" | translate}}</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" | translate}}</span> + </button> + <h4 class="modal-title">{{"confirm" | translate}}</h4> + </div> + <div class="modal-body">{{'sure_to_delete' | translate}} <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" | translate}}</button> + <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess" autofocus="autofocus">{{"remove" | translate}}</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" | translate}}</span> + </button> + <h4 class="modal-title">Rename</h4> + </div> + <div class="modal-body"> + <label class="radio">{{'enter_new_name_for' | translate}} <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" | translate}}</button> + <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">{{'rename' | translate}}</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" | translate}}</span> + </button> + <h4 class="modal-title">List of Policies</h4> + </div> + <div class="modal-body"> + <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" | translate}}</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" | translate}}</span> + </button> + <h4 class="modal-title">Move Policy</h4> + </div> + <div class="modal-body"> + <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" | translate}}</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" | translate}}</span> + </button> + <h4 class="modal-title">Switch Version</h4> + </div> + <div class="modal-body"> + <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 class="modal-body"> + <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" | translate}}</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" | translate}}</span> + </button> + <h4 class="modal-title">Clone Policy</h4> + </div> + <div class="modal-body"> + <label class="radio">{{'enter_new_name_for' | translate}} <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" | translate}}</button> + <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Clone</button> + </div> + </form> + </div> + </div> +</div> + + +<div class="modal animated fadeIn" id="edit" ng-class="{'modal-fullscreen': fullscreen}" data-toggle="modal" data-backdrop="static" data-keyboard="false"> + <div class="modal-dialog modal-lg"> + <div class="modal-content"> + <form ng-submit="edit(temp)"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span> + <span class="sr-only">{{"close" | translate}}</span> + </button> + <button type="button" class="close mr5" ng-click="fullscreen=!fullscreen"> + <span>◊</span> + <span class="sr-only">{{'toggle_fullscreen' | translate}}</span> + </button> + <h4 class="modal-title">{{'edit_file' | translate}}</h4> + </div> + <div class="modal-body"> + <label class="radio">{{'file_content' | translate}}</label> + <span class="label label-warning" ng-show="temp.inprocess">{{'loading' | translate}} ...</span> + <textarea class="form-control code" ng-model="temp.tempModel.content" ng-show="!temp.inprocess" autofocus="autofocus"></textarea> + <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">{{'close' | translate}}</button> + <button type="submit" class="btn btn-primary" ng-show="config.allowedActions.edit" ng-disabled="temp.inprocess">{{'edit' | translate}}</button> + </div> + </form> + </div> + </div> +</div> + +<div class="modal animated fadeIn" id="newfolder" data-toggle="modal" 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" | translate}}</span> + </button> + <h4 class="modal-title">Add Scope</h4> + </div> + <div class="modal-body"> + <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" | translate}}</button> + <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">{{'create' | translate}}</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" | translate}}</span> + </button> + <h4 class="modal-title">Add Sub Scope</h4> + </div> + <div class="modal-body"> + <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" | translate}}</button> + <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">{{'create' | translate}}</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" | translate}}</span> + </button> + <h4 class="modal-title">{{"upload_file" | translate}}</h4> + </div> + <div class="modal-body"> + <label class="radio">{{"files_will_uploaded_to" | translate}}</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" | translate}}</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" | translate}} ...</span> + </div> + </div> + </form> + </div> + </div> +</div> + +<div class="modal animated fadeIn" id="selector" ng-controller="ModalFileManagerCtrl"> + <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" | translate}}</span> + </button> + <h4 class="modal-title">{{"select_destination_folder" | translate}}</h4> + </div> + <div class="modal-body"> + <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" | translate}}</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" | translate}}:</b> {{temp.model.fullPath()}}</code> + </div> + <div class="detail-sources"> + <code class="mr5"><b>{{"destination" | translate}}:</b>{{temp.tempModel.fullPath()}}</code> + <a href="" class="label label-primary" ng-click="openNavigator(temp)">{{'change' | translate}}</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 |