assets/beautytada/js/component/address-form/address-form.twig line 1

Open in your IDE?
  1. {% block config %}{% include '@Component/address-form/twig/config.twig' %}{% endblock %}
  3. {{ encore_entry_script_tags('address-form') }}
  4. {{ encore_entry_link_tags('address-form') }}
  6. <div id="address-form">
  7.     {% block template %}
  8.         <div class="address-form-wrapper" :class="{'active': activeAddressForm}" v-if="activeAddressForm" @click.self="activeAddressForm = false">
  9.             <form class="address-form" @submit.prevent="submit(postcode)">
  10.                 <div class="address-form-label">
  11.                     <p class="label">{% trans %}Enter address{% endtrans %}</p>
  12.                     <button type="button" class="address-form-close" @click.prevent="activeAddressForm = false">
  13.                         <svg class="svg-icon" viewBox="0 0 20 20" width="20" height="20">
  14.                             <path fill="black"
  15.                                   d="M15.898,4.045c-0.271-0.272-0.713-0.272-0.986,0l-4.71,4.711L5.493,4.045c-0.272-0.272-0.714-0.272-0.986,0s-0.272,0.714,0,0.986l4.709,4.711l-4.71,4.711c-0.272,0.271-0.272,0.713,0,0.986c0.136,0.136,0.314,0.203,0.492,0.203c0.179,0,0.357-0.067,0.493-0.203l4.711-4.711l4.71,4.711c0.137,0.136,0.314,0.203,0.494,0.203c0.178,0,0.355-0.067,0.492-0.203c0.273-0.273,0.273-0.715,0-0.986l-4.711-4.711l4.711-4.711C16.172,4.759,16.172,4.317,15.898,4.045z"></path>
  16.                         </svg>
  17.                     </button>
  18.                 </div>
  19.                 <div class="address-form-input-box">
  20.                     <div class="address-form-input input-with-icon">
  21.                         <svg class="svg-icon icon" viewBox="0 0 20 20" width="20" height="20">
  22.                             <path
  23.                                 d="M10,1.375c-3.17,0-5.75,2.548-5.75,5.682c0,6.685,5.259,11.276,5.483,11.469c0.152,0.132,0.382,0.132,0.534,0c0.224-0.193,5.481-4.784,5.483-11.469C15.75,3.923,13.171,1.375,10,1.375 M10,17.653c-1.064-1.024-4.929-5.127-4.929-10.596c0-2.68,2.212-4.861,4.929-4.861s4.929,2.181,4.929,4.861C14.927,12.518,11.063,16.627,10,17.653 M10,3.839c-1.815,0-3.286,1.47-3.286,3.286s1.47,3.286,3.286,3.286s3.286-1.47,3.286-3.286S11.815,3.839,10,3.839 M10,9.589c-1.359,0-2.464-1.105-2.464-2.464S8.641,4.661,10,4.661s2.464,1.105,2.464,2.464S11.359,9.589,10,9.589"></path>
  24.                         </svg>
  25.                         <input v-model="postcode" ref="input" type="text" name="postcode" placeholder="{% trans %}Address, eg. King street{% endtrans %}">
  26.                         <button class="address-form-submit" type="submit">
  27.                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="search-icon" viewBox="0 0 16 16">
  28.                                 <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
  29.                             </svg>
  30.                         </button>
  31.                     </div>
  32.                 </div>
  33.             </form>
  34.         </div>
  35.     {% endblock %}
  36. </div>