| Lines 2-34
          
      
      
        Link Here | 
        
          | 2 |     <div class="dialog message" v-if="message" v-html="message"></div> | 2 |     <div class="dialog message" v-if="message" v-html="message"></div> | 
        
          | 3 |     <div class="dialog alert" v-if="error" v-html="error"></div> | 3 |     <div class="dialog alert" v-if="error" v-html="error"></div> | 
        
          | 4 |     <div class="dialog alert modal" v-if="warning"> | 4 |     <div class="dialog alert modal" v-if="warning"> | 
          
            
              | 5 |         <span v-html="warning"></span> | 5 |         <h1 v-html="warning"></h1> | 
            
              | 6 |         <a | 6 |         <button id="close_modal" class="approve" @click="removeMessages"> | 
            
              | 7 |             id="close_modal" | 7 |             <i class="fa fa-fw fa-check"></i> | 
            
              | 8 |             class="btn btn-default btn-xs" | 8 |             {{ $__("Close") }} | 
            
              | 9 |             role="button" | 9 |         </button> | 
            
              | 10 |             @click="removeMessages" |  |  | 
            
              | 11 |             >{{ $__("Close") }}</a | 
            
              | 12 |         > | 
        
          | 13 |     </div> | 10 |     </div> | 
        
          | 14 |     <div class="modal_centered" v-if="confirmation"> | 11 |     <div class="modal_centered" v-if="confirmation"> | 
        
          | 15 |         <div class="dialog alert confirmation"> | 12 |         <div class="dialog alert confirmation"> | 
          
            
              | 16 |             <span v-html="confirmation"></span> | 13 |             <h1 v-html="confirmation"></h1> | 
            
              | 17 |             <a | 14 |             <button | 
        
          | 18 |                 v-if="accept" | 15 |                 v-if="accept" | 
          
            
              | 19 |                 id="close_modal" | 16 |                 id="accept_modal" | 
            
              | 20 |                 class="btn btn-primary btn-xs" | 17 |                 class="approve" | 
            
              | 21 |                 role="button" |  |  | 
        
          | 22 |                 @click="accept" | 18 |                 @click="accept" | 
            
              | 23 |                 >{{ $__("Accept") }}</a |  |  | 
            
              | 24 |             > | 
            
              | 25 |             <a | 
            
              | 26 |                 id="close_modal" | 
            
              | 27 |                 class="btn btn-default btn-xs" | 
            
              | 28 |                 role="button" | 
            
              | 29 |                 @click="removeMessages" | 
            
              | 30 |                 >{{ $__("Close") }}</a | 
        
          | 31 |             > | 19 |             > | 
            
              |  |  | 20 |                 <i class="fa fa-fw fa-check"></i> | 
            
              | 21 |                 {{ $__("Accept") }} | 
            
              | 22 |             </button> | 
            
              | 23 |             <button id="close_modal" class="deny" @click="removeMessages"> | 
            
              | 24 |                 <i class="fa fa-fw fa-remove"></i> | 
            
              | 25 |                 {{ $__("Close") }} | 
            
              | 26 |             </button> | 
        
          | 32 |         </div> | 27 |         </div> | 
        
          | 33 |     </div> | 28 |     </div> | 
        
          | 34 |     <!-- Must be styled differently --> | 29 |     <!-- Must be styled differently --> | 
  
    | Lines 83-89
          export default {
      
      
        Link Here | 
        
          | 83 |     transition: all 0.3s ease; | 78 |     transition: all 0.3s ease; | 
        
          | 84 | } | 79 | } | 
        
          | 85 | #close_modal { | 80 | #close_modal { | 
            
              | 86 |     float: right; |  |  | 
        
          | 87 |     cursor: pointer; | 81 |     cursor: pointer; | 
        
          | 88 | } | 82 | } | 
        
          | 89 |  | 83 |  | 
  
    | Lines 110-116
          export default {
      
      
        Link Here | 
        
          | 110 |     top: 25%; | 104 |     top: 25%; | 
        
          | 111 |     left: 40%; | 105 |     left: 40%; | 
        
          | 112 |  | 106 |  | 
            
              | 113 |     display: flex; |  |  | 
        
          | 114 |     width: 50%; | 107 |     width: 50%; | 
        
          | 115 |     min-height: 10%; | 108 |     min-height: 10%; | 
        
          | 116 |     margin: auto; | 109 |     margin: auto; | 
            
              | 117 | -  |  |  |