templates/layout/_aside.html.twig line 1

Open in your IDE?
  1. {% set aside_items = [
  2.     {
  3.         key: "{^/company}",
  4.     href: path('company_index'),
  5.     japanese: '会社概要',
  6.     english: 'COMPANY',
  7.     },
  8.     {
  9.         key: "{^/message}",
  10.     href: path('message_index'),
  11.     japanese: 'メッセージ',
  12.     english: 'MESSAGE',
  13.     },
  14.     {
  15.         key: "{^/staff}",
  16.     href: path('staff_index'),
  17.     japanese: 'スタッフ紹介',
  18.     english: 'STAFF',
  19.     },
  20.     {
  21.         key: "{^/news}",
  22.     href: path('news_index'),
  23.     japanese: 'お知らせ',
  24.     english: 'NEWS',
  25.     },
  26. ]%}
  28. <section class="l-aside">
  29.     <div class="l-aside_inner">
  30.         <div class="l-aside_logo">
  31.             <a class="l-aside_logo__anchor" href="{{ path('top') }}">
  32.                 <img src="{{ asset('build/images/common/logo.png') }}" alt="ふじきっちん">
  33.                 <span class="l-aside_logo_text">FUJI KITCHEN</span>
  34.             </a>
  35.         </div>
  36.         <ul class="l-aside_list">
  37.             {% for item in aside_items %}
  38.             <li class="l-aside_list-item">
  39.                 <a class="l-aside_list-item_anchor{% if app.request.requestUri matches item.key %} active{% endif %}" href="{{ item.href }}">
  40.                     <span class="l-aside_list-item_anchor__japanese">{{ item.japanese }}</span>
  41.                     <span class="l-aside_list-item_anchor__english">{{ item.english }}</span>
  42.                 </a>
  43.             </li>
  44.             {% endfor %}
  45.         </ul>
  46.         <div class="l-aside_button-area">
  47.             <div class="l-aside_contact-button">
  48.                 {% include "components/common/_button.html.twig" with {
  49.         text: 'お問い合わせ',
  50.         src: 'build/images/common/double_arrow_black.svg',
  51.         href: path('contact_index'),
  52.         width: '12',
  53.         height: '10',
  54.         class: 'c-white-border-more_button',
  55.           }%}
  56.             </div>
  57.             <div class="l-aside_contact-recruit">
  58.                 {% include "components/common/_button.html.twig" with {
  59.         text: '求人情報',
  60.         src: 'build/images/common/double_arrow_black.svg',
  61.         href: path('recruit_index'),
  62.         width: '12',
  63.         height: '10',
  64.         class: 'c-red-more_button',
  65.           }%}
  66.             </div>
  67.         </div>
  68.     </div>
  69. </section>