templates/bundles/FOSUserBundle/Registration/register.html.twig line 1

Open in your IDE?
  1. {% set disable_footer_regstration_button=1 %}
  2. {% extends "/fosuser.html.twig" %}
  4. {% block content_header %}
  5.     <h1 class="content-header-title">新規登録</h1>
  6.     <p class="content-header-lead">
  7.         初めてご利用の方は下記から新規登録をお願いいたします。
  8.     </p>
  9. {% endblock content_header %}
  11. {% block body %}
  14.     {% trans_default_domain 'FOSUserBundle' %}
  15.     {% form_theme form '/form/layout.html.twig' %}
  19.     <section>
  22.         <ol class="registration-steps">
  23.             <li class="registration-steps-item registration-steps-item__double registration-steps-item__active">
  24.                 登録内容の<br>ご入力
  25.             </li>
  26.             <li class="registration-steps-item registration-steps-item__double">
  27.                 入力内容の<br>ご確認
  28.             </li>
  29.             <li class="registration-steps-item">
  30.                 仮登録
  31.             </li>
  32.             <li class="registration-steps-item">
  33.                 登録完了
  34.             </li>
  35.         </ol>
  39.         <p>下記に必要事項を入力して「登録」ボタンをおしてください。</p>
  40.         {{ form_start(form, {'method': 'post', 'action': path('fos_user_registration_register'), 'attr': {'class': 'fos_user_registration_register'}}) }}
  41.         <span class="p-country-name" style="display:none;">Japan</span>
  42.         <div class="row">
  43.             <div class="col-sm-8">
  44.                 {{ form_row(form.address.name) }}
  45.             </div>
  46.             <div class="col-sm-4 form-example">
  47.                 例）山田 太郎
  48.             </div>
  49.         </div>
  50.         <div class="row">
  51.             <div class="col-sm-8">
  52.                 {{ form_row(form.address.nameAlphabet) }}
  53.             </div>
  54.             <div class="col-sm-4 form-example">
  55.                 例）Yamada Tarou
  56.             </div>
  57.         </div>
  58.         <div class="row">
  59.             <div class="col-sm-8">
  60.                 {{ form_row(form.address.zipCode, {'attr': {'class': 'p-postal-code'}} ) }}
  61.             </div>
  62.             <div class="col-sm-4 form-example">
  63.                 例）5300001
  64.             </div>
  65.         </div>
  66.         <div class="row">
  67.             <div class="col-sm-8">
  68.                 {{ form_row(form.addressPrefecture) }}
  69.             </div>
  70.             <div class="col-sm-4 form-example">
  71.             </div>
  72.         </div>
  73.         <div class="row">
  74.             <div class="col-sm-8">
  75.                 {{ form_row(form.address.city) }}
  76.             </div>
  77.             <div class="col-sm-4 form-example">
  78.             </div>
  79.         </div>
  80.         <div class="row">
  81.             <div class="col-sm-8">
  82.                 {{ form_row(form.address.streetName) }}
  83.             </div>
  84.             <div class="col-sm-4 form-example">
  85.             </div>
  86.         </div>
  87.         <div class="row">
  88.             <div class="col-sm-8">
  89.                 {{ form_row(form.address.buildingName) }}
  90.             </div>
  91.             <div class="col-sm-4 form-example">
  92.             </div>
  93.         </div>
  94.         <div class="row">
  95.             <div class="col-sm-8">
  96.                 {{ form_row(form.address.telNumber) }}
  97.             </div>
  98.             <div class="col-sm-4 form-example">
  99.                 例）0500010001
  100.             </div>
  101.         </div>
  102.         {#<div class="row">#}
  103.             {#<div class="col-sm-8">#}
  104.                 {#{{ form_row(form.address.faxNumber) }}#}
  105.             {#</div>#}
  106.             {#<div class="col-sm-4 form-example">#}
  107.                 {#例）0500010002#}
  108.             {#</div>#}
  109.         {#</div>#}
  110.         <hr>
  111.         <div class="row">
  112.             <div class="col-sm-8">
  113.                 {{ form_row(form.email) }}
  114.             </div>
  115.             <div class="col-sm-4 form-example">
  116.             </div>
  117.         </div>
  118.         <div class="row">
  119.             <div class="col-sm-8">
  120.                 {{ form_row(form.plainPassword.first) }}
  121.             </div>
  122.             <div class="col-sm-4 form-example">
  123.                 6文字以上の半角英数字で入力してください
  124.             </div>
  125.         </div>
  126.         <div class="row">
  127.             <div class="col-sm-8">
  128.                 {{ form_row(form.plainPassword.second) }}
  129.             </div>
  130.             <div class="col-sm-4 form-example">
  131.                 ※確認のためもう一度入力してください
  132.             </div>
  133.         </div>
  140.         {{ form_rest(form) }}
  143.         <hr>
  144.         <div class="row">
  145.             <div class="alert alert-warning" role="alert">
  146.                 ご登録前に必ず「<a href="{{ path('app_default_agree') }}">利用規約</a>」をご精読頂き、理解と遵守をお願い致します。<br>
  147.                 ご登録後は、ご同意頂いたものとみなします。
  148.             </div>
  149.             <div class="col-sm-4 col-sm-offset-4">
  150.                 <input type="submit" class="btn btn-lg btn-block btn-blue400_rsd" value="規約に同意して登録" />
  151.             </div>
  153.         </div>
  156.         {{ form_end(form) }}
  159.     </section>
  162. {% endblock body %}
  163. {% block javascripts %}
  164.     {{ parent() }}
  165.     <script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>
  166.     <script>
  167.         $(function(){
  168.             $('#fos_user_registration_form_address_zipCode').keyup(function(e){
  169.                 AjaxZip3.zip2addr(this, '', 'fos_user_registration_form[addressPrefecture]', 'fos_user_registration_form[address][city]');
  170.             });
  171.         });
  172.     </script>
  174. {% endblock %}