templates/index.html.twig line 1

Open in your IDE?
  1. {% set sub_title = "メニュー" %}
  2. {% extends 'inc/layout.html.twig' %}
  5. {% block main %}
  6. <main class="dashboard" role="main">
  7.   <div class="dashboard-container">
  8.     <div class="dashboard-block">
  9.       <h1 class="dashboard-title">角田紙業株式会社<br>管理システム メニュー</h1>
  10.       <div class="dashboard-base">
  11.         <ul class="dashboard-list">
  12.           <li><a href="{{ url('shipping') }}">
  13.               <div class="dashboard-list-icon"><img src="img/icon/delivery.png" alt=""></div>
  14.               <p class="dashboard-list-title">出荷手配依頼</p>
  15.             </a></li>
  16.           <li><a href="{{ url('order') }}">
  17.               <div class="dashboard-list-icon"><img src="img/icon/desktops.png" alt=""></div>
  18.               <p class="dashboard-list-title">受注状況</p>
  19.             </a></li>
  20.           <li><a href="{{ url('plan') }}">
  21.               <div class="dashboard-list-icon"><img src="img/icon/timetable.png" alt=""></div>
  22.               <p class="dashboard-list-title">生産計画管理</p>
  23.             </a></li>
  24.           <li><a href="{{ url('stock') }}">
  25.               <div class="dashboard-list-icon"><img src="img/icon/boxes.png" alt=""></div>
  26.               <p class="dashboard-list-title">生産実績管理</p>
  27.             </a></li>
  28.         </ul>
  30.         <div class="dashboard-lower">
  31.           <div class="dashboard-manufacturing">
  32.             <button type="button" class="dashboard-manufacturing-btn" data-remodal-target="modal-manufacturing">生産計画</button>
  33.             <section class="remodal" data-remodal-id="modal-manufacturing">
  34.               <section class="modalSection">
  35.                 <h3 class="modalSection-heading">機械ごとの生産計画</h3>
  36.                 <ul class="modalSection-manufacturing">
  37.                   <li><a href="">1号機</a></li>
  38.                   <li><a href="">2号機</a></li>
  39.                   <li><a href="">3号機</a></li>
  40.                   <li><a href="">4号機</a></li>
  41.                   <li><a href="">5号機</a></li>
  42.                   <li><a href="">6号機</a></li>
  43.                   <li><a href="">7号機</a></li>
  44.                   <li><a href="">8号機</a></li>
  45.                   <li><a href="">9号機</a></li>
  46.                   <li><a href="">10号機</a></li>
  47.                   <li><a href="">11号機</a></li>
  48.                   <li><a href="">12号機</a></li>
  49.                   <li><a href="">13号機</a></li>
  50.                   <li><a href="">圧着1号機</a></li>
  51.                   <li><a href="">圧着2号機</a></li>
  52.                   <li><a href="">圧着3号機</a></li>
  53.                   <li><a href="">圧着4号機</a></li>
  54.                 </ul>
  55.                 <form action="{{ url('manufacturing')}}" method="get" id="manufacturing-form">
  56.                 <input type="hidden" name="line" value="" />
  57.                 </form>
  58.               </section>
  59.               <button data-remodal-action="close" class="remodal-close">閉じる</button>
  60.             </section>
  61.           </div>
  62.           <div class="dashboard-kintone">
  63.             <a href="{{ kintone_url }}" target="_blank"><img src="img/icon/kintone.png" alt="" ><span class="dashboard-kintone-text">キントーンへ</span></a>
  64.           </div>
  65.         </div>
  67.         {% if data.info is not empty %}
  68.         <div class="dashboard-info">
  69.           <span>お知らせ</span>
  70.           <div>
  71.             {% for detail in data.info %}
  72.             <p>
  73.             {{ detail|nl2br }}
  74.             </p>
  75.             {% endfor %}
  76.           </div>
  77.         </div>
  78.         {% endif %}
  79.       </div>
  80.     </div>
  81.   </div>
  82. </main>
  83. {% endblock %}
  85. {# スタイルシートの設定 #}
  86. {% block stylesheet %}
  87. <link rel="stylesheet" href="common/css/reset.css">
  88. <link rel="stylesheet" href="common/css/remodal.css">
  89. <link rel="stylesheet" href="common/css/common.css">
  90. {% endblock %}
  92. {# JavaScriptの設定 #}
  93. {% block javascript %}
  94. <script src="common/js/jquery.js"></script>
  95. <script src="common/js/remodal.js"></script>
  96. <script src="common/js/common.js"></script>
  97. <script>
  98.   $('.modalSection-manufacturing a').click(function(e){
  99.     e.preventDefault();
  100.     let line = $(this).text();
  101.     $('#manufacturing-form').find('input[name="line"]').val(line);
  102.     $('#manufacturing-form').submit();
  103.   });
  104. </script>
  105. {% endblock %}