diff options
| author | mrfoxygmfr <mrfoxygmfr@sch9.ru> | 2025-04-28 00:45:03 +0300 |
|---|---|---|
| committer | mrfoxygmfr <mrfoxygmfr@sch9.ru> | 2025-04-28 00:45:03 +0300 |
| commit | a7130c44ebccbb6df7b6c7481f35a10243e3f4a3 (patch) | |
| tree | 35fa094433787e0eb2f968dc6d16e3766ff15713 | |
| parent | 763e381e13a02217275367b6daa947833a7f3580 (diff) | |
feat(templates): add common templates
| -rw-r--r-- | src/main/resources/templates/common.html | 97 |
1 files changed, 97 insertions, 0 deletions
diff --git a/src/main/resources/templates/common.html b/src/main/resources/templates/common.html new file mode 100644 index 0000000..5250b03 --- /dev/null +++ b/src/main/resources/templates/common.html @@ -0,0 +1,97 @@ +<!DOCTYPE HTML> +<html xmlns:th="http://www.thymeleaf.org" lang="en"> +<head th:fragment="head"> + <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" + integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <style> + .indent { + margin-left: 30px; + margin-right: 30px; + margin-top: 20px; + } + </style> + <title></title> +</head> +<body> + +<!--page header--> +<nav class="navbar navbar-expand-lg navbar-dark bg-dark" th:fragment="page-header"> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" + aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarSupportedContent"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item"> + <a class="nav-link" id="operationsLink" href="/">Операции</a> + </li> + <li class="nav-item"> + <a class="nav-link" id="productsLink" th:href="@{products}">Товары</a> + </li> + <li class="nav-item"> + <a class="nav-link" id="storageLink" th:href="@{storage}">Хранение</a> + </li> + <li class="nav-item"> + <a class="nav-link" id="partnersLink" th:href="@{partners}">Партнеры</a> + </li> + <li class="nav-item"> + <a class="nav-link" id="storageSlotsLink" th:href="@{storageSlots}">Ячейки хранения</a> + </li> + </ul> + </div> +</nav> +<!--end of page header--> + + +<div th:fragment="site-footer" class="fixed-bottom indent text-center"> + <p> + Система управления складским учетом + <br> + Bazilevich (mrfoxygmfr) Grigory, 2025 + <br> + </p> +</div> + +<!--for bootstrap--> +<div th:fragment="site-script"> + <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" + integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" + crossorigin="anonymous"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" + integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" + crossorigin="anonymous"></script> + <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" + integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" + crossorigin="anonymous"></script> + <script src="http://localhost:8080/livereload.js"></script> +</div> + +<div th:fragment="editFieldsToggle"> + <script> + let toggleDisabled = () => { + $("input").each((x, elem) => elem.disabled ^= 1); + $("select").each((x, elem) => elem.disabled ^= 1); + + let updateBtn = $("#updateToggleSelector")[0]; + let saveBtn = $("#saveBtn")[0]; + if (updateBtn.hidden) { + updateBtn.hidden = false; + updateBtn.disabled = false; + saveBtn.hidden = true; + } else { + updateBtn.hidden = true; + saveBtn.hidden = false; + saveBtn.disabled = false; + } + console.log("toggle"); + } + </script> + <script th:if="${newItem}"> + toggleDisabled() + </script> +</div> +<!--end for bootstrap--> + +</body> +</html>
\ No newline at end of file |