ecomp-portal-BE/war/WEB-INF/fusion/jsp/popup_modal.html

   1 <!--
   2   ================================================================================
   3   eCOMP Portal
   4   ================================================================================
   5   Copyright (C) 2017 AT&T Intellectual Property
   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   ================================================================================
  19   -->
  20
  21 <script type="text/ng-template" id="modal_informative.html">
  22        <div class="modal__informative font-showcase" >
  23             <div class="modal__header">
  24                 <h2 class="font-showcase-font-name">Success!</h2>
  25                 <div class="modal__header--icon"></div>
  26             </div>
  27             <div class="divider-container"><hr> </div>
  28             <div class="modal__content" style="white-space: pre-wrap;">{{message.text}}</div>
  29             <div class="modal__footer">
  30                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$dismiss()">Dismiss</button>
  31             </div>
  32         </div>
  33     </script>
  34
  35
  36     <script type="text/ng-template" id="delete_informative.html">
  37    <div class="modal__warning font-showcase" >
  38             <div class="modal__header">
  39                 <h2 class="font-showcase-font-name">Are you sure you want to delete the profile?</h2>
  40
  41                 <div class="modal__header--icon"></div>
  42             </div>
  43             <div class="divider-container"><hr> </div>
  44             <div class="modal__content">
  45               Deletions are not reversible.<br/> {{message.text}}
  46             </div>
  47             <div class="modal__footer">
  48                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$close()">Yes</button>
  49                                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$dismiss()">Cancel</button>
  50             </div>
  51         </div>
  52     </script>
  53    <script type="text/ng-template" id="email_report_informative.html">
  54    <div class="modal__warning font-showcase" >
  55             <div class="modal__header">
  56                 <h2 class="font-showcase-font-name">Mailing your report...</h2>
  57
  58                 <div class="modal__header--icon"></div>
  59             </div>
  60             <div class="divider-container"><hr> </div>
  61             <div class="modal__content">
  62               The report will be sent to your email soon!
  63             </div>
  64             <div class="modal__footer">
  65                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$close()">Ok</button>
  66             </div>
  67         </div>
  68     </script>
  69     <script type="text/ng-template" id="delete_authCode.html">
  70    <div class="modal__warning font-showcase" >
  71             <div class="modal__header">
  72                 <h2 class="font-showcase-font-name">Are you sure you want to delete the Authorization Code(s)?</h2>
  73
  74                 <div class="modal__header--icon"></div>
  75             </div>
  76             <div class="divider-container"><hr> </div>
  77             <div class="modal__content">
  78               Deletions are not reversible.<br/> {{message.text}}
  79             </div>
  80             <div class="modal__footer">
  81                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$close()">Yes</button>
  82                                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$dismiss()">Cancel</button>
  83             </div>
  84         </div>
  85     </script>
  86      <script type="text/ng-template" id="delete_Schedule.html">
  87                 <div class="modal__warning font-showcase" >
  88             <div class="modal__header">
  89                 <h2 class="font-showcase-font-name">Are You Sure You Want to Delete This Schedule(s) ?</h2>
  90
  91                 <div class="modal__header--icon"></div>
  92             </div>
  93             <div class="divider-container"><hr> </div>
  94             <div class="modal__content">
  95               Deletions are not reversible.<br/> {{message.text}}
  96             </div>
  97             <div class="modal__footer">
  98                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$close()">Yes</button>
  99                                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$dismiss()">Cancel</button>
 100             </div>
 101         </div>
 102     </script>
 103     <script type="text/ng-template" id="alternate_number.html">
 104                 <div class="modal__warning font-showcase" >
 105             <div class="modal__header">
 106                 <h2 class="font-showcase-font-name">Are You Sure You Want to Delete This Number ?</h2>
 107
 108                 <div class="modal__header--icon"></div>
 109             </div>
 110             <div class="divider-container"><hr> </div>
 111             <div class="modal__content">
 112               Deletions are not reversible.<br/> {{message.text}}
 113             </div>
 114             <div class="modal__footer">
 115                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$close()">Yes</button>
 116                                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$dismiss()">Cancel</button>
 117             </div>
 118         </div>
 119     </script>
 120      <script type="text/ng-template" id="manage_device.html">
 121                 <div class="modal__warning font-showcase" >
 122             <div class="modal__header">
 123                 <h2 class="font-showcase-font-name">Are You Sure You Want to Delete This Line Port ?</h2>
 124
 125                 <div class="modal__header--icon"></div>
 126             </div>
 127             <div class="divider-container"><hr> </div>
 128             <div class="modal__content">
 129               Deletions are not reversible.<br/> {{message.text}}
 130             </div>
 131             <div class="modal__footer">
 132                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$close()">Yes</button>
 133                                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$dismiss()">Cancel</button>
 134             </div>
 135         </div>
 136     </script>
 137     <script type="text/ng-template" id="delete_virtualOnNet.html">
 138                  <div class="modal__warning font-showcase" >
 139             <div class="modal__header">
 140                 <h2 class="font-showcase-font-name">Are You Sure You Want to Delete this Virtual On-Net User?</h2>
 141
 142                 <div class="modal__header--icon"></div>
 143             </div>
 144             <div class="divider-container"><hr> </div>
 145             <div class="modal__content">
 146               Deletions are not reversible.<br/> {{message.text}}
 147             </div>
 148             <div class="modal__footer">
 149                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$close()">Yes</button>
 150                                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$dismiss()">Cancel</button>
 151             </div>
 152         </div>
 153     </script>
 154     <script type="text/ng-template" id="delete_user_meet_me_conference.html">
 155                 <div class="modal__warning font-showcase" >
 156             <div class="modal__header">
 157                 <h2 class="font-showcase-font-name">Are You Sure You Want to Delete this Conference?</h2>
 158
 159                 <div class="modal__header--icon"></div>
 160             </div>
 161             <div class="divider-container"><hr> </div>
 162             <div class="modal__content">
 163               Deletions are not reversible.<br/> {{message.text}}
 164             </div>
 165             <div class="modal__footer">
 166                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$close()">Yes</button>
 167                                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$dismiss()">Cancel</button>
 168             </div>
 169         </div>
 170     </script>
 171     <script type="text/ng-template" id="confirmation_informative.html">
 172                 <div class="modal__warning font-showcase" >
 173             <div class="modal__header">
 174                 <h2 class="font-showcase-font-name">{{message.title}}</h2>
 175
 176                 <div class="modal__header--icon"></div>
 177             </div>
 178             <div class="divider-container"><hr> </div>
 179             <div class="modal__content" style="white-space: pre-wrap;">{{message.text}}<br/></div>
 180             <div class="modal__footer">
 181                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$close()">Yes</button>
 182                                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$dismiss()">Cancel</button>
 183             </div>
 184         </div>
 185     </script>
 186
 187     <script type="text/ng-template" id="confirmation_for_delete.html">
 188                 <div class="modal__warning font-showcase" >
 189             <div class="modal__header">
 190                 <h2 class="font-showcase-font-name"> <h2 class="font-showcase-font-name">Are You Sure You Want to Delete This {{message.title}}?</h2>
 191
 192                 <div class="modal__header--icon"></div>
 193             </div>
 194             <div class="divider-container"><hr> </div>
 195             <div class="modal__content">Deletions are not reversible. {{message.text}}<br/></div>
 196             <div class="modal__footer">
 197                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$close()">Yes</button>
 198                                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$dismiss()">Cancel</button>
 199             </div>
 200         </div>
 201     </script>
 202
 203    <script type="text/ng-template" id="modal_warning.html">
 204    <div class="modal__warning font-showcase" >
 205             <div class="modal__header">
 206                 <h2 class="font-showcase-font-name">Unable to process your request!</h2>
 207
 208                 <div class="modal__header--icon"></div>
 209             </div>
 210             <div class="divider-container"><hr> </div>
 211                         <div class="modal__content" style="white-space: pre-wrap;">Unable to process your request.   <br/>{{message.text}}<br/>
 212             </div>
 213             <div class="modal__footer">
 214                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$dismiss()">Dismiss</button>
 215             </div>
 216         </div>
 217     </script>
 218
 219     <script type="text/ng-template" id="modal_warning_message.html">
 220    <div class="modal__warning font-showcase" >
 221             <div class="modal__header">
 222                 <h2 class="font-showcase-font-name">Warning</h2>
 223
 224                 <div class="modal__header--icon"></div>
 225             </div>
 226             <div class="divider-container"><hr> </div>
 227                         <div class="modal__content" style="white-space: pre-wrap;">{{message.text}}<br/>
 228             </div>
 229             <div class="modal__footer">
 230                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$dismiss()">Dismiss</button>
 231             </div>
 232         </div>
 233     </script>
 234
 235
 236
 237     <script type="text/ng-template" id="modal_prompt.html">
 238        <div class="modal__warning font-showcase">
 239           <div class="modal__header">
 240               <h2 class="font-showcase-font-name">Unable to process your request. </h2>
 241               <i class="icon-circle-action-close close-modal modal__header--close"  ng-click="$dismiss()"></i>
 242
 243           </div>
 244           <div class="divider-container"><hr> </div>
 245           <div class="modal__content">
 246               Unable to process your request.   <br/> {{message.text}}
 247           </div>
 248    </div>
 249     </script>
 250      <script type="text/ng-template" id="delete_device.html">
 251         <div class="modal__warning font-showcase" >
 252             <div class="modal__header">
 253                 <h2 class="font-showcase-font-name">Are You Sure You Want to Delete This Device?</h2>
 254
 255                 <div class="modal__header--icon"></div>
 256             </div>
 257             <div class="divider-container"><hr> </div>
 258             <div class="modal__content">
 259               Deletions are not reversible.<br/> {{message.text}}
 260             </div>
 261             <div class="modal__footer">
 262                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$close()">Yes</button>
 263                                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$dismiss()">Cancel</button>
 264             </div>
 265         </div>
 266     </script>
 267      <script type="text/ng-template" id="delete_multiple_device.html">
 268         <div class="modal__warning font-showcase" >
 269             <div class="modal__header">
 270                 <h2 class="font-showcase-font-name">Are You Sure You Want to Delete The Device(s)?</h2>
 271
 272                 <div class="modal__header--icon"></div>
 273             </div>
 274             <div class="divider-container"><hr> </div>
 275             <div class="modal__content">
 276               Deletions are not reversible.<br/> {{message.text}}
 277             </div>
 278             <div class="modal__footer">
 279                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$close()">Yes</button>
 280                                 <button class="button button--primary button--small" herf="javascript:void(0)" ng-click="$dismiss()">Cancel</button>
 281             </div>
 282         </div>
 283     </script>
 284
 285 <script>
 286
 287 //.controller('modalpopupController', function ($scope, $modalInstance){
 288 var modalpopupController =  function ($scope, $modalInstance, message){
 289
 290         $scope.message = message;
 291
 292
 293         $scope.hello = function () {
 294         $modalInstance.close($scope.digitPattern);
 295     };
 296         $modalInstance.ok = function() {
 297         //add the  ok functionality
 298         alert("Logout");
 299     };
 300     $modalInstance.cancel = function() {
 301         //add the cancel functionality
 302         alert("Keep Log in");
 303     };
 304     $modalInstance.cancelbutton = function() {
 305         //add the cancel functionality
 306         alert("Modal Waring popup close event");
 307     };
 308 }
 309
 310
 311 </script>