templates/components/_translations_list.html.twig line 1

Open in your IDE?
  1. <script type="text/x-template" id="translations-list">
  2.     <div>
  3.         <div class="row">
  4.             <div  class="col-12">
  5.                 <form class="form-inline justify-content-between" method="get">
  6.                     <label class="sr-only" for="locale">{{ 'label.locale'|trans({}, 'form') }}</label>
  7.                     <select
  8.                             v-model="selectedLocale"
  9.                             @change="getTranslations"
  10.                             class="form-control mb-2 mr-sm-2 flex-grow-1"
  11.                             name="locale"
  12.                             id="locale"
  13.                     >
  14.                         <option v-for="(locale, index) in locales" v-text="locale" :value="locale"></option>
  15.                     </select>
  17.                     <label class="sr-only" for="domain">{{ 'label.domain'|trans({}, 'form') }}</label>
  18.                     <select
  19.                             v-model="selectedDomain"
  20.                             @change="getTranslations"
  21.                             class="form-control mb-2 mr-sm-2 flex-grow-1"
  22.                             name="domain"
  23.                             id="domain"
  24.                     >
  25.                         <option v-for="(domain, index) in domains" v-text="domain" :value="domain"></option>
  26.                     </select>
  28.                     <label class="sr-only" for="key">{{ 'label.key'|trans({}, 'form') }}</label>
  29.                     <input
  30.                             v-model="selectedKey"
  31.                             @keyup="debouncedGetTranslations"
  32.                             type="text"
  33.                             class="form-control mb-2 mr-sm-2 flex-grow-1"
  34.                             id="key" name="key"
  35.                             placeholder="{{ 'placeholder.key'|trans({}, 'form') }}"
  36.                     >
  38.                     <label class="sr-only" for="key">{{ 'label.value'|trans({}, 'form') }}</label>
  39.                     <input
  40.                             v-model="selectedValue"
  41.                             @keyup="debouncedGetTranslations"
  42.                             type="text"
  43.                             class="form-control mb-2 mr-sm-2 flex-grow-1"
  44.                             id="value"
  45.                             name="value"
  46.                             placeholder="{{ 'placeholder.value'|trans({}, 'form') }}"
  47.                     >
  48.                     <button
  49.                             @click.prevent="clear"
  50.                             class="btn btn-danger mb-2 flex-grow-1"
  51.                     >
  52.                         {{ 'button.clear'|trans({}, 'form') }}
  53.                     </button>
  54.                 </form>
  55.             </div>
  56.         </div>
  58.         <div class="row">
  59.             <div v-if="isLoading == true" class="col-12">
  60.                 <div class="text-center p-5">
  61.                     <i class="fa fa-spinner fa-pulse fa-5x text-info"></i>
  62.                 </div>
  63.             </div>
  64.             <div v-if="isLoading == false" class="col-12">
  65.                 <translation-item
  66.                     v-for="item in translationItems"
  67.                     :key="item.id"
  68.                     :locale="item.locale"
  69.                     :domain="item.domain"
  70.                     :id="item.id"
  71.                     :translation-key="item.key"
  72.                     :translation-value="item.value"
  73.                     :default-locale="defaultLocale"
  74.                     :default-translation-value="item.defaultTranslation"
  75.                     :base-url="baseUrl"
  76.                 >
  77.                 </translation-item>
  78.             </div>
  79.             <div v-if="translationItems.length == 0 && isLoading == false" class="col-12">
  80.                 {{ 'no_translations_were_found'|trans({}, 'text') }}
  81.             </div>
  82.         </div>
  83.     </div>
  84. </script>