templates/components/_templates.html.twig line 1

Open in your IDE?
  1. <script type="text/x-template" id="flash">
  2.     <div class="flash-message alert"
  3.          :class="'alert-' + messageClass"
  4.          role="alert"
  5.          v-show="show"
  6.          v-text="message">
  7.     </div>
  8. </script>
  10. <script type="text/x-template" id="flashes">
  11.     <div class="flashes-container" style="z-index: 1051;">
  12.         <flash v-for="message, index in messages" :key="index" :message="message.message"
  13.                :level="message.level"></flash>
  14.     </div>
  15. </script>
  17. <script type="text/x-template" id="tab">
  18.     <div class="tab-pane fade mt-2" v-show="isActive" :class="{ 'active': isActive, 'show': isActive }">
  19.         <slot></slot>
  20.     </div>
  21. </script>
  23. <script type="text/x-template" id="tabs">
  24.     <div>
  25.         <ul class="nav nav-tabs">
  26.             <li class="nav-item" v-for="tab in tabs">
  27.                 <a class="nav-link" :href="tab.href" @click="selectTab(tab)" :class="{ 'active': tab.isActive }">[[tab.name]]</a>
  28.             </li>
  29.         </ul>
  31.         <div class="tab-content">
  32.             <slot></slot>
  33.         </div>
  34.     </div>
  35. </script>
  37. <script type="text/x-template" id="carousel">
  38.     <div>
  39.         <slot></slot>
  40.     </div>
  41. </script>
  43. <script type="text/x-template" id="modal">
  44.     <div v-cloak class="modal fade" :id="identifier" tabindex="-1" role="dialog" aria-labelledby="identifier + '-label'"
  45.          aria-hidden="true">
  46.         <div class="modal-dialog" :class="[sizeClass, verticallyCenteredClass]" role="document">
  47.             <div class="modal-content">
  48.                 <div class="modal-header">
  49.                     <h5 class="modal-title" :id="identifier + '-label'">[[title]]</h5>
  50.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  51.                         <span aria-hidden="true">&times;</span>
  52.                     </button>
  53.                 </div>
  54.                 <div class="modal-body">
  55.                     <slot></slot>
  56.                 </div>
  57.                 <div v-if="hasFooter" class="modal-footer">
  58.                     <button type="button" class="btn btn-secondary"
  59.                             data-dismiss="modal">{{ 'button.close'|trans({}, 'form') }}</button>
  60.                     <button type="button" class="btn btn-primary">[[primaryButton]]</button>
  61.                 </div>
  62.             </div>
  63.         </div>
  64.     </div>
  65. </script>
  67. <script type="text/x-template" id="file-upload-button">
  68.     <div class="d-inline">
  69.         <input type="file" hidden name="file" ref="fileInput" @change="uploadFile">
  71.         <button @click="selectFile" v-bind:disabled="isUploading" class="btn btn-danger text-white">
  72.             <i v-show="isUploading" class="fa fa-spinner fa-pulse mr5"></i>
  73.             <i v-show="!isUploading" class="fa fa-upload"></i>
  74.             <span v-show="isUploading">Uploading</span>
  75.             <span v-show="!isUploading">[[buttonText]]</span>
  76.         </button>
  77.     </div>
  78. </script>
  80. {% include 'components/_image_gallery.html.twig' %}
  81. {% include 'components/_translations_list.html.twig' %}
  82. {% include 'components/_translation_item.html.twig' %}