POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/modals.html

   1 <!--
   2   ============LICENSE_START==================================================
   3   ONAP Policy Engine
   4   ===========================================================================
   5   Copyright (C) 2017-2018 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 <div class="modal" id="delete" data-toggle="modal" data-backdrop="static" data-keyboard="false">
  21   <div class="modal-dialog">
  22     <div class="modal-content">
  23     <form ng-submit="remove(temp)">
  24       <div class="modal-header">
  25         <button type="button" class="close" data-dismiss="modal">
  26             <span class="sr-only">Close</span>
  27         </button>
  28         <h4 class="modal-title">Confirm</h4>
  29       </div>
  30       <div class="modal-body">
  31         Are you Sure to delete   <b>{{temp.model.name}}</b> ?
  32         <div ng-include data-src="'error-bar'" class="clearfix"></div>
  33       </div>
  34       <div class="modal-footer">
  35         <button type="button" class="btn btn-pedefault" data-dismiss="modal" ng-click="refresh();" ng-disabled="temp.inprocess" title="Close the Delete Scope Window.">Cancel</button>
  36         <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess" autofocus="autofocus" title="OnClick you can delete the Scopes.">Delete</button>
  37       </div>
  38       </form>
  39     </div>
  40   </div>
  41 </div>
  42
  43 <div class="modal" id="deletePolicy" data-toggle="modal" data-backdrop="static" data-keyboard="false">
  44   <div class="modal-dialog">
  45     <div class="modal-content">
  46     <form ng-submit="removePolicy(temp)">
  47       <div class="modal-header">
  48         <button type="button" class="close" data-dismiss="modal">
  49             <span class="sr-only">Close</span>
  50         </button>
  51         <h4 class="modal-title">Confirm</h4>
  52       </div>
  53       <div class="modal-body">Are you Sure to delete  <b>{{temp.model.name}}</b> ?
  54         <div>
  55          <p>
  56                 <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>
  57                 </br>
  58                 <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>
  59          </p>
  60         </div>
  61         <div ng-include data-src="'error-bar'" class="clearfix"></div>
  62       </div>
  63       <div class="modal-footer">
  64         <button type="button" class="btn btn-pedefault" data-dismiss="modal" ng-click="refresh();" ng-disabled="temp.inprocess" title="Close the Delete Policy Window.">Cancel</button>
  65         <button type="submit" class="btn btn-primary" ng-disabled="!temp.model.versions" autofocus="autofocus" title="OnClick you can delete the Policies.">Delete</button>
  66       </div>
  67       </form>
  68     </div>
  69   </div>
  70 </div>
  71
  72 <div class="modal" id="rename" data-toggle="modal" data-backdrop="static" data-keyboard="false">
  73   <div class="modal-dialog">
  74     <div class="modal-content">
  75         <form ng-submit="rename(temp)">
  76             <div class="modal-header">
  77               <button type="button" class="close" data-dismiss="modal">
  78                   <span class="sr-only">Close</span>
  79               </button>
  80               <h4 class="modal-title">Rename</h4>
  81             </div>
  82             <div class="modal-body">
  83               <label class="radio">Enter New Name : <b>{{temp.model.name}}</b></label>
  84               <input class="form-control" ng-model="temp.tempModel.name" autofocus="autofocus" title="Enter the value without space or special characters.">
  85
  86               <div ng-include data-src="'error-bar'" class="clearfix"></div>
  87             </div>
  88             <div class="modal-footer">
  89               <button type="button" class="btn btn-pedefault" data-dismiss="modal" ng-click="refresh();" ng-disabled="temp.inprocess">Cancel</button>
  90               <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Rename</button>
  91             </div>
  92         </form>
  93     </div>
  94   </div>
  95 </div>
  96
  97 <div class="modal" id="searchWindow" data-toggle="modal" data-backdrop="static" data-keyboard="false">
  98   <div class="modal-dialog">
  99     <div class="modal-content">
 100         <form>
 101             <div class="modal-header">
 102               <button type="button" class="close" data-dismiss="modal">
 103                   <span class="sr-only">Close</span>
 104               </button>
 105               <h4 class="modal-title">List of Policies</h4>
 106             </div>
 107             <div>
 108               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 109             </div>
 110             <div class="modal-footer">
 111               <button type="button" class="btn btn-pedefault" data-dismiss="modal" ng-disabled="temp.inprocess">Cancel</button>
 112             </div>
 113         </form>
 114     </div>
 115   </div>
 116 </div>
 117
 118 <div class="modal" id="move" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 119   <div class="modal-dialog">
 120     <div class="modal-content">
 121         <form ng-submit="move(temp)">
 122             <div class="modal-header">
 123               <button type="button" class="close" data-dismiss="modal">
 124                   <span class="sr-only">Close</span>
 125               </button>
 126               <h4 class="modal-title">Move Policy</h4>
 127             </div>
 128             <div class="modal-body">
 129               <div ng-include data-src="'path-selector'" class="clearfix"></div>
 130               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 131             </div>
 132             <div class="modal-footer">
 133               <button type="button" class="btn btn-pedefault" data-dismiss="modal" ng-click="refresh();" ng-disabled="temp.inprocess">Cancel</button>
 134               <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Move</button>
 135             </div>
 136         </form>
 137     </div>
 138   </div>
 139 </div>
 140
 141 <div class="modal" id="moveScope" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 142   <div class="modal-dialog">
 143     <div class="modal-content">
 144         <form ng-submit="move(temp)">
 145             <div class="modal-header">
 146               <button type="button" class="close" data-dismiss="modal">
 147                   <span class="sr-only">Close</span>
 148               </button>
 149               <h4 class="modal-title">Move Scope</h4>
 150             </div>
 151             <div class="modal-body">
 152               <div ng-include data-src="'path-selector'" class="clearfix"></div>
 153               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 154             </div>
 155             <div class="modal-footer">
 156               <button type="button" class="btn btn-pedefault" data-dismiss="modal" ng-click="refresh();" ng-disabled="temp.inprocess">Cancel</button>
 157               <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Move</button>
 158             </div>
 159         </form>
 160     </div>
 161   </div>
 162 </div>
 163
 164 <div class="modal" id="switchVersion" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 165   <div class="modal-dialog">
 166     <div class="modal-content">
 167         <form ng-submit="switchVersion(temp)">
 168             <div class="modal-header">
 169               <button type="button" class="close" data-dismiss="modal">
 170                   <span class="sr-only">Close</span>
 171               </button>
 172               <h4 class="modal-title">Switch Version</h4>
 173             </div>
 174             <div class="modal-body">
 175               <label class="radio">Highest Version <b></b></label>
 176               <input class="form-control" ng-disabled="true" ng-model="temp.tempModel.content.highestVersion" autofocus="autofocus" title="The Field shows highest version of Policy.">
 177             </div>
 178              <div class="modal-body">
 179               <label class="radio">Active Version <b></b></label>
 180               <select class="form-control" ng-model="temp.tempModel.content.activeVersion" ng-options="option for option in temp.tempModel.content.availableVersions" autofocus="autofocus" title="Enter the value not greater than highest version to switch policy."></select>
 181               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 182             </div>
 183             <div class="modal-footer">
 184               <button type="button" class="btn btn-pedefault" data-dismiss="modal" ng-disabled="temp.inprocess" title="OnClick SwitchVersion Window is closed.">Cancel</button>
 185               <button type="submit" class="btn btn-primary" ng-disabled="temp.tempModel.content.highestVersion === temp.tempModel.content.activeVersion" title="OnClick Policy Version will be Switched.">Save</button>
 186             </div>
 187         </form>
 188     </div>
 189   </div>
 190 </div>
 191
 192 <div class="modal" id="copy" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 193   <div class="modal-dialog">
 194     <div class="modal-content">
 195         <form ng-submit="copy(temp)">
 196             <div class="modal-header">
 197               <button type="button" class="close" data-dismiss="modal">
 198                   <span class="sr-only">Close</span>
 199               </button>
 200               <h4 class="modal-title">Clone Policy</h4>
 201             </div>
 202             <div class="modal-body">
 203               <label class="radio">Enter new Policy Name to Clone <b>{{temp.model.name}}</b></label>
 204               <input class="form-control" ng-model="temp.tempModel.name" autofocus="autofocus" title="Enter the PolicyName without space or special characters.">
 205               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 206             </div>
 207             <div class="modal-footer">
 208               <button type="button" class="btn btn-pedefault" data-dismiss="modal" ng-disabled="temp.inprocess" title="OnClick Clone Window is closed.">Cancel</button>
 209               <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess" title="OnClick the Policy will be cloned.">Clone</button>
 210             </div>
 211         </form>
 212     </div>
 213   </div>
 214 </div>
 215
 216 <div class="modal" id="newfolder" data-backdrop="static" data-keyboard="false">
 217   <div class="modal-dialog">
 218     <div class="modal-content">
 219         <form ng-submit="createFolder(temp)">
 220             <div class="modal-header">
 221               <button type="button" class="close" data-dismiss="modal">
 222                   <span class="sr-only">Close</span>
 223               </button>
 224               <h4 class="modal-title">Add Scope</h4>
 225             </div>
 226             <div class="modal-body">
 227               <label class="radio">Scope Name</label>
 228               <input class="form-control" ng-model="temp.tempModel.name" autofocus="autofocus" title="Enter the ScopeName without space or special characters.">
 229               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 230             </div>
 231             <div class="modal-footer">
 232               <button id = "cancel" type="button" class="btn btn-pedefault" data-dismiss="modal" ng-disabled="temp.inprocess" title="OnClick Scope Window is closed.">Cancel</button>
 233               <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess" title="OnClick Scope is created.">Create</button>
 234             </div>
 235         </form>
 236     </div>
 237   </div>
 238 </div>
 239
 240 <div class="modal" id="addSubScope" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 241   <div class="modal-dialog">
 242     <div class="modal-content">
 243         <form ng-submit="subScopeFolder(temp)">
 244             <div class="modal-header">
 245               <button type="button" class="close" data-dismiss="modal">
 246                   <span class="sr-only">Close</span>
 247               </button>
 248               <h4 class="modal-title">Add Sub Scope</h4>
 249             </div>
 250             <div class="modal-body">
 251               <label class="radio">Scope Name</label>
 252               <input class="form-control" ng-model="temp.tempModel.subScopename" autofocus="autofocus" title="Enter the SubScopeName without space or special characters.">
 253               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 254             </div>
 255             <div class="modal-footer">
 256               <button type="button" class="btn btn-pedefault" data-dismiss="modal" ng-disabled="temp.inprocess" title="OnClick SubScope Window is closed.">Cancel</button>
 257               <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess" title="OnClick SubScope is created.">Create</button>
 258             </div>
 259         </form>
 260     </div>
 261   </div>
 262 </div>
 263
 264 <div class="modal" id="uploadfile" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 265   <div class="modal-dialog">
 266     <div class="modal-content">
 267         <form ng-submit="uploadFiles()">
 268             <div class="modal-header">
 269               <button type="button" class="close" data-dismiss="modal">
 270                   <span class="sr-only">Close</span>
 271               </button>
 272               <h4 class="modal-title">Import</h4>
 273             </div>
 274             <div class="modal-body">
 275               <label class="radio">Upload to</label>
 276               <input type="file" class="form-control" ng-file="$parent.uploadFileList" autofocus="autofocus" multiple="multiple"/>
 277               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 278             </div>
 279             <div class="modal-footer">
 280               <div ng-show="!fileUploader.requesting">
 281                   <button type="button" class="btn btn-pedefault" data-dismiss="modal" title="OnClick Import window is closed.">Cancel</button>
 282                   <button type="submit" class="btn btn-primary" ng-disabled="!uploadFileList.length || fileUploader.requesting" title="OnClick Policy will be Imported.">{{'upload' | translate}}</button>
 283               </div>
 284               <div ng-show="fileUploader.requesting">
 285                   <span class="label label-warning">Uploading......</span>
 286               </div>
 287             </div>
 288         </form>
 289     </div>
 290   </div>
 291 </div>
 292
 293 <div class="modal" id="selector" ng-controller="PolicyManagerModalCtrl">
 294   <div class="modal-dialog">
 295     <div class="modal-content">
 296       <div class="modal-header">
 297         <button type="button" class="close" data-dismiss="modal">
 298             <span class="sr-only">Close</span>
 299         </button>
 300         <h4 class="modal-title">Select the Destination Scope</h4>
 301       </div>
 302       <div>
 303         <div>
 304             <div ng-include="config.tplPath + '/current-folder-breadcrumb.html'"></div>
 305             <div ng-include="config.tplPath + '/main-table-modal.html'"></div>
 306         </div>
 307       </div>
 308       <div class="modal-footer">
 309         <button type="button" class="btn btn-pedefault" data-dismiss="modal" ng-disabled="temp.inprocess">Close</button>
 310       </div>
 311     </div>
 312   </div>
 313 </div>
 314
 315 <script type="text/ng-template" id="path-selector">
 316   <div class="panel panel-primary mt10 mb0">
 317     <div class="panel-body">
 318         <div class="detail-sources">
 319           <code class="mr5"><b>Source:</b> {{temp.model.fullPath()}}</code>
 320         </div>
 321         <div class="detail-sources">
 322           <code class="mr5"><b>Destination:</b>{{temp.tempModel.fullPath()}}</code>
 323           <a href=""  ng-click="openNavigator(temp)"><span class="label label-primary">change</span></a>
 324         </div>
 325     </div>
 326   </div>
 327 </script>
 328
 329 <script type="text/ng-template" id="error-bar">
 330     <div class="label label-danger error-msg pull-left animated fadeIn" ng-show="temp.error">
 331       <i class="glyphicon glyphicon-remove-circle"></i>
 332       <span>{{temp.error}}</span>
 333     </div>
 334 </script>