app/template/ss4002/Mypage/login.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) LOCKON CO.,LTD. All Rights Reserved.
  6. http://www.lockon.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. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'mypage' %}
  15. {% form_theme form 'Form/form_div_layout.twig' %}
  17. {% block main %}
  18.     <section class="p-mypage">
  20.         <div class="p-mypage__heading">
  21.             <h1 class="c-page-title">
  22.                 <span class="c-page-title__text">{{ 'ログイン'|trans }}</span>
  23.             </h1>
  24.         </div>
  26.         <div class="p-mypage__contents">
  28.             <div class="p-mypage__login">
  29.                 <form name="login_mypage" id="login_mypage" method="post" action="{{ url('mypage_login') }}">
  30.                     {% if app.session.flashBag.has('eccube.login.target.path') %}
  31.                         {% for targetPath in app.session.flashBag.peek('eccube.login.target.path') %}
  32.                             <input type="hidden" name="_target_path" value="{{ targetPath }}" />
  33.                         {% endfor %}
  34.                     {% endif %}
  35.                     <div class="c-form is-input">
  36.                         <div class="c-form__box">
  37.                             <div class="c-form__box-item">
  38.                                 <div class="p-mypage__login-user">
  39.                                     <i class="p-mypage__login-user-icon material-icons">account_circle</i>
  40.                                 </div>
  41.                             </div>
  42.                         </div>
  43.                         <div class="c-form__box">
  44.                             <div class="c-form__box-item">
  45.                                 <div class="c-text-field mdc-text-field mdc-text-field--outlined">
  46.                                     {{ form_widget(form.login_email, {'attr': {'class': 'c-text-field__input mdc-text-field__input', 'autofocus': true}}) }}
  47.                                     <div class="mdc-notched-outline">
  48.                                         <div class="mdc-notched-outline__leading"></div>
  49.                                         <div class="mdc-notched-outline__notch">
  50.                                             <label class="c-floating-label mdc-floating-label" for="login_email">メールアドレス</label>
  51.                                         </div>
  52.                                         <div class="mdc-notched-outline__trailing"></div>
  53.                                     </div>
  54.                                 </div>
  55.                             </div>
  56.                         </div>
  57.                         <div class="c-form__box">
  58.                             <div class="c-form__box-item">
  59.                                 <div class="c-text-field mdc-text-field mdc-text-field--outlined">
  60.                                     {{ form_widget(form.login_pass,  {'attr': {'class': 'c-text-field__input mdc-text-field__input' }}) }}
  61.                                     <div class="mdc-notched-outline">
  62.                                         <div class="mdc-notched-outline__leading"></div>
  63.                                         <div class="mdc-notched-outline__notch">
  64.                                             <label class="c-floating-label mdc-floating-label" for="login_pass">パスワード</label>
  65.                                         </div>
  66.                                         <div class="mdc-notched-outline__trailing"></div>
  67.                                     </div>
  68.                                 </div>
  69.                             </div>
  70.                         </div>
  71.                         {% if error %}
  72.                             <p class="c-form__error-text">{{ error.messageKey|trans(error.messageData, 'validators')|nl2br }}</p>
  73.                         {% endif %}
  74.                         {% if BaseInfo.option_remember_me %}
  75.                             <div class="c-form__box">
  76.                                 <div class="c-form__box-item">
  77.                                     {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  78.                                         <input type="hidden" name="login_memory" value="1">
  79.                                     {% else %}
  80.                                         {{ form_widget(form.login_memory, { 'label': '次回から自動的にログインする'|trans }) }}
  81.                                     {% endif %}
  82.                                 </div>
  83.                             </div>
  84.                         {% endif %}
  85.                         {% for reset_complete in app.session.flashbag.get('password_reset_complete') %}
  86.                             <p>{{ reset_complete|trans }}</p>
  87.                         {% endfor %}
  88.                         <div class="p-mypage__login-info">
  89.                             <p class="p-mypage__login-info-text">{{ 'ログイン情報をお忘れの場合、パスワードの再発行手続きを行ってください。'|trans }}</p>
  90.                             <div class="p-mypage__login-info-button">
  91.                                 <a class="c-button c-button--dense c-button--outlined is-quaternary mdc-button mdc-button--dense mdc-button--outlined" href="{{ url('forgot') }}">
  92.                                     <i class="c-button__icon mdc-button__icon material-icons">vpn_key</i>
  93.                                     <span class="c-button__label mdc-button__label">{{ 'パスワードの再発行'|trans }}</span>
  94.                                 </a>
  95.                             </div>
  96.                         </div>
  97.                         <div class="c-form__actions">
  98.                             <div class="c-form__actions-item">
  99.                                 <button class="c-form__button c-button is-secondary c-button--unelevated mdc-button mdc-button--unelevated" type="submit">
  100.                                     <span class="c-button__label mdc-button__label">{{ 'ログイン'|trans }}</span>
  101.                                 </button>
  102.                             </div>
  103.                             <div class="c-form__actions-item">
  104.                                 <a class="c-form__button c-button is-secondary c-button--outlined mdc-button mdc-button--outlined" href="{{ url('entry') }}">
  105.                                     <span class="c-button__label mdc-button__label">{{ '新規会員登録'|trans }}</span>
  106.                                 </a>
  107.                             </div>
  108.                         </div>
  109.                     </div>
  110.                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  111.                 </form>
  112.             </div>
  114.         </div>
  116.     </section>
  117. {% endblock %}