Newer
Older
task-bldg / src / main / resources / templates / form.html
  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. </head>
  8. <body>
  9.  
  10. <!-- サイドバーの表示 -->
  11. <div layout:fragment="sidebar"
  12. th:replace="~{fragments/sidebar :: sidebar}">
  13. </div>
  14.  
  15.  
  16. <!-- コンテンツの表示 -->
  17. <div layout:fragment="content">
  18. <main class="offcanvas-outside bg-light">
  19. <div class="container-fluid">
  20.  
  21. <!-- トグルボタン -->
  22. <div th:replace="~{fragments/sidebar :: toggler}">
  23. </div>
  24.  
  25. <div class="row">
  26. <div class="col">
  27.  
  28. <div class="card shadow">
  29. <div class="card-header">
  30. <h6 class="text-navy my-2">マッパー登録</h6>
  31. </div>
  32. <div class="card-body">
  33. <form th:action="@{/city/process}" th:object="${city}" method="post">
  34. <div class="mb-3">
  35. <label for="citycode">citycode</label>
  36. <input type="text" class="form-control" th:errorclass="is-invalid" th:field="*{citycode}">
  37. <div class="invalid-feedback" th:errors="*{citycode}">
  38. </div>
  39. </div>
  40.  
  41. <div class="mb-3">
  42. <label for="cityname">cityname</label>
  43. <input type="text" class="form-control" th:errorclass="is-invalid" th:field="*{cityname}">
  44. <div class="invalid-feedback" th:errors="*{cityname}">
  45. </div>
  46. </div>
  47.  
  48. <div class="mb-3">
  49. <label for="folder">folder</label>
  50. <input type="text" class="form-control" th:errorclass="is-invalid" th:field="*{folder}">
  51. <div class="invalid-feedback" th:errors="*{folder}">
  52. </div>
  53. </div>
  54.  
  55. <hr>
  56. <button class="btn btn-navy col-4">
  57. <i class="bi bi-pencil-square"></i>
  58. <span class="text">保存</span>
  59. </button>
  60. </form>
  61. </div>
  62. </div>
  63.  
  64. </div>
  65. </div>
  66. </div>
  67. </main>
  68. </div>
  69.  
  70. </body>
  71. </html>