ecomp-sdk-app/src/main/webapp/WEB-INF/fusion/jsp/popup_modal.html

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