Fork: 0
haya4 / task-bldg
Transfer to URL with SHA Find file
Newer
Older
task-bldg / src / main / resources / templates / task.html
@haya4 haya4 on 12 Aug 2022 5 KB 名称変更：「タスク予約」→「担当登録」など
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><a th:text="*{username}" th:href="@{https://www.openstreetmap.org/user/{user}(user=*{username})}"></a></td>
  67.                       <td></td>
  68.                     </tr>
  69.                     <tr>
  70.                       <td th:text="#{validator}"></td>
  71.                       <td><a th:text="*{validator}" th:href="@{https://www.openstreetmap.org/user/{user}(user=*{validator})}"></a></td>
  72.                       <td></td>
  73.                     </tr>
  74.                     <tr>
  75.                       <td th:text="#{changeSet}"></td>
  76.                       <td th:text="*{changeSet}"></td>
  77.                       <td></td>
  78.                     </tr>
  79.                     <tr>
  80.                       <td th:text="#{status}"></td>
  81.                       <td><img th:alt="*{status}" th:src="@{/img/{status}.png(status=*{status})}"></img></td>
  82.                       <td></td>
  83.                     </tr>
  84.                     <tr>
  85.                       <td th:text="#{operation}"></td>
  86.                       <td th:text="*{operation}"></td>
  87.                       <td></td>
  88.                     </tr>
  89.                   </tbody>
  90.                 </table>
  91.               
  92.                 <hr>
  93.  
  94.                 <form th:action="@{/task/process}" method="post" novalidate>
  95.                   <input type="hidden" id="task" th:value="${task}" />
  96.                   <input type="hidden" th:field="*{currentId}" th:value="*{currentId}" />
  97.                   <input type="hidden" th:field="*{preId}" th:value="*{preId}" />
  98.                   <input type="hidden" th:field="*{citycode}" th:value="*{citycode}" />
  99.                   <input type="hidden" th:field="*{meshcode}" th:value="*{meshcode}" />
  100.                   <input type="hidden" th:field="*{username}" th:value="*{username}" />
  101.                   <input type="hidden" th:field="*{validator}" th:value="*{validator}" />
  102.                   <input type="hidden" th:field="*{status}" th:value="*{status}" />
  103.                   <input type="hidden" th:field="*{operation}" th:value="*{operation}" />
  104.                   <input type="hidden" th:field="*{changeSet}" th:value="*{changeSet}" />
  105.  
  106.                   <div class="mb-3">
  107.                     <label for="username" class="form-label">
  108.                       コメント
  109.                     </label>
  110.                     <input class="form-control" type="text" th:errorclass="is-invalid" th:field="*{comment}">
  111.                     <div class="invalid-feedback" th:errors="*{comment}">
  112.                     </div>
  113.                   </div>
  114.  
  115.                   <p class="error_red" th:text="${error}"></p>
  116.                   <p class="error_red" th:text="${message}"></p>
  117.  
  118.                   <a th:text="#{return}" th:href="@{/tasks?citycode={citycode}&meshcode={meshcode}(citycode=*{citycode},meshcode=*{meshcode})}" class="btn btn-navy">
  119.                   </a>
  120.             
  121.                   <button class="btn btn-navy col-4">
  122.                     <i class="bi bi-pencil-square" th:text="${command}"></i>
  123.                   </button>
  124.  
  125.                 </form>
  126.               </div>
  127.             </div>
  128.  
  129.           </div>
  130.         </div>
  131.       </div>
  132.     </main>
  133.   </div>
  134. </body>
  135. </html>