app/template/default/Block/header.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% set totalQuantity = get_carts_total_quantity() %}
  13. <header class="header-section">
  14.   <div class="container-desktop">
  15.     <div class="header-container">
  16.       <!-- Logo -->
  17.       <a href="{{ url('homepage') }}" class="header-logo">
  18.         <img src="{{ asset('assets/img/default/icons/logo.png') }}" alt="CHEETAH WiFi Logo">
  19.       </a>
  21.       <!-- Navigation Menu -->
  22.       <nav class="header-nav">
  23.         {% if is_granted('ROLE_USER') %}
  24.             <a href="{{ url('mypage') }}" class="header-nav__item text-black">
  25.                 <img src="{{ asset('assets/img/default/icons/icon-user.svg') }}" alt="User" class="header-nav__icon">
  26.                 <span>マイページ</span>
  27.             </a>
  28.             <a href="{{ url('logout') }}" class="header-nav__item text-black">
  29.                 <img src="{{ asset('assets/img/default/icons/icon-logout.svg') }}" alt="Logout" class="header-nav__icon">
  30.                 <span>ログアウト</span>
  31.             </a>
  32.         {% else %}
  33.             <a href="{{ url('entry') }}" class="header-nav__item text-black">
  34.                 <img src="{{ asset('assets/img/default/icons/icon-edit.svg') }}" alt="Register" class="header-nav__icon">
  35.                 <span>会員登録</span>
  36.             </a>
  37.             <a href="{{ url('mypage_login') }}" class="header-nav__item text-black">
  38.                 <img src="{{ asset('assets/img/default/icons/icon-lock.svg') }}" alt="Login" class="header-nav__icon">
  39.                 <span>ログイン</span>
  40.             </a>
  41.         {% endif %}
  42.         <a href="{{ url('product_list') }}" class="header-nav__item text-black header-nav__item--search">
  43.           <img src="{{ asset('assets/img/default/icons/icon-search.svg') }}" alt="Search" class="header-nav__icon">
  44.           <span>商品を探す</span>
  45.         </a>
  46.         <a href="{{ url('cart') }}" class="header-nav__item text-black relative">
  47.         {% if totalQuantity > 0 %}
  48.           <span class="header-nav__item-badge">{{ totalQuantity|number_format }}</span>
  49.         {% endif %}
  50.           <img src="{{ asset('assets/img/default/icons/icon-cart.svg') }}" alt="Cart" class="header-nav__icon">
  51.           <span>カート</span>
  52.         </a>
  53.         <a href="{{ url('contact') }}" class="header-nav__item text-black">
  54.           <img src="{{ asset('assets/img/default/icons/icon-email.svg') }}" alt="Contact" class="header-nav__icon">
  55.           <span>お問い合わせ</span>
  56.         </a>
  57.         <a href="javascript:void(0);" onclick="linkToMypage()" class="header-nav__item header-nav__item--primary">
  58.           <img src="{{ asset('assets/img/default/icons/icon-charger.svg') }}" alt="Charge" class="header-nav__icon">
  59.           <span>ギガをチャージ</span>
  60.         </a>
  61.       </nav>
  62.     </div>
  63.   </div>
  65.   <div class="mobile-header-container-height container-mobile">
  66.     <div class="mobile-header-container">
  67.       <div class="mobile-header">
  68.         <!-- Logo -->
  69.         <a href="{{ url('homepage') }}" class="mobile-header-logo">
  70.           <img src="{{ asset('assets/img/default/icons/logo.png') }}" alt="高速ギガチャージ" class="mobile-logo-img">
  71.         </a>
  73.         <!-- Menu Button -->
  74.         <button id="menuButton" class="mobile-menu-button menuButton">
  75.           <span class="mobile-menu-text mobile-menu-text--menu">MENU</span>
  76.           <span class="mobile-menu-text mobile-menu-text--close">CLOSE</span>
  77.           <div class="mobile-menu-icon mobile-menu-icon--hamburger">
  78.             <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  79.               <rect x="1.80078" y="2.39844" width="1.2" height="1.2" fill="black"/>
  80.               <rect x="1.80078" y="5.39844" width="1.2" height="1.2" fill="black"/>
  81.               <rect x="1.80078" y="8.39844" width="1.2" height="1.2" fill="black"/>
  82.               <rect x="4.19922" y="2.39844" width="6" height="1.2" fill="black"/>
  83.               <rect x="4.19922" y="5.39844" width="6" height="1.2" fill="black"/>
  84.               <rect x="4.19922" y="8.39844" width="6" height="1.2" fill="black"/>
  85.             </svg>
  86.           </div>
  87.           <div class="mobile-menu-icon mobile-menu-icon--close">
  88.             <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  89.               <rect x="2.60596" y="3.45502" width="1.2" height="8.4" transform="rotate(-45 2.60596 3.45502)" fill="black"/>
  90.               <rect x="8.54565" y="2.60736" width="1.2" height="8.4" transform="rotate(45 8.54565 2.60736)" fill="black"/>
  91.             </svg>
  92.           </div>
  93.         </button>
  94.       </div>
  95.     </div>
  96.   </div>
  97. </header>
  99.   <!-- Menu Backdrop -->
  100.   <div class="menu-backdrop" id="menuBackdrop"></div>
  102.   <!-- Menu Overlay -->
  103.   <div class="menu-overlay" id="menuOverlay">
  104.     <div class="menu-panel">
  105.       <nav class="menu-nav">
  106.         {% if is_granted('ROLE_USER') %}
  107.             <a href="{{ url('mypage') }}" class="menu-nav__item">マイページ</a>
  108.             <a href="{{ url('logout') }}" class="menu-nav__item">ログアウト</a>
  109.         {% else %}
  110.             <a href="{{ url('entry') }}" class="menu-nav__item">会員登録</a>
  111.             <a href="{{ url('mypage_login') }}" class="menu-nav__item">ログイン</a>
  112.         {% endif %}
  113.         <a href="{{ url('product_list') }}" class="menu-nav__item">商品一覧</a>
  114.         <a href="{{ url('cart') }}" class="menu-nav__item relative">
  115.           {% if totalQuantity > 0 %}
  116.             <span class="menu-nav__item-badge">{{ totalQuantity|number_format }}</span>
  117.           {% endif %}
  118.           <span>カート</span>
  119.         </a>
  120.         <a href="{{ url('contact') }}" class="menu-nav__item">お問い合わせ</a>
  121.         <a href="{{ url('news_list') }}" class="menu-nav__item">お知らせ</a>
  122.         <a href="{{ url('help_agreement') }}" class="menu-nav__item">利用規約</a>
  123.         <a href="{{ url('privacy_policy') }}" class="menu-nav__item">プライバシーポリシー</a>
  124.         <a href="{{ url('legal_information') }}" class="menu-nav__item">特定商取引法に基づく表記</a>
  125.         <a href="javascript:void(0);" onclick="linkToMypage()" class="menu-nav__item link-to-mypage">ギガをチャージ</a>
  126.       </nav>
  127.     </div>
  128.   </div>
  130.   <!-- menu button -->
  131.   <div class="container-desktop">
  132.     <div class="menu-button menuButton" id="menuButton">
  133.       <span class="menu-button__text menu-button__text--menu">MENU</span>
  134.       <span class="menu-button__text menu-button__text--close">CLOSE</span>
  135.       <div class="menu-button__icon menu-button__icon--menu">
  136.         <img class="menu-button__icon-img" src="{{ asset('assets/img/default/icons/icon-menu.svg') }}" alt="Menu">
  137.       </div>
  139.       {# close #}
  140.       <div class="menu-button__icon menu-button__icon--close">
  141.         <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  142.         <g clip-path="url(#clip0_391_7890)">
  143.         <path d="M11.4142 9.99983L16.3647 14.9503L14.9504 16.3645L10 11.414L5.04956 16.3645L3.63535 14.9503L8.58579 9.99983L3.63673 5.05077L5.05094 3.63656L10 8.58561L14.9491 3.63656L16.3633 5.05077L11.4142 9.99983Z" fill="black"/>
  144.         </g>
  145.         <defs>
  146.         <clipPath id="clip0_391_7890">
  147.         <rect width="20" height="20" fill="white"/>
  148.         </clipPath>
  149.         </defs>
  150.         </svg>
  151.       </div>
  152.     </div>
  153.   </div>
  155.     <!-- menu button mobile -->
  156.   <div class="container-mobile">
  157.     <a class="menu-button menu-button-mobile" style="width: 240px; height: 47px;" href="javascript:void(0);" onclick="linkToMypage()">
  158.         <svg class="me-1" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  159.         <path d="M11.3 20L16.3 10.25H12.8V4L7.8 13.75H11.3V20ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22Z" fill="#FBE800"/>
  160.         </svg>
  161.         <span class="menu-button__text" style="font-size: 18px; line-height: 1;">ギガをチャージ</span>
  162.     </a>
  163.   </div>
  166.   <script>
  167.   // Pass authentication status from server to client
  168.   window.userIsAuthenticated = {{ is_granted('ROLE_USER') ? 'true' : 'false' }};
  169.   window.loginUrl = '{{ url('mypage_login') }}';
  170.   window.oauthMypageUrl = '{{ app.request.schemeAndHttpHost }}/oauth/mypage';
  172.   function debugLogout(event) {
  173.     console.log('=== DEBUG LOGOUT CLICK ===');
  174.     console.log('Logout button clicked at:', new Date().toISOString());
  175.     console.log('User Agent:', navigator.userAgent);
  176.     console.log('Current URL:', window.location.href);
  177.     console.log('Referrer:', document.referrer);
  178.     console.log('Event target:', event.target);
  179.     console.log('Event currentTarget:', event.currentTarget);
  180.     console.log('Logout URL:', event.currentTarget.href);
  182.     // Log thông tin session storage nếu có
  183.     if (typeof sessionStorage !== 'undefined') {
  184.       console.log('Session Storage keys:', Object.keys(sessionStorage));
  185.     }
  187.     // Log thông tin localStorage nếu có
  188.     if (typeof localStorage !== 'undefined') {
  189.       console.log('Local Storage keys:', Object.keys(localStorage));
  190.     }
  192.     // Log cookies
  193.     console.log('Cookies:', document.cookie);
  195.     console.log('=== END DEBUG LOGOUT CLICK ===');
  197.     // Cho phép link tiếp tục hoạt động bình thường
  198.     return true;
  199.   }
  201.   // Thêm event listener cho logout button
  202.   document.addEventListener('DOMContentLoaded', function() {
  203.     const logoutButton = document.getElementById('logout-button');
  204.     if (logoutButton) {
  205.       logoutButton.addEventListener('click', function(e) {
  206.         console.log('Logout button event listener triggered');
  207.       });
  208.     }
  209.   });
  210.   </script>