app/template/unishop/Entry/school_certification.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) 2000-2015 LOCKON CO.,LTD. All Rights Reserved.
  6. http://www.lockon.co.jp/
  8. This program is free software; you can redistribute it and/or
  9. modify it under the terms of the GNU General Public License
  10. as published by the Free Software Foundation; either version 2
  11. of the License, or (at your option) any later version.
  13. This program is distributed in the hope that it will be useful,
  14. but WITHOUT ANY WARRANTY; without even the implied warranty of
  15. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  16. GNU General Public License for more details.
  18. You should have received a copy of the GNU General Public License
  19. along with this program; if not, write to the Free Software
  20. Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  21. #}
  22. {% extends 'default_frame.twig' %}
  24. {% set body_class = 'registration_page' %}
  26. {% block javascript %}
  27.     <script>
  28.         {% for school in Schools %}
  29.             $('#School option[value="{{ school.school_id }}"]').attr('data-key-visible', {{ school.visible_school_key ? 1 : 0 }});
  30.         {% endfor %}
  31.         $('#School').change(function(){
  32.             if($('option:selected', $(this)).data('key-visible')) {
  33.                 $('#top_box__name').show();
  34.             }
  35.             else {
  36.                 $('#top_box__name').hide();
  37.             }
  38.         });
  39.         $('#top_box__body').submit(function(){
  40.             $('#top_box__name .form-group .error').remove();
  41.             if($('#top_box__name').is(":visible") && !$('#school_key').val()) {
  42.                 $('#top_box__name .form-group').append('<p class="red error">入力してください</p>');
  43.                 return false;
  44.             }
  45.         });
  47.         // パスワード表示/非表示を切り替える関数
  48.         function togglePasswordVisibility(event) {
  49.             const parent = $(event.target).closest('.password-wrap');
  50.             const eyeSlash = parent.find('.eye-slash-solid');
  51.             const eye = parent.find('.eye-solid');
  52.             const passwordInput = parent.find('.password-input');
  54.             // 表示/非表示を切り替える処理
  55.             eyeSlash.toggle();
  56.             eye.toggle();
  57.             passwordInput.attr('type', passwordInput.attr('type') === 'password' ? 'text' : 'password');
  58.         }
  60.         // イベントリスナーの設定
  61.         $('.eye-slash-solid, .eye-solid').on('click', togglePasswordVisibility);
  63.         $('.eye-solid').click();
  64.     </script>
  65. {% endblock javascript %}
  67. {% block stylesheet %}
  68. <style>
  69. .input_School select{
  70.     width: 48% !important;
  71. }
  72. .password-wrap {
  73.     position: relative;
  74. }
  75. .password-wrap img {
  76.     position: absolute;
  77.     top: 50%;
  78.     right: 16px;
  79.     transform: translateY(-50%);
  80.     width: 15px;
  81. }
  82. .input_School select,
  83. input#school_key{
  84.     width: 100% !important;
  85.     }
  86. a.forgot{
  87.     color: #007EBE; 
  88.     text-decoration: underline; 
  89.     font-size:90%;
  90.     text-align:center;
  91. }
  92. @media only screen and (min-width: 768px){
  93. .input_School select,
  94. input#school_key{
  95.     width: 55% !important;
  96.     }
  97. .password-wrap img {
  98.     right: 48%;
  99.     }
  100. }
  101. </style>
  102. {% endblock stylesheet %}
  104. {% block main %}
  105. <h1 class="title_bar nikke">学校情報認証</h1>
  107. <div id="top_wrap" class="container-fluid">
  108.     <div id="top_box" class="row">
  109.         <div id="top_box__body" class="col-md-10 col-md-offset-1">
  110.         {% if School is null or School.visible %}
  111.             {% if school_not_found %}
  112.                 <p>※ 学校コードに該当していないので、ご確認お願い致します。</p>
  113.             {% else %}
  114.                 <form method="post" action="{{ url('entry', { gcd : gcd }) }}">
  116.                     {{ form_widget(form._token) }}
  117.                     <div id="top_box__body_inner" class="dl_table">
  118.                         {% if School is null %}
  119.                             <dl id="top_box__School" class="entrybox_select_input">
  120.                                 <dt>{{ form_label(form.School) }}</dt>
  121.                                 <dd class="form-group input_School">
  122.                                     {{ form_widget(form.School) }}
  123.                                     {{ form_errors(form.School) }}
  124.                                 </dd>
  125.                             </dl>
  126.                         {% else %}
  127.                             <dl id="top_box__kana">
  128.                                 <dt></dt>
  129.                                 <dd class="form-group input_name">
  130.                                     {{ School.school_name }}
  131.                                 </dd>
  132.                             </dl>
  133.                         {% endif %}
  134.                         {% if School and School.visible_school_key != 1 %}
  135.                             <div style="display:none">
  136.                                 {{ form_widget(form.school_key, {'attr': {'value': School.school_key}}) }}
  137.                                 {{ form_errors(form.school_key) }}
  138.                             </div>
  139.                         {% else %}
  140.                             <dl id="top_box__name" class="entrybox_select_input">
  141.                                 <dt><label>学校キー</label></dt>
  142.                                 <dd class="form-group password-wrap">
  143.                                     {{ form_widget(form.school_key, {attr : {class : 'password-input'}}) }}
  144.                                     {{ form_errors(form.school_key) }}
  145.                                     <img class="eye-slash-solid" src="{{ asset('assets/icon/eye-slash-solid.svg') }}">
  146.                                     <img class="eye-solid" src="{{ asset('assets/icon/eye-solid.svg') }}" style="display: none;">
  147.                                     {% if certification_error_flg == 1 %}
  148.                                     <span>※認証に失敗しました。</span>
  149.                                     {% endif %}
  150.                                 </dd>
  151.                             </dl>
  152.                         {% endif %}
  153.                         <input id="top_box__hidden_mode" type="hidden" name="mode" value="certify">
  154.                     </div>
  156.                     <div id="top_box__footer" class="row no-padding">
  157.                         <div id="top_box__button_menu" class="btn_group col-sm-offset-4 col-sm-4">
  158.                             <p>
  159.                                 <button type="submit" class="btn btn-primary btn-block def_btn ya radius1">生徒情報の登録へ</button>
  160.                             </p>
  161.                 <p>
  162.                     <a class="def_btn ya radius1 color05" href="{{ url('mypage_login') }}">会員登録済みの方はこちら</a>
  163.                 </p>
  164.                         </div>
  165.                     </div>
  166.                 </form>
  167.             {% endif %}
  168.         {% else %}
  169.             <p style="text-align: center">この学校URLは現在非公開となっています。</p>
  170.         {% endif %}
  171.         </div>
  172.         <!-- /.col -->
  173.     </div>
  174.     <!-- /.row -->
  175. </div>
  176. {% endblock %}