templates/beautytada/layout/header.twig line 1

Open in your IDE?
  1. <header class="header" id="header">
  2.     {% set user = null %}
  3.     {% if app.user is not null %}
  4.         {% set user = {
  5.             name: app.user.displayName,
  6.             roles: app.user.roles
  7.         } %}
  8.     {% endif %}
  9.     <init-constant
  10.         :constant="{
  11.             isLogin: !!('{{ app.user ? true : false }}'),
  12.             user: JSON.parse('{{ user|json_encode }}')
  13.         }"
  14.         @get-constant="getConstant">
  15.     </init-constant>
  17.     <div class="header-wrapper">
  18.         <div class="header-logo">
  19.             <a href="{{ k_site_url() }}" class="nav-logo">
  20.                 <img src="{{ asset('build/images/logo-white.png') }}" alt="Beautytada">
  21.             </a>
  22.         </div>
  24.         {% if app.request.attributes.get('_route') != 'home' %}
  25.             <open-address-form inline-template>
  26.                 <div class="address" @click="activeAddressForm">
  27.                     <template v-if="postcode">
  28.                         <span>{% trans %}ZIP code{% endtrans %}</span>
  29.                         <span class="address-value" v-text="postcode"></span>
  30.                     </template>
  31.                     <template v-else>
  32.                         <span class="address-content-value">{% trans %}Where do you want to order from?{% endtrans %}</span>
  33.                     </template>
  34.                 </div>
  35.             </open-address-form>
  36.         {% endif %}
  38.         <div class="header-control-buttons">
  39.             <div class="header-restaurant-registration">
  40.                 <a href="{{ k_page_url({'slug': 'register-a-salon'}) }}" class="header-restaurant-registration-btn">
  41.                     <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#fff"><g><rect fill="none" height="24" width="24"/></g><g><g><rect height="2" width="15" x="2" y="4"/><path d="M15,17h2v-3h1v-2l-1-5H2l-1,5v2h1v6h9v-6h4V17z M9,18H4v-4h5V18z M3.04,12l0.6-3h11.72l0.6,3H3.04z"/><polygon points="23,18 20,18 20,15 18,15 18,18 15,18 15,20 18,20 18,23 20,23 20,20 23,20"/></g></g></svg>
  42.                     <p>{% trans %}registration{% endtrans %}</p>
  43.                 </a>
  44.             </div>
  45.             {% include 'default/layout/header-components/locales.twig' %}
  47.             <burger-button @burger-button-toggle-state="togglePopup"
  48.                            :option="{height: '15px', round: '4px'}"
  49.                            :is-active="burgerButtonActive">
  50.             </burger-button>
  52.             <login-form :path="'{{ path("app_api_login") }}'" :is-login="isLogin" @login-success="loginSuccess"
  53.                         :logo="{src: '{{ asset("build/images/logo-white.png") }}', alt: 'Beautytada'}" :show-popup="showLoginPopup" @toggle-login-form="toggleLoginForm">
  54.                 {% include 'default/components/form/login.twig' %}
  55.             </login-form>
  57.             <user-info :is-login="isLogin" :is-active="burgerButtonActive" :user="user">
  58.                 {% include 'default/components/user-info.twig' %}
  59.             </user-info>
  60.         </div>
  61.     </div>
  62. </header>