ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/templates/modals.html

   1 <!--
   2   ============LICENSE_START=======================================================
   3   ECOMP Policy Engine
   4   ================================================================================
   5   Copyright (C) 2017 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
  21 <div class="modal animated fadeIn" id="imagepreview" data-toggle="modal" data-backdrop="static" data-keyboard="false">
  22   <div class="modal-dialog">
  23     <div class="modal-content">
  24     <form ng-submit="remove(temp)">
  25       <div class="modal-header">
  26         <button type="button" class="close" data-dismiss="modal">
  27             <span aria-hidden="true">&times;</span>
  28             <span class="sr-only">{{"close" | translate}}</span>
  29         </button>
  30         <h4 class="modal-title">{{"preview" | translate}}</h4>
  31       </div>
  32       <div class="modal-body" ng-show="temp.getUrl().length > 10">
  33         <div class="text-center">
  34           <img id="imagepreview-target" class="preview" alt="{{temp.model.name}}" ng-class="{'loading': temp.inprocess}">
  35           <span class="label label-warning" ng-show="temp.inprocess">{{'loading' | translate}} ...</span>
  36         </div>
  37         <div ng-include data-src="'error-bar'" class="clearfix"></div>
  38       </div>
  39       <div class="modal-footer">
  40         <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">{{"close" | translate}}</button>
  41       </div>
  42       </form>
  43     </div>
  44   </div>
  45 </div>
  46
  47
  48
  49 <div class="modal animated fadeIn" id="delete" data-toggle="modal" data-backdrop="static" data-keyboard="false">
  50   <div class="modal-dialog">
  51     <div class="modal-content">
  52     <form ng-submit="remove(temp)">
  53       <div class="modal-header">
  54         <button type="button" class="close" data-dismiss="modal">
  55             <span aria-hidden="true">&times;</span>
  56             <span class="sr-only">{{"close" | translate}}</span>
  57         </button>
  58         <h4 class="modal-title">{{"confirm" | translate}}</h4>
  59       </div>
  60       <div class="modal-body">
  61         {{'sure_to_delete' | translate}} <b>{{temp.model.name}}</b> ?
  62         <div ng-include data-src="'error-bar'" class="clearfix"></div>
  63       </div>
  64       <div class="modal-footer">
  65         <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">{{"cancel" | translate}}</button>
  66         <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess" autofocus="autofocus">{{"remove" | translate}}</button>
  67       </div>
  68       </form>
  69     </div>
  70   </div>
  71 </div>
  72
  73 <div class="modal animated fadeIn" id="deletePolicy" data-toggle="modal" data-backdrop="static" data-keyboard="false">
  74   <div class="modal-dialog">
  75     <div class="modal-content">
  76     <form ng-submit="removePolicy(temp)">
  77       <div class="modal-header">
  78         <button type="button" class="close" data-dismiss="modal">
  79             <span aria-hidden="true">&times;</span>
  80             <span class="sr-only">{{"close" | translate}}</span>
  81         </button>
  82         <h4 class="modal-title">{{"confirm" | translate}}</h4>
  83       </div>
  84       <div class="modal-body">{{'sure_to_delete' | translate}} <b>{{temp.model.name}}</b> ?
  85         <div>
  86          <p>
  87                 <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>
  88                 </br>
  89                 <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>
  90          </p>
  91         </div>
  92         <div ng-include data-src="'error-bar'" class="clearfix"></div>
  93       </div>
  94       <div class="modal-footer">
  95         <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">{{"cancel" | translate}}</button>
  96         <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess" autofocus="autofocus">{{"remove" | translate}}</button>
  97       </div>
  98       </form>
  99     </div>
 100   </div>
 101 </div>
 102
 103 <div class="modal animated fadeIn" id="rename" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 104   <div class="modal-dialog">
 105     <div class="modal-content">
 106         <form ng-submit="rename(temp)">
 107             <div class="modal-header">
 108               <button type="button" class="close" data-dismiss="modal">
 109                   <span aria-hidden="true">&times;</span>
 110                   <span class="sr-only">{{"close" | translate}}</span>
 111               </button>
 112               <h4 class="modal-title">Rename</h4>
 113             </div>
 114             <div class="modal-body">
 115               <label class="radio">{{'enter_new_name_for' | translate}} <b>{{temp.model.name}}</b></label>
 116               <input class="form-control" ng-model="temp.tempModel.name" autofocus="autofocus">
 117
 118                <!--  <div ng-include data-src="'path-selector'" class="clearfix"></div> -->
 119               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 120             </div>
 121             <div class="modal-footer">
 122               <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">{{"cancel" | translate}}</button>
 123               <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">{{'rename' | translate}}</button>
 124             </div>
 125         </form>
 126     </div>
 127   </div>
 128 </div>
 129
 130 <div class="modal animated fadeIn" id="searchWindow" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 131   <div class="modal-dialog">
 132     <div class="modal-content">
 133         <form>
 134             <div class="modal-header">
 135               <button type="button" class="close" data-dismiss="modal">
 136                   <span aria-hidden="true">&times;</span>
 137                   <span class="sr-only">{{"close" | translate}}</span>
 138               </button>
 139               <h4 class="modal-title">List of Policies</h4>
 140             </div>
 141             <div class="modal-body">
 142               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 143             </div>
 144             <div class="modal-footer">
 145               <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">{{"cancel" | translate}}</button>
 146             </div>
 147         </form>
 148     </div>
 149   </div>
 150 </div>
 151
 152 <div class="modal animated fadeIn" id="move" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 153   <div class="modal-dialog">
 154     <div class="modal-content">
 155         <form ng-submit="move(temp)">
 156             <div class="modal-header">
 157               <button type="button" class="close" data-dismiss="modal">
 158                   <span aria-hidden="true">&times;</span>
 159                   <span class="sr-only">{{"close" | translate}}</span>
 160               </button>
 161               <h4 class="modal-title">Move Policy</h4>
 162             </div>
 163             <div class="modal-body">
 164               <div ng-include data-src="'path-selector'" class="clearfix"></div>
 165               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 166             </div>
 167             <div class="modal-footer">
 168               <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">{{"cancel" | translate}}</button>
 169               <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Move</button>
 170             </div>
 171         </form>
 172     </div>
 173   </div>
 174 </div>
 175
 176 <div class="modal animated fadeIn" id="switchVersion" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 177   <div class="modal-dialog">
 178     <div class="modal-content">
 179         <form ng-submit="switchVersion(temp)">
 180             <div class="modal-header">
 181               <button type="button" class="close" data-dismiss="modal">
 182                   <span aria-hidden="true">&times;</span>
 183                   <span class="sr-only">{{"close" | translate}}</span>
 184               </button>
 185               <h4 class="modal-title">Switch Version</h4>
 186             </div>
 187             <div class="modal-body">
 188               <label class="radio">Highest Version <b></b></label>
 189               <input class="form-control" ng-disabled="true" ng-model="temp.tempModel.content.highestVersion" autofocus="autofocus">
 190             </div>
 191              <div class="modal-body">
 192               <label class="radio">Active Version <b></b></label>
 193               <select class="form-control" ng-model="temp.tempModel.content.activeVersion" ng-options="option for option in temp.tempModel.content.availableVersions" autofocus="autofocus"></select>
 194               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 195             </div>
 196             <div class="modal-footer">
 197               <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">{{"cancel" | translate}}</button>
 198               <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Save</button>
 199             </div>
 200         </form>
 201     </div>
 202   </div>
 203 </div>
 204
 205 <div class="modal animated fadeIn" id="copy" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 206   <div class="modal-dialog">
 207     <div class="modal-content">
 208         <form ng-submit="copy(temp)">
 209             <div class="modal-header">
 210               <button type="button" class="close" data-dismiss="modal">
 211                   <span aria-hidden="true">&times;</span>
 212                   <span class="sr-only">{{"close" | translate}}</span>
 213               </button>
 214               <h4 class="modal-title">Clone Policy</h4>
 215             </div>
 216             <div class="modal-body">
 217               <label class="radio">{{'enter_new_name_for' | translate}} <b>{{temp.model.name}}</b></label>
 218               <input class="form-control" ng-model="temp.tempModel.name" autofocus="autofocus">
 219
 220              <!--  <div ng-include data-src="'path-selector'" class="clearfix"></div> -->
 221               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 222             </div>
 223             <div class="modal-footer">
 224               <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">{{"cancel" | translate}}</button>
 225               <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">Clone</button>
 226             </div>
 227         </form>
 228     </div>
 229   </div>
 230 </div>
 231
 232
 233 <div class="modal animated fadeIn" id="edit" ng-class="{'modal-fullscreen': fullscreen}" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 234   <div class="modal-dialog modal-lg">
 235     <div class="modal-content">
 236         <form ng-submit="edit(temp)">
 237             <div class="modal-header">
 238               <button type="button" class="close" data-dismiss="modal">
 239                   <span aria-hidden="true">&times;</span>
 240                   <span class="sr-only">{{"close" | translate}}</span>
 241               </button>
 242               <button type="button" class="close mr5" ng-click="fullscreen=!fullscreen">
 243                   <span>&loz;</span>
 244                   <span class="sr-only">{{'toggle_fullscreen' | translate}}</span>
 245               </button>
 246               <h4 class="modal-title">{{'edit_file' | translate}}</h4>
 247             </div>
 248             <div class="modal-body">
 249                 <label class="radio">{{'file_content' | translate}}</label>
 250                 <span class="label label-warning" ng-show="temp.inprocess">{{'loading' | translate}} ...</span>
 251                 <textarea class="form-control code" ng-model="temp.tempModel.content" ng-show="!temp.inprocess" autofocus="autofocus"></textarea>
 252                 <div ng-include data-src="'error-bar'" class="clearfix"></div>
 253             </div>
 254             <div class="modal-footer">
 255               <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">{{'close' | translate}}</button>
 256               <button type="submit" class="btn btn-primary" ng-show="config.allowedActions.edit" ng-disabled="temp.inprocess">{{'edit' | translate}}</button>
 257             </div>
 258         </form>
 259     </div>
 260   </div>
 261 </div>
 262
 263 <div class="modal animated fadeIn" id="newfolder" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 264   <div class="modal-dialog">
 265     <div class="modal-content">
 266         <form ng-submit="createFolder(temp)">
 267             <div class="modal-header">
 268               <button type="button" class="close" data-dismiss="modal">
 269                   <span aria-hidden="true">&times;</span>
 270                   <span class="sr-only">{{"close" | translate}}</span>
 271               </button>
 272               <h4 class="modal-title">Add Scope</h4>
 273             </div>
 274             <div class="modal-body">
 275               <label class="radio">Scope Name</label>
 276               <input class="form-control" ng-model="temp.tempModel.name" autofocus="autofocus">
 277               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 278             </div>
 279             <div class="modal-footer">
 280               <button id = "cancel" type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">{{"cancel" | translate}}</button>
 281               <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">{{'create' | translate}}</button>
 282             </div>
 283         </form>
 284     </div>
 285   </div>
 286 </div>
 287
 288 <div class="modal animated fadeIn" id="addSubScope" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 289   <div class="modal-dialog">
 290     <div class="modal-content">
 291         <form ng-submit="subScopeFolder(temp)">
 292             <div class="modal-header">
 293               <button type="button" class="close" data-dismiss="modal">
 294                   <span aria-hidden="true">&times;</span>
 295                   <span class="sr-only">{{"close" | translate}}</span>
 296               </button>
 297               <h4 class="modal-title">Add Sub Scope</h4>
 298             </div>
 299             <div class="modal-body">
 300               <label class="radio">Scope Name</label>
 301               <input class="form-control" ng-model="temp.tempModel.subScopename" autofocus="autofocus">
 302               <!-- <div ng-include data-src="'error-bar'" class="clearfix"></div> -->
 303             </div>
 304             <div class="modal-footer">
 305               <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">{{"cancel" | translate}}</button>
 306               <button type="submit" class="btn btn-primary" ng-disabled="temp.inprocess">{{'create' | translate}}</button>
 307             </div>
 308         </form>
 309     </div>
 310   </div>
 311 </div>
 312
 313 <div class="modal animated fadeIn" id="uploadfile" data-toggle="modal" data-backdrop="static" data-keyboard="false">
 314   <div class="modal-dialog">
 315     <div class="modal-content">
 316         <form ng-submit="uploadFiles()">
 317             <div class="modal-header">
 318               <button type="button" class="close" data-dismiss="modal">
 319                   <span aria-hidden="true">&times;</span>
 320                   <span class="sr-only">{{"close" | translate}}</span>
 321               </button>
 322               <h4 class="modal-title">{{"upload_file" | translate}}</h4>
 323             </div>
 324             <div class="modal-body">
 325               <label class="radio">{{"files_will_uploaded_to" | translate}}</label>
 326               <input type="file" class="form-control" ng-file="$parent.uploadFileList" autofocus="autofocus" multiple="multiple"/>
 327               <div ng-include data-src="'error-bar'" class="clearfix"></div>
 328             </div>
 329             <div class="modal-footer">
 330               <div ng-show="!fileUploader.requesting">
 331                   <button type="button" class="btn btn-default" data-dismiss="modal">{{"cancel" | translate}}</button>
 332                   <button type="submit" class="btn btn-primary" ng-disabled="!uploadFileList.length || fileUploader.requesting">{{'upload' | translate}}</button>
 333               </div>
 334               <div ng-show="fileUploader.requesting">
 335                   <span class="label label-warning">{{"uploading" | translate}} ...</span>
 336               </div>
 337             </div>
 338         </form>
 339     </div>
 340   </div>
 341 </div>
 342
 343 <div class="modal animated fadeIn" id="selector" ng-controller="ModalFileManagerCtrl">
 344   <div class="modal-dialog">
 345     <div class="modal-content">
 346       <div class="modal-header">
 347         <button type="button" class="close" data-dismiss="modal">
 348             <span aria-hidden="true">&times;</span>
 349             <span class="sr-only">{{"close" | translate}}</span>
 350         </button>
 351         <h4 class="modal-title">{{"select_destination_folder" | translate}}</h4>
 352       </div>
 353       <div class="modal-body">
 354         <div>
 355             <div ng-include="config.tplPath + '/current-folder-breadcrumb.html'"></div>
 356             <div ng-include="config.tplPath + '/main-table-modal.html'"></div>
 357         </div>
 358       </div>
 359       <div class="modal-footer">
 360         <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">{{"close" | translate}}</button>
 361       </div>
 362     </div>
 363   </div>
 364 </div>
 365
 366 <script type="text/ng-template" id="path-selector">
 367   <div class="panel panel-primary mt10 mb0">
 368     <div class="panel-body">
 369         <div class="detail-sources">
 370           <code class="mr5"><b>{{"source" | translate}}:</b> {{temp.model.fullPath()}}</code>
 371         </div>
 372         <div class="detail-sources">
 373           <code class="mr5"><b>{{"destination" | translate}}:</b>{{temp.tempModel.fullPath()}}</code>
 374           <a href="" class="label label-primary" ng-click="openNavigator(temp)">{{'change' | translate}}</a>
 375         </div>
 376     </div>
 377   </div>
 378 </script>
 379
 380 <script type="text/ng-template" id="error-bar">
 381     <div class="label label-danger error-msg pull-left animated fadeIn" ng-show="temp.error">
 382       <i class="glyphicon glyphicon-remove-circle"></i>
 383       <span>{{temp.error}}</span>
 384     </div>
 385 </script>