templates/includes/modal.vge.twig line 1

Open in your IDE?
  1. <script type="text/x-template" id="vge-modal-template">
  2.     <div>
  3.         <span @click="showModal = true">
  4.             <slot name="controller"></slot>
  5.         </span>
  6.         <div v-if="showModal">
  7.             <transition name="vge-modal">
  8.                 <div class="vge-modal-mask">
  9.                     <div class="vge-modal-wrapper">
  10.                         <div class="vge-modal-container">
  12.                             <div class="vge-modal-header">
  13.                                 <slot name="header"></slot>
  14.                             </div>
  15.                             <a class="vge-modal-default-button" @click="showModal = false">
  16.                                 <i class="fa fa-times"></i>
  17.                             </a>
  18.                             <div class="vge-modal-body">
  19.                                 <slot name="body">
  20.                                     No Body.
  21.                                 </slot>
  22.                             </div>
  24.                             <div class="vge-modal-footer">
  25.                                 <slot name="footer"></slot>
  26.                             </div>
  27.                         </div>
  28.                     </div>
  29.                 </div>
  30.             </transition>
  31.         </div>
  32.     </div>
  33. </script>
  35. <script type="text/javascript" src="{{ asset('components/modal.js', 'js') }}"></script>