Fork: 0
haya4 / task-bldg
Transfer to URL with SHA Find file
Newer
Older
task-bldg / src / main / resources / templates / meshes.html
@haya4 haya4 on 12 Aug 2022 3 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.   <script th:src="@{/custom/meshes.js}"></script>
  8. </head>
  9. <body onload='loadMap()'>
  10.   <input type="hidden" id="city" th:value="${city}" />
  11.  
  12.   <!-- サイドバーの表示 -->
  13.   <div layout:fragment="sidebar" th:replace="~{fragments/sidebar :: sidebar}">
  14.   </div>
  15.  
  16.   <!-- コンテンツの表示 -->
  17.   <div layout:fragment="content">
  18.     <main class="offcanvas-outside bg-light">
  19.       <div class="container-fluid">
  20.         <!-- トグルボタン -->
  21.         <div th:replace="~{fragments/sidebar :: toggler}">
  22.         </div>
  23.  
  24.         <div class="row">
  25.           <div class="col">
  26.  
  27.             <div class="card shadow">
  28.               <div class="card-header">
  29.                 <h6 class="text-navy my-2" id='title'></h6>
  30.               </div>
  31.               <div class="card-body">
  32.  
  33.                 <!-- マップ -->
  34.                 <div id="wrap">
  35.                   <div class="header">
  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="#{status}"></th>
  50.                       <th th:text="#{meshcode}"></th>
  51.                       <th>version</th>
  52.                       <th th:text="#{path}"></th>
  53.                       <th th:text="#{editor}"></th>
  54.                       <th th:text="#{validator}"></th>                      
  55.                       <th th:text="#{operation}"></th>
  56.                     </tr>
  57.                   </thead>
  58.                   <tbody>
  59.                     <tr th:each="mesh : ${meshes}" th:object="${mesh}">
  60.                       <td><img th:alt="*{status}" th:src="@{/img/{status}.png(status=*{status})}"></img></td>
  61.                       <td th:text="*{meshcode}"></td>
  62.                       <td th:text="*{version}"></td>
  63.                       <td th:text="*{path}"></td>
  64.                       <td><a th:text="*{username}" th:href="@{https://www.openstreetmap.org/user/{user}(user=*{username})}"></a></td>
  65.                       <td><a th:text="*{validator}" th:href="@{https://www.openstreetmap.org/user/{user}(user=*{validator})}"></a></td>
  66.                       <td>
  67.                         <a th:text="#{download}" th:href="@{{site}{folder}/bldg/{path}(site=*{city.site},folder=*{city.folder},path=*{path})}" class="btn btn-navy">
  68.                         </a>
  69.  
  70.                         <a th:href="@{/tasks?citycode={citycode}&meshcode={meshcode}(citycode=*{citycode},meshcode=*{meshcode})}" class="btn btn-navy">
  71.                           <i class="bi bi-pencil-square" th:text="#{operation}"></i>
  72.                         </a>
  73.                       </td>
  74.                     </tr>
  75.                   </tbody>
  76.                 </table>
  77.                 
  78.               </div>
  79.             </div>
  80.           </div>
  81.         </div>
  82.       </div>
  83.     </main>
  84.   </div>
  85.  
  86. </body>
  87. </html>