Fork: 0
haya4 / task-bldg
Transfer to URL with SHA Find file
Newer
Older
task-bldg / src / main / resources / templates / tasks.html
@haya4 haya4 on 6 Aug 2022 4 KB OK : 「編集完了」
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.   <script th:src="@{/custom/tasks.js}"></script>
  8. </head>
  9. <body onload='loadMap()'>
  10.  
  11.   <!-- サイドバーの表示 -->
  12.   <div layout:fragment="sidebar" th:replace="~{fragments/sidebar :: sidebar}">
  13.   </div>
  14.  
  15.   <!-- コンテンツの表示 -->
  16.   <div layout:fragment="content">
  17.     <main class="offcanvas-outside bg-light">
  18.       <div class="container-fluid">
  19.         <!-- トグルボタン -->
  20.         <div th:replace="~{fragments/sidebar :: toggler}">
  21.         </div>
  22.  
  23.         <div class="row">
  24.           <div class="col">
  25.  
  26.             <div class="card shadow">
  27.               <div class="card-header">
  28.                 <h6 class="text-navy my-2">Plateau 3D都市データ</h6>
  29.               </div>
  30.               <div class="card-body">
  31.  
  32.                 <!-- マップ -->
  33.                 <div id="wrap">
  34.                   <div class="header">
  35.                     <div id='title'></div>
  36.                     <div id='map'></div>
  37.                   </div>
  38.                     
  39.                   <!-- ポップアップ -->
  40.                   <div id='popup' class='ol-popup'>
  41.                     <a href='#' id='popup-closer' class='ol-popup-closer'></a>
  42.                     <div id='popup-content'></div>
  43.                   </div>
  44.                 </div>
  45.                 
  46.                 <table class="table table-bordered">
  47.                   <thead>
  48.                     <tr>
  49.                       <th th:text="${citycode}"></th>
  50.                       <th th:text="${cityname}"></th>
  51.                       <th th:text="${meshcode}"></th>
  52.                       <th th:text="${username}"></th>
  53.                       <th th:text="${changeSet}"></th>
  54.                       <th th:text="${validator}"></th>
  55.                     </tr>
  56.                   </thead>
  57.                   <tbody>
  58.                     <tr>
  59.                       <td th:object="${mesh}" colspan='4'>
  60.                         <a th:text="#{return}" th:href="@{/mesh/{citycode}(citycode=*{citycode})}" class="btn btn-navy">
  61.                         </a>
  62.  
  63.                         <a th:text="#{download}" th:href="@{{site}{folder}/bldg/{path}(site=*{city.site},folder=*{city.folder},path=*{path})}" class="btn btn-navy">
  64.                         </a>
  65.                         
  66.                         <a th:href="@{/task/add?op=RESERVE&citycode={citycode}&meshcode={meshcode}(citycode=*{citycode},meshcode=*{meshcode})}" class="btn btn-navy">
  67.                           <i class="bi bi-pencil-square" th:text="#{reserve}" ></i>
  68.                         </a>
  69.                         
  70.                         <a th:href="@{/task/add?op=CANCEL&citycode={citycode}&meshcode={meshcode}(citycode=*{citycode},meshcode=*{meshcode})}" class="btn btn-navy">
  71.                           <i class="bi bi-pencil-square" th:text="#{cancel}"></i>
  72.                         </a>
  73.                         
  74.                         <a th:href="@{/task/add?op=DONE&citycode={citycode}&meshcode={meshcode}(citycode=*{citycode},meshcode=*{meshcode})}" class="btn btn-navy">
  75.                           <i class="bi bi-pencil-square" th:text="#{done}"></i>
  76.                         </a>
  77.                       </td>
  78.                     </tr>
  79.                   </tbody>
  80.                 </table>
  81.                 
  82.             
  83.                 <table class="table table-bordered">
  84.                   <thead>
  85.                     <tr>
  86.                       <th th:text="#{status}"></th>
  87.                       <th th:text="#{citycode}"></th>
  88.                       <th th:text="#{username}"></th>
  89.                       <th th:text="#{changeSet}"></th>
  90.                       <th th:text="#{validator}"></th>
  91.                       <th th:text="#{operation}"></th>
  92.                       <th th:text="#{updateTime}"></th>
  93.                     </tr>
  94.                   </thead>
  95.                   <tbody>
  96.                     <tr th:each="task : ${tasks}" th:object="${task}">
  97.                       <td th:text="*{status}"></td>
  98.                       <td th:text="*{citycode}"></td>
  99.                       <td th:text="*{username}"></td>
  100.                       <td th:text="*{changeSet}"></td>
  101.                       <td th:text="*{validator}"></td>
  102.                       <td th:text="*{operation}"></td>
  103.                       <td th:text="*{updateTime}"></td>
  104.                     </tr>
  105.                   </tbody>
  106.                 </table>
  107.                 
  108.               </div>
  109.             </div>
  110.           </div>
  111.         </div>
  112.       </div>
  113.     </main>
  114.   </div>
  115.   
  116.  
  117. </body>
  118. </html>