Fork: 0
haya4 / task-bldg
Transfer to URL with SHA Find file
Newer
Older
task-bldg / src / main / resources / templates / task_done.html
@haya4 haya4 on 14 May 2023 4 KB Status と Operation の変更
Raw Blame History 
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3.   xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4.   layout:decorate="~{layout/layout}">
  5. <head>
  6.   <meta charset="UTF-8" th:remove="tag" />
  7.   <meta name="viewport" content="width=device-width,initial-scale=1" />
  8.   <link th:href="@{/webjars/bootstrap/css/bootstrap.min.css}" rel="stylesheet" />
  9. </head>
  10. <body>
  11.  
  12.   <!-- サイドバーの表示 -->
  13.   <div layout:fragment="sidebar" th:replace="~{fragments/sidebar :: sidebar}">
  14.   </div>
  15.  
  16.  
  17.   <!-- コンテンツの表示 -->
  18.   <div layout:fragment="content">
  19.     <main class="offcanvas-outside bg-light">
  20.       <div class="container-fluid">
  21.  
  22.         <!-- トグルボタン -->
  23.         <div th:replace="~{fragments/sidebar :: toggler}">
  24.         </div>
  25.  
  26.         <div class="row">
  27.           <div class="col">
  28.  
  29.             <div class="card shadow">
  30.               <div class="card-header">
  31.                 <h6 class="text-navy my-2" th:text="${command}"></h6>
  32.               </div>
  33.               <div class="card-body" th:object="${task}">
  34.  
  35.                 <table class="table table-bordered">
  36.                   <thead>
  37.                     <tr>
  38.                       <th>item</th>
  39.                       <th>value</th>
  40.                       <th>comment</th>
  41.                     </tr>
  42.                   </thead>
  43.                   <tbody>
  44.                     <tr>
  45.                       <td>currentId</td>
  46.                       <td th:text="*{currentId}"></td>
  47.                       <td></td>
  48.                     </tr>
  49.                     <tr>
  50.                       <td>preId</td>
  51.                       <td th:text="*{preId}"></td>
  52.                       <td></td>
  53.                     </tr>
  54.                     <tr>
  55.                       <td th:text="#{citycode}"></td>
  56.                       <td th:text="${citycode}"></td>
  57.                       <td th:text="${cityname}"></td>
  58.                     </tr>
  59.                     <tr>
  60.                       <td th:text="#{meshcode}"></td>
  61.                       <td th:text="*{meshcode}"></td>
  62.                       <td></td>
  63.                     </tr>
  64.                     <tr>
  65.                       <td th:text="#{editor}"></td>
  66.                       <td th:text="*{username}"></td>
  67.                       <td></td>
  68.                     </tr>
  69.                     <tr>
  70.                       <td th:text="#{status}"></td>
  71.                       <td th:text="*{status}"></td>
  72.                       <td></td>
  73.                     </tr>
  74.                     <tr>
  75.                       <td th:text="#{operation}"></td>
  76.                       <td th:text="*{operation}"></td>
  77.                       <td></td>
  78.                     </tr>
  79.                   </tbody>
  80.                 </table>
  81.               
  82.                 <hr>
  83.  
  84.                 <form th:action="@{/task/process}" method="post" novalidate>
  85.                   <input type="hidden" id="task" th:value="${task}" />
  86.                   <input type="hidden" th:field="*{currentId}" th:value="*{currentId}" />
  87.                   <input type="hidden" th:field="*{preId}" th:value="*{preId}" />
  88.                   <input type="hidden" th:field="*{citycode}" th:value="*{citycode}" />
  89.                   <input type="hidden" th:field="*{meshcode}" th:value="*{meshcode}" />
  90.                   <input type="hidden" th:field="*{username}" th:value="*{username}" />
  91.                   <input type="hidden" th:field="*{status}" th:value="*{status}" />
  92.                   <input type="hidden" th:field="*{operation}" th:value="*{operation}" />
  93.                   
  94.                   <div class="mb-3">
  95.                     <label for="username" class="form-label">
  96.                       <span class="badge bg-danger">必須</span>
  97.                       変更セットNo
  98.                     </label>
  99.                     <input class="form-control" type="text" th:errorclass="is-invalid" th:field="*{changeSet}">
  100.                     <div class="invalid-feedback" th:errors="*{changeSet}">
  101.                     </div>
  102.                   </div>
  103.  
  104.                   <div class="mb-3">
  105.                     <label for="username" class="form-label">
  106.                       コメント
  107.                     </label>
  108.                     <input class="form-control" type="text" th:errorclass="is-invalid" th:field="*{comment}">
  109.                     <div class="invalid-feedback" th:errors="*{comment}">
  110.                     </div>
  111.                   </div>
  112.  
  113.                   <p th:text="${error}"></p>
  114.                   <p th:text="${message}"></p>
  115.  
  116.                   <a th:text="#{return}" th:href="@{/tasks?citycode={citycode}&meshcode={meshcode}(citycode=*{citycode},meshcode=*{meshcode})}" class="btn btn-navy">
  117.                   </a>
  118.             
  119.                   <button class="btn btn-navy col-4">
  120.                     <i class="bi bi-pencil-square" th:text="${command}"></i>
  121.                   </button>
  122.  
  123.                 </form>
  124.               </div>
  125.             </div>
  126.  
  127.           </div>
  128.         </div>
  129.       </div>
  130.     </main>
  131.   </div>
  132. </body>
  133. </html>