| Before - 変更前 | After - 変更後 | ||
|---|---|---|---|
| {# | {# | ||
| This file is part of EC-CUBE | This file is part of EC-CUBE | ||
|   |   | ||
| Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved. | Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved. | ||
|   |   | ||
| https://www.ec-cube.co.jp/ | https://www.ec-cube.co.jp/ | ||
|   |   | ||
| For the full copyright and license information, please view the LICENSE | For the full copyright and license information, please view the LICENSE | ||
| file that was distributed with this source code. | file that was distributed with this source code. | ||
| #} | #} | ||
| {% extends 'default_frame.twig' %} | {% extends 'default_frame.twig' %} | ||
|   |   | ||
| {% set body_class = 'registration_page' %} | {% set body_class = 'registration_page' %} | ||
|   |   | ||
| {% form_theme form 'Form/form_div_layout.twig' %} | {% form_theme form 'Form/form_div_layout.twig' %} | ||
|   |   | ||
| {% block javascript %} | {% block javascript %} | ||
|     <script src="//yubinbango.github.io/yubinbango/ |     <script src="//yubinbango.github.io/yubinbango/ | ||
| {% endblock javascript %} | {% endblock javascript %} | ||
|   |   | ||
| {% block main %} | {% block main %} | ||
|     <div class="ec-registerRole"> |     <div class="ec-registerRole"> | ||
|         <div class="ec-pageHeader"> |         <div class="ec-pageHeader"> | ||
|             <h1>{{ '新規会員登録'|trans }}</h1> |             <h1>{{ '新規会員登録'|trans }}</h1> | ||
|         </div> |         </div> | ||
|         <div class="ec-off1Grid"> |         <div class="ec-off1Grid"> | ||
|             <div class="ec-off1Grid__cell"> |             <div class="ec-off1Grid__cell"> | ||
|                 <form method="post" action="{{ url('entry') }}" novalidate class="h-adr"> |                 <form method="post" action="{{ url('entry') }}" novalidate class="h-adr"> | ||
|                     <span class="p-country-name" style="display:none;">Japan</span> |                     <span class="p-country-name" style="display:none;">Japan</span> | ||
|                     {{ form_widget(form._token) }} |                     {{ form_widget(form._token) }} | ||
|                     <div class="ec-borderedDefs"> |                     <div class="ec-borderedDefs"> | ||
|                         <dl> |                         <dl> | ||
|                             <dt> |                             <dt> | ||
|                                 {{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }} |                                 {{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }} | ||
|                             </dt> |                             </dt> | ||
|                             <dd> |                             <dd> | ||
|                                 <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error'}}"> |                                 <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error'}}"> | ||
|                                     {{ form_widget(form.name.name01, { 'attr': { 'placeholder': '姓' }}) }} |                                     {{ form_widget(form.name.name01, { 'attr': { 'placeholder': '姓' }}) }} | ||
|                                     {{ form_widget(form.name.name02, { 'attr': { 'placeholder': '名' }}) }} |                                     {{ form_widget(form.name.name02, { 'attr': { 'placeholder': '名' }}) }} | ||
|                                     {{ form_errors(form.name.name01) }} |                                     {{ form_errors(form.name.name01) }} | ||
|                                     {{ form_errors(form.name.name02) }} |                                     {{ form_errors(form.name.name02) }} | ||
|                                 </div> |                                 </div> | ||
|                             </dd> |                             </dd> | ||
|                         </dl> |                         </dl> | ||
|                         <dl> |                         <dl> | ||
|                             <dt> |                             <dt> | ||
|                                 {{ form_label(form.kana, 'お名前(カナ)', { 'label_attr': { 'class': 'ec-label' }}) }} |                                 {{ form_label(form.kana, 'お名前(カナ)', { 'label_attr': { 'class': 'ec-label' }}) }} | ||
|                             </dt> |                             </dt> | ||
|                             <dd> |                             <dd> | ||
|                                 <div class="ec-halfInput{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error'}}"> |                                 <div class="ec-halfInput{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error'}}"> | ||
|                                     {{ form_widget(form.kana.kana01, { 'attr': { 'placeholder': 'セイ' }}) }} |                                     {{ form_widget(form.kana.kana01, { 'attr': { 'placeholder': 'セイ' }}) }} | ||
|                                     {{ form_widget(form.kana.kana02, { 'attr': { 'placeholder': 'メイ' }}) }} |                                     {{ form_widget(form.kana.kana02, { 'attr': { 'placeholder': 'メイ' }}) }} | ||
|                                     {{ form_errors(form.kana.kana01) }} |                                     {{ form_errors(form.kana.kana01) }} | ||
|                                     {{ form_errors(form.kana.kana02) }} |                                     {{ form_errors(form.kana.kana02) }} | ||
|                                 </div> |                                 </div> | ||
|                             </dd> |                             </dd> | ||
|                         </dl> |                         </dl> | ||
|                         <dl> |                         <dl> | ||
|                             <dt> |                             <dt> | ||
|                                 {{ form_label(form.company_name, '会社名', { 'label_attr': { 'class': 'ec-label' }}) }} |                                 {{ form_label(form.company_name, '会社名', { 'label_attr': { 'class': 'ec-label' }}) }} | ||
|                             </dt> |                             </dt> | ||
|                             <dd> |                             <dd> | ||
|                                 <div class="ec-halfInput{{ has_errors(form.company_name) ? ' error' }}"> |                                 <div class="ec-halfInput{{ has_errors(form.company_name) ? ' error' }}"> | ||
|                                     {{ form_widget(form.company_name) }} |                                     {{ form_widget(form.company_name) }} | ||
|                                     {{ form_errors(form.company_name) }} |                                     {{ form_errors(form.company_name) }} | ||
|                                 </div> |                                 </div> | ||
|                             </dd> |                             </dd> | ||
|                         </dl> |                         </dl> | ||
|                         <dl> |                         <dl> | ||
|                             <dt> |                             <dt> | ||
|                                 {{ form_label(form.address, '住所', { 'label_attr': { 'class': 'ec-label' }}) }} |                                 {{ form_label(form.address, '住所', { 'label_attr': { 'class': 'ec-label' }}) }} | ||
|                             </dt> |                             </dt> | ||
|                             <dd> |                             <dd> | ||
|                                 <div class="ec-zipInput{{ has_errors(form.postal_code) ? ' error' }}"><span>{{ '〒'|trans }}</span> |                                 <div class="ec-zipInput{{ has_errors(form.postal_code) ? ' error' }}"><span>{{ '〒'|trans }}</span> | ||
|                                     {{ form_widget(form.postal_code) }} |                                     {{ form_widget(form.postal_code) }} | ||
|                                     <div class="ec-zipInputHelp"> |                                     <div class="ec-zipInputHelp"> | ||
|                                         <div class="ec-zipInputHelp__icon"> |                                         <div class="ec-zipInputHelp__icon"> | ||
|                                             <div class="ec-icon"><img |                                             <div class="ec-icon"><img | ||
|                                                         src="{{ asset('assets/icon/question-white.svg') |                                                         src="{{ asset('assets/icon/question-white.svg') | ||
|                                             </div> |                                             </div> | ||
| . |                                         </div><a href="http://www.post.japanpost.jp/zipc |                                         </div><a href="https://www.post.japanpost.jp/zip | |
|                                     </div> |                                     </div> | ||
|                                     {{ form_errors(form.postal_code) }} |                                     {{ form_errors(form.postal_code) }} | ||
|                                 </div> |                                 </div> | ||
|   |   | ||
|                                 <div class="ec-select{{ has_errors(form.address.pref) ? ' error' }}"> |                                 <div class="ec-select{{ has_errors(form.address.pref) ? ' error' }}"> | ||
|                                     {{ form_widget(form.address.pref) }} |                                     {{ form_widget(form.address.pref) }} | ||
|                                     {{ form_errors(form.address.pref) }} |                                     {{ form_errors(form.address.pref) }} | ||
|                                 </div> |                                 </div> | ||
|                                 <div class="ec-input{{ has_errors(form.address.addr01) ? ' error' }}"> |                                 <div class="ec-input{{ has_errors(form.address.addr01) ? ' error' }}"> | ||
|                                     {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市区町村名(例:大阪市北区)' }}) }} |                                     {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市区町村名(例:大阪市北区)' }}) }} | ||
|                                     {{ form_errors(form.address.addr01) }} |                                     {{ form_errors(form.address.addr01) }} | ||
|                                 </div> |                                 </div> | ||
|                                 <div class="ec-input{{ has_errors(form.address.addr02) ? ' error' }}"> |                                 <div class="ec-input{{ has_errors(form.address.addr02) ? ' error' }}"> | ||
|                                     {{ form_widget(form.address.addr02,  { 'attr': { 'placeholder': '番地・ビル名(例:西梅田1丁目6-8)' }}) }} |                                     {{ form_widget(form.address.addr02,  { 'attr': { 'placeholder': '番地・ビル名(例:西梅田1丁目6-8)' }}) }} | ||
|                                     {{ form_errors(form.address.addr02) }} |                                     {{ form_errors(form.address.addr02) }} | ||
|                                 </div> |                                 </div> | ||
|                             </dd> |                             </dd> | ||
|                         </dl> |                         </dl> | ||
|                         <dl> |                         <dl> | ||
|                             <dt> |                             <dt> | ||
|                                 {{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }} |                                 {{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }} | ||
|                             </dt> |                             </dt> | ||
|                             <dd> |                             <dd> | ||
|                                 <div class="ec-telInput{{ has_errors(form.phone_number) ? ' error' }}"> |                                 <div class="ec-telInput{{ has_errors(form.phone_number) ? ' error' }}"> | ||
|                                     {{ form_widget(form.phone_number) }} |                                     {{ form_widget(form.phone_number) }} | ||
|                                     {{ form_errors(form.phone_number) }} |                                     {{ form_errors(form.phone_number) }} | ||
|                                 </div> |                                 </div> | ||
|                             </dd> |                             </dd> | ||
|                         </dl> |                         </dl> | ||
|                         <dl> |                         <dl> | ||
|                             <dt> |                             <dt> | ||
|                                 {{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }} |                                 {{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }} | ||
|                             </dt> |                             </dt> | ||
|                             <dd> |                             <dd> | ||
|                                 <div class="ec-input{{ has_errors(form.email.first) ? ' error' }}"> |                                 <div class="ec-input{{ has_errors(form.email.first) ? ' error' }}"> | ||
|                                     {{ form_widget(form.email.first, { 'attr': { 'placeholder': '例:ec-cube@example.com' }}) }} |                                     {{ form_widget(form.email.first, { 'attr': { 'placeholder': '例:ec-cube@example.com' }}) }} | ||
|                                     {{ form_errors(form.email.first) }} |                                     {{ form_errors(form.email.first) }} | ||
|                                 </div> |                                 </div> | ||
|                                 <div class="ec-input{{ has_errors(form.email.second) ? ' error' }}"> |                                 <div class="ec-input{{ has_errors(form.email.second) ? ' error' }}"> | ||
|                                     {{ form_widget(form.email.second, { 'attr': { 'placeholder': '確認のためもう一度入力してください' }}) }} |                                     {{ form_widget(form.email.second, { 'attr': { 'placeholder': '確認のためもう一度入力してください' }}) }} | ||
|                                     {{ form_errors(form.email.second) }} |                                     {{ form_errors(form.email.second) }} | ||
|                                 </div> |                                 </div> | ||
|                             </dd> |                             </dd> | ||
|                         </dl> |                         </dl> | ||
|                         <dl> |                         <dl> | ||
|                             <dt> |                             <dt> | ||
|                                 {{ form_label(form.password, 'パスワード', { 'label_attr': {'class': 'ec-label' }}) }} |                                 {{ form_label(form.password, 'パスワード', { 'label_attr': {'class': 'ec-label' }}) }} | ||
|                             </dt> |                             </dt> | ||
|                             <dd> |                             <dd> | ||
|                                 <div class="ec-input{{ has_errors(form.password.first) ? ' error' }}"> |                                 <div class="ec-input{{ has_errors(form.password.first) ? ' error' }}"> | ||
|                                     {{ form_widget(form.password.first, { |                                     {{ form_widget(form.password.first, { | ||
|                                         'attr': { 'placeholder': '半角英数記号%min%〜%max%文字'|trans({ '%min%': eccube_config.eccube_password_min_len, '%max%': eccube_config.eccube_password_max_len }) }, |                                         'attr': { 'placeholder': '半角英数記号%min%〜%max%文字'|trans({ '%min%': eccube_config.eccube_password_min_len, '%max%': eccube_config.eccube_password_max_len }) }, | ||
|                                         'type': 'password' |                                         'type': 'password' | ||
|                                     }) }} |                                     }) }} | ||
|                                     {{ form_errors(form.password.first) }} |                                     {{ form_errors(form.password.first) }} | ||
|                                 </div> |                                 </div> | ||
|                                 <div class="ec-input{{ has_errors(form.password.second) ? ' error' }}"> |                                 <div class="ec-input{{ has_errors(form.password.second) ? ' error' }}"> | ||
|                                     {{ form_widget(form.password.second, { |                                     {{ form_widget(form.password.second, { | ||
|                                         'attr': { 'placeholder': '確認のためもう一度入力してください'|trans }, |                                         'attr': { 'placeholder': '確認のためもう一度入力してください'|trans }, | ||
|                                         'type': 'password' |                                         'type': 'password' | ||
|                                     }) }} |                                     }) }} | ||
|                                     {{ form_errors(form.password.second) }} |                                     {{ form_errors(form.password.second) }} | ||
|                                 </div> |                                 </div> | ||
|                             </dd> |                             </dd> | ||
|                         </dl> |                         </dl> | ||
|                         <dl> |                         <dl> | ||
|                             <dt> |                             <dt> | ||
|                                 {{ form_label(form.birth, '生年月日', { 'label_attr': {'class': 'ec-label' }}) }} |                                 {{ form_label(form.birth, '生年月日', { 'label_attr': {'class': 'ec-label' }}) }} | ||
|                             </dt> |                             </dt> | ||
|                             <dd> |                             <dd> | ||
|                                 <div class="ec-birth{{ has_errors(form.birth) ? ' error' }}"> |                                 <div class="ec-birth{{ has_errors(form.birth) ? ' error' }}"> | ||
|                                     {{ form_widget(form.birth.year) }}<span>/</span> |                                     {{ form_widget(form.birth.year) }}<span>/</span> | ||
|                                     {{ form_widget(form.birth.month) }}<span>/</span> |                                     {{ form_widget(form.birth.month) }}<span>/</span> | ||
|                                     {{ form_widget(form.birth.day) }} |                                     {{ form_widget(form.birth.day) }} | ||
|                                     {{ form_errors(form.birth) }} |                                     {{ form_errors(form.birth) }} | ||
|                                 </div> |                                 </div> | ||
|                             </dd> |                             </dd> | ||
|                         </dl> |                         </dl> | ||
|                         <dl> |                         <dl> | ||
|                             <dt> |                             <dt> | ||
|                                 {{ form_label(form.sex, '性別', { 'label_attr': { 'class': 'ec-label' }}) }} |                                 {{ form_label(form.sex, '性別', { 'label_attr': { 'class': 'ec-label' }}) }} | ||
|                             </dt> |                             </dt> | ||
|                             <dd> |                             <dd> | ||
|                                 <div class="ec-radio{{ has_errors(form.sex) ? ' error' }}"> |                                 <div class="ec-radio{{ has_errors(form.sex) ? ' error' }}"> | ||
|                                     {{ form_widget(form.sex) }} |                                     {{ form_widget(form.sex) }} | ||
|                                     {{ form_errors(form.sex) }} |                                     {{ form_errors(form.sex) }} | ||
|                                 </div> |                                 </div> | ||
|                             </dd> |                             </dd> | ||
|                         </dl> |                         </dl> | ||
|                         <dl> |                         <dl> | ||
|                             <dt> |                             <dt> | ||
|                                 {{ form_label(form.job, '職業', { 'label_attr': {'class': 'ec-label' }}) }} |                                 {{ form_label(form.job, '職業', { 'label_attr': {'class': 'ec-label' }}) }} | ||
|                             </dt> |                             </dt> | ||
|                             <dd> |                             <dd> | ||
|                                 <div class="ec-select{{ has_errors(form.job) ? ' error' }}"> |                                 <div class="ec-select{{ has_errors(form.job) ? ' error' }}"> | ||
|                                     {{ form_widget(form.job) }} |                                     {{ form_widget(form.job) }} | ||
|                                     {{ form_errors(form.job) }} |                                     {{ form_errors(form.job) }} | ||
|                                 </div> |                                 </div> | ||
|                             </dd> |                             </dd> | ||
|                         </dl> |                         </dl> | ||
|                         {# エンティティ拡張の自動出力 #} |                         {# エンティティ拡張の自動出力 #} | ||
|                         {% for f in form if f.vars.eccube_form_options.auto_render %} |                         {% for f in form if f.vars.eccube_form_options.auto_render %} | ||
|                             {% if f.vars.eccube_form_options.form_theme %} |                             {% if f.vars.eccube_form_options.form_theme %} | ||
|                                 {% form_theme f f.vars.eccube_form_options.form_theme %} |                                 {% form_theme f f.vars.eccube_form_options.form_theme %} | ||
|                                 {{ form_row(f) }} |                                 {{ form_row(f) }} | ||
|                             {% else %} |                             {% else %} | ||
|                                 <dl> |                                 <dl> | ||
|                                     <dt> |                                     <dt> | ||
|                                         {{ form_label(f) }} |                                         {{ form_label(f) }} | ||
|                                     </dt> |                                     </dt> | ||
|                                     <dd> |                                     <dd> | ||
|                                         <div class="{{ f.vars.eccube_form_options.style_class }}{{ has_errors(f) ? ' error' }}"> |                                         <div class="{{ f.vars.eccube_form_options.style_class }}{{ has_errors(f) ? ' error' }}"> | ||
|                                             {{ form_widget(f) }} |                                             {{ form_widget(f) }} | ||
|                                             {{ form_errors(f) }} |                                             {{ form_errors(f) }} | ||
|                                         </div> |                                         </div> | ||
|                                     </dd> |                                     </dd> | ||
|                                 </dl> |                                 </dl> | ||
|                             {% endif %} |                             {% endif %} | ||
|                         {% endfor %} |                         {% endfor %} | ||
|                     </div> |                     </div> | ||
|                     <div class="ec-registerRole__actions"> |                     <div class="ec-registerRole__actions"> | ||
|                         <div class="ec-off4Grid"> |                         <div class="ec-off4Grid"> | ||
|                             <div class="ec-off4Grid__cell"> |                             <div class="ec-off4Grid__cell"> | ||
|                                 <div class="ec-checkbox{{ has_errors(form.user_policy_check) ? ' error' }}"> |                                 <div class="ec-checkbox{{ has_errors(form.user_policy_check) ? ' error' }}"> | ||
|                                     <label> |                                     <label> | ||
|                                         {{ form_widget(form.user_policy_check) }} |                                         {{ form_widget(form.user_policy_check) }} | ||
|                                         {{ '<a class="ec-link" href="%url%" target="_blank">利用規約</a>に同意してお進みください'|t |                                         {{ '<a class="ec-link" href="%url%" target="_blank">利用規約</a>に同意してお進みください'|t | ||
|                                     </label> |                                     </label> | ||
|                                     {{ form_errors(form.user_policy_check) }} |                                     {{ form_errors(form.user_policy_check) }} | ||
|                                 </div> |                                 </div> | ||
|                                 <button class="ec-blockBtn--action" type="submit" name="mode" value="confirm">{{ '同意する'|trans }}</button> |                                 <button class="ec-blockBtn--action" type="submit" name="mode" value="confirm">{{ '同意する'|trans }}</button> | ||
|                                 <a class="ec-blockBtn--cancel" href="{{ url('homepage') }}">{{ '同意しない'|trans }}</a> |                                 <a class="ec-blockBtn--cancel" href="{{ url('homepage') }}">{{ '同意しない'|trans }}</a> | ||
|                             </div> |                             </div> | ||
|                         </div> |                         </div> | ||
|                     </div> |                     </div> | ||
|                 </form> |                 </form> | ||
|             </div> |             </div> | ||
|         </div> |         </div> | ||
|     </div> |     </div> | ||
| {% endblock %} | {% endblock %} | ||
|   |   |