templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         {% block meta %}
  5.             <meta charset="UTF-8" />
  6.             <meta name="format-detection" content="telephone=no" />
  7.         {% endblock %}
  8.         <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
  9.         <link rel="apple-touch-icon-precomposed" href="{{ asset('apple-touch-icon.png') }}"/>
  10.         <title>
  11.             {% block title %}Welcome!{% endblock %}
  12.         </title>
  13.         {% block stylesheets %}
  14.             {# 2017/2/18 kawaguchi 受付伝票定型文ダイアログ開く→戻るで真っ白になる現象を防ぐ #}
  15.             <style>
  16.             .ui-page {
  17.                 backface-visibility:hidden;
  18.                 -webkit-backface-visibility:hidden;
  19.                 -moz-backface-visibility:hidden;
  20.                 height: 100%!important
  21.             }
  22.             </style>
  23.         {% endblock %}
  24.         {% block javascripts %}
  25.         {#  フルスクリーンにする場合、アンカーリンクをJSで動かす必要がある
  26.         ダイアログがちゃんと動かないので、そこの処理が完了してから使う
  27.         aタグにクラス「links」の設定が必要#}
  28.         <script type="text/javascript">
  29.             {# 2017/2/18 kawaguchi 受付伝票定型文ダイアログ開く→戻るで真っ白になる現象を防ぐ #}
  30.             $(function(){
  31.                 $('.ui-page').on('pageshow', function(e) { $(this).addClass('ui-page-active'); });
  32.             });
  33.                 {# 2017/2/17 kawaguchi webアプリモード使わないので以下無効.. したらどうさしない #}
  34.             $(function(){
  35.                 {# 2014/6/6 mitsunaga 受付など document を経由するとイベントが正しく動作しないケースがあるため記載。重複していて気持ち悪いが・・・ #}
  36.                 $('a.links').off('click').on('click', function(){
  37.                 //console.log('links:', $('a.links'));
  38.                     //alert('click a');
  39.                     return clickLinks($(this));
  40.                 });
  41.                 {#
  42.                 console.log('links:', $('a.links'));
  43.                 console.log('document a.links]:',$(document).find('a.links'));
  44.                 //$('a.links').click(function(){
  45.                 //$('a.links').off('click').on('click', function(){
  46.                 #}
  47.                 $(document).off('click', 'a.links').on('click', 'a.links', function(){
  48.                     //alert('click!');
  49.                     // 2014/6/6 mitsunaga 統一
  50.                     return clickLinks($(this));
  51.                     //location.href = $(this).attr('href');
  52.                 });
  53.             });
  54.             {# 2013/12/19 kawaguchi a.links.clickイベントを個別に対応するために作成) #}
  55.             function clickLinks($el) {
  56.             // 15/09/08 sakamoto クラスに「disabled」がついていればリンク無効
  57.             if ($el.hasClass('disabled')) {
  58.                 return false;
  59.             }
  60.             // alert("clickLinks");
  61.             if($el.attr('href')) {
  62.                 //console.log('lickLinks');
  63.                 // 2017/2/18 kawaguchi 通常のリンク処理へ
  64.                 return true;
  65.                 //location.href = $el.attr('href');
  66.                 //return false;
  67.             } else  {
  68.                 return false;
  69.             }
  70.             }
  71.             {# 2014/1/7 kawaguchi ラジオボタンのチェック状態をOffにするための関数 #}
  72.             (function($) {
  73.             $.fn.kzlradioff = function(target) {
  74.                 console.log(1);
  75.                 if(target == null) target = 'input[type="radio"]';
  76.                 var elements = this;
  77.                 {# なぜかonで一括でイベント登録できないので直接1つずつにクリックイベントを登録している ※ trigger('create')で動的に作成したwidgetの場合は無視されるみたい #}
  78.                 $(elements).find(target).off('click').on('click', function() {
  79.                 name = $(this).attr('name');
  80.                 if ($(this).hasClass('chkRadio')) {
  81.                     $("input[name='" + name + "']").removeClass('chkRadio');
  82.                     $(this).attr('checked', false);
  83.                 } else {
  84.                     $("input[name='" + name + "']").removeClass('chkRadio');
  85.                     $(this).addClass('chkRadio');
  86.                 }
  87.                 });
  88.                 // 全てのチェックのついたラジオにclassを設定
  89.                 $(elements).find(target).each(function(){
  90.                 if ($(this).attr('checked')) {
  91.                     $(this).addClass('chkRadio');
  92.                 }
  93.                 });
  94.                 return this;
  95.             }
  96.             })(jQuery); // endof kzlradioff
  97.         </script>
  98.         {#利用区分が「デモ中」の場合のみJSを有効にする todo#}
  99.         <script type="text/javascript">
  100.             $(function(){
  101.                 $("#demo_close_btn").click(function(){
  102.                     $("#demo_footer").css("display", "none");
  103.                 });
  104.             });
  105.         </script>
  106.         {#利用区分が「デモ中」の場合のみ表示する ここまで#}
  107.         <script>
  108.             (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  109.             (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  110.             m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  111.             })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  112.             ga('create', 'UA-50886213-1', 'kuzilla.co.jp');
  113.             ga('send', 'pageview');
  114.         </script>
  115.         {% endblock %}
  116.     </head>
  117.     <body style="overflow-x: auto;">
  118.         {% block body %}
  119.             {#利用区分が「デモ中」の場合のみ表示する#}
  120.             {% if app.user and app.user.isDemo() %}
  121.             <div id="demo_footer">
  122.                 <div id="demonstration">時守<br>デモ版</div>
  123.                 <div id="demo_msg">
  124.                     <p>利用期間は <strong>{{ app.user.getPeriodDateFromOrToToString(true) }} ~ {{ app.user.getPeriodDateFromOrToToString(false) }}</strong> までです。<br>利用期間を過ぎるとログインできなくなります。<br>時守を継続してご利用になる場合は、時守運営事務局(092-712-8723)までご連絡ください。</p>
  125.                 </div>
  126.                 <div id="demo_close_box"><a href="#" id="demo_close_btn"><em>閉じる</em></a></div>
  127.             </div>
  128.             {% endif %}
  129.         {% endblock %}
  130.     </body>
  131. </html>