[STYLE] CSSを結合しました。
This commit is contained in:
@@ -2,47 +2,54 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Insert title here</title>
|
||||
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type">
|
||||
<title>カテゴリ登録</title>
|
||||
<link rel="stylesheet" th:href="@{/css/menu.css}">
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="pb-5 pt-5">
|
||||
<body style="padding-top:80px; padding-bottom:80px;">
|
||||
|
||||
<div th:replace="~{header :: header}"></div>
|
||||
|
||||
<h1>カテゴリ登録</h1>
|
||||
<div class="main-container">
|
||||
<h1 class="page-title">カテゴリ登録</h1>
|
||||
|
||||
<form th:action="@{/category/create}" th:object="${categoryForm}" method="post">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
|
||||
<form th:action="@{/category/create}" th:object="${categoryForm}" method="post">
|
||||
|
||||
|
||||
<div>
|
||||
<label for="categoryName">カテゴリ名</label>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="categoryName">カテゴリ名</label>
|
||||
|
||||
<input type="text" id="categoryName" th:field="*{categoryName}">
|
||||
<input class="form-control" type="text" id="categoryName" th:field="*{categoryName}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="transactionType">収入・支出</label>
|
||||
|
||||
<select class="form-select" id="transactionType" th:field="*{transactionType}">
|
||||
|
||||
<option value="">選択してください</option>
|
||||
<option value="0">支出</option>
|
||||
<option value="1">収入</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary">登録</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div>
|
||||
<label for="transactionType">収入・支出</label>
|
||||
|
||||
<select id="transactionType" th:field="*{transactionType}">
|
||||
|
||||
<option value="">選択してください</option>
|
||||
<option value="0">支出</option>
|
||||
<option value="1">収入</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<button type="submit">登録</button>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div th:replace="~{footer :: footer}"></div>
|
||||
|
||||
|
||||
@@ -2,62 +2,68 @@
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type">
|
||||
<title>カテゴリ一覧</title>
|
||||
<link rel="stylesheet" th:href="@{/css/transaction_detail.css}">
|
||||
|
||||
<link rel="stylesheet" th:href="@{/css/style.css}">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="pb-5 pt-5">
|
||||
|
||||
<div th:replace="~{header :: header}"></div>
|
||||
<div class="main-container">
|
||||
|
||||
<div>
|
||||
<ul>
|
||||
<li th:each="categoryForm : ${categoryFormList}" class="transaction-item">
|
||||
<div>
|
||||
<ul>
|
||||
<li class="card shadow-sm mb-3" th:each="categoryForm : ${categoryFormList}">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<p>
|
||||
カテゴリ名:
|
||||
<span class="fw-bold" th:text="${categoryForm.categoryName}"></span>
|
||||
<br>
|
||||
収支区分:
|
||||
<span class="fw-bold" th:if="${categoryForm.transactionType == 0}"
|
||||
th:text="|支出|"></span>
|
||||
<span class="fw-bold" th:if="${categoryForm.transactionType == 1}"
|
||||
th:text="|収入|"></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p>
|
||||
カテゴリ名:
|
||||
<span th:text="${categoryForm.categoryName}"></span>
|
||||
<br>
|
||||
収支区分:
|
||||
<span th:if="${categoryForm.transactionType == 0}" th:text="|支出|"></span>
|
||||
<span th:if="${categoryForm.transactionType == 1}" th:text="|収入|"></span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="d-flex justify-content-end gap-2 mt-3">
|
||||
|
||||
<div class="transaction-buttons">
|
||||
<form th:action="@{/category/update}" method="get">
|
||||
<input type="hidden" name="today" th:value="${today}">
|
||||
<input type="hidden" name="categoryId" th:value="${categoryForm.categoryId}">
|
||||
<button type="submit" class="btn btn-sm btn-primary">編集</button>
|
||||
</form>
|
||||
|
||||
<form th:action="@{/category/delete}" method="post">
|
||||
<input type="hidden" name="today" th:value="${today}">
|
||||
<input type="hidden" name="categoryId" th:value="${categoryForm.categoryId}">
|
||||
<button type="submit">削除</button>
|
||||
</form>
|
||||
|
||||
<form th:action="@{/category/update}" method="get">
|
||||
<input type="hidden" name="today" th:value="${today}">
|
||||
<input type="hidden" name="categoryId" th:value="${categoryForm.categoryId}">
|
||||
<button type="submit">編集</button>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<hr>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<form th:action="@{/category/delete}" method="post">
|
||||
<input type="hidden" name="today" th:value="${today}">
|
||||
<input type="hidden" name="categoryId" th:value="${categoryForm.categoryId}">
|
||||
<button type="submit" class="btn btn-sm btn-danger">削除</button>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
<form th:action="@{/category/create}" method="get">
|
||||
<input type="hidden" name="today" id="today" th:value="${today}">
|
||||
<button type="submit">新規登録</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div th:replace="~{footer :: footer}"></div>
|
||||
<hr>
|
||||
<hr>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<form th:action="@{/category/create}" method="get">
|
||||
<input type="hidden" name="today" id="today" th:value="${today}">
|
||||
<button type="submit">新規登録</button>
|
||||
</form>
|
||||
|
||||
<div th:replace="~{footer :: footer}"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -2,49 +2,57 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Insert title here</title>
|
||||
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type">
|
||||
<title>カテゴリ登録</title>
|
||||
<link rel="stylesheet" th:href="@{/css/menu.css}">
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="pb-5 pt-5">
|
||||
<body style="padding-top:80px; padding-bottom:80px;">
|
||||
|
||||
<div th:replace="~{header :: header}"></div>
|
||||
|
||||
<h1>カテゴリ編集</h1>
|
||||
<div class="main-container">
|
||||
<h1 class="page-title">カテゴリ編集</h1>
|
||||
|
||||
<form th:action="@{/category/update}" th:object="${categoryForm}" method="post">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
|
||||
<form th:action="@{/category/update}" th:object="${categoryForm}" method="post">
|
||||
|
||||
|
||||
<div>
|
||||
<label for="categoryName">カテゴリ名</label>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="categoryName">カテゴリ名</label>
|
||||
|
||||
<input type="text" id="categoryName" th:field="*{categoryName}">
|
||||
<input class="form-control" type="text" id="categoryName" th:field="*{categoryName}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="transactionType">収入・支出</label>
|
||||
|
||||
<select class="form-select" id="transactionType" th:field="*{transactionType}">
|
||||
|
||||
<option value="">選択してください</option>
|
||||
<option value="0">支出</option>
|
||||
<option value="1">収入</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<input type="hidden" name="categoryId" th:value="${categoryId}">
|
||||
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary">登録</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div>
|
||||
<label for="transactionType">収入・支出</label>
|
||||
|
||||
<select id="transactionType" th:field="*{transactionType}">
|
||||
|
||||
<option value="">選択してください</option>
|
||||
<option value="0">支出</option>
|
||||
<option value="1">収入</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<input type="hidden" name="categoryId" th:value="${categoryId}">
|
||||
|
||||
<button type="submit">登録</button>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div th:replace="~{footer :: footer}"></div>
|
||||
|
||||
|
||||
@@ -2,43 +2,49 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Insert title here</title>
|
||||
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type">
|
||||
<title>コース登録</title>
|
||||
<link rel="stylesheet" th:href="@{/css/menu.css}">
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="pb-5 pt-5">
|
||||
<body style="padding-top:80px; padding-bottom:80px;">
|
||||
|
||||
<div th:replace="~{header :: header}"></div>
|
||||
<div class="main-container">
|
||||
<h1 class="page-title">コース登録</h1>
|
||||
|
||||
<h1>コース登録</h1>
|
||||
|
||||
<form th:action="@{/course/create/ratio}" th:object="${courseForm}" method="post">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
<form th:action="@{/course/create/ratio}" th:object="${courseForm}" method="post">
|
||||
|
||||
|
||||
<div>
|
||||
<label for="courseName">コース名</label>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="courseName">コース名</label>
|
||||
|
||||
<input type="text" id="courseName" th:field="*{courseName}">
|
||||
</div>
|
||||
<input class="form-control" type="text" id="courseName" th:field="*{courseName}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div>
|
||||
<label for="description">説明</label>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="description">説明</label>
|
||||
|
||||
<textarea id="description" th:field="*{description}" placeholder="説明を入力してください">
|
||||
<textarea class="form-control" id="description" th:field="*{description}"
|
||||
placeholder="説明を入力してください">
|
||||
</textarea>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary">登録</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<button type="submit">登録</button>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div th:replace="~{footer :: footer}"></div>
|
||||
|
||||
|
||||
@@ -2,104 +2,112 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Insert title here</title>
|
||||
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type">
|
||||
<title>コース登録</title>
|
||||
<link rel="stylesheet" th:href="@{/css/menu.css}">
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="pb-5 pt-5">
|
||||
<body style="padding-top:80px; padding-bottom:80px;">
|
||||
|
||||
<div th:replace="~{header :: header}"></div>
|
||||
|
||||
<h1>コース登録</h1>
|
||||
<div class="main-container">
|
||||
|
||||
<form th:action="@{/course/create}" th:object="${allocationFormList}" method="post">
|
||||
<h1 class="page-title">コース登録</h1>
|
||||
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
<form th:action="@{/course/create}" th:object="${allocationFormList}" method="post">
|
||||
|
||||
|
||||
<div>
|
||||
<label for="allocationRatio1">給与</label>
|
||||
<input type="number" id="allocationRatio1" th:field="*{allocationRatio1}">
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio1">給与</label>
|
||||
<input class="form-control" type="number" id="allocationRatio1" th:field="*{allocationRatio1}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio2">賞与</label>
|
||||
<input class="form-control" type="number" id="allocationRatio2" th:field="*{allocationRatio2}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio3">その他</label>
|
||||
<input class="form-control" type="number" id="allocationRatio3" th:field="*{allocationRatio3}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio4">固定費</label>
|
||||
<input class="form-control" type="number" id="allocationRatio4" th:field="*{allocationRatio4}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio5">食費</label>
|
||||
<input class="form-control" type="number" id="allocationRatio5" th:field="*{allocationRatio5}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio6">交通費</label>
|
||||
<input class="form-control" type="number" id="allocationRatio6" th:field="*{allocationRatio6}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio7">日用品費</label>
|
||||
<input class="form-control" type="number" id="allocationRatio7" th:field="*{allocationRatio7}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio8">被服/美容費</label>
|
||||
<input class="form-control" type="number" id="allocationRatio8" th:field="*{allocationRatio8}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio9">医療費</label>
|
||||
<input class="form-control" type="number" id="allocationRatio9" th:field="*{allocationRatio9}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio10">趣味/娯楽費</label>
|
||||
<input class="form-control" type="number" id="allocationRatio10"
|
||||
th:field="*{allocationRatio10}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio11">その他</label>
|
||||
<input class="form-control" type="number" id="allocationRatio11"
|
||||
th:field="*{allocationRatio11}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary">登録</button>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div>
|
||||
<label for="allocationRatio2">賞与</label>
|
||||
<input type="number" id="allocationRatio2" th:field="*{allocationRatio2}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div>
|
||||
<label for="allocationRatio3">その他</label>
|
||||
<input type="number" id="allocationRatio3" th:field="*{allocationRatio3}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div>
|
||||
<label for="allocationRatio4">固定費</label>
|
||||
<input type="number" id="allocationRatio4" th:field="*{allocationRatio4}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div>
|
||||
<label for="allocationRatio5">食費</label>
|
||||
<input type="number" id="allocationRatio5" th:field="*{allocationRatio5}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div>
|
||||
<label for="allocationRatio6">交通費</label>
|
||||
<input type="number" id="allocationRatio6" th:field="*{allocationRatio6}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div>
|
||||
<label for="allocationRatio7">日用品費</label>
|
||||
<input type="number" id="allocationRatio7" th:field="*{allocationRatio7}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div>
|
||||
<label for="allocationRatio8">被服/美容費</label>
|
||||
<input type="number" id="allocationRatio8" th:field="*{allocationRatio8}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div>
|
||||
<label for="allocationRatio9">医療費</label>
|
||||
<input type="number" id="allocationRatio9" th:field="*{allocationRatio9}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div>
|
||||
<label for="allocationRatio10">趣味/娯楽費</label>
|
||||
<input type="number" id="allocationRatio10" th:field="*{allocationRatio10}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div>
|
||||
<label for="allocationRatio11">その他</label>
|
||||
<input type="number" id="allocationRatio11" th:field="*{allocationRatio11}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<button type="submit">登録</button>
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
<div th:replace="~{footer :: footer}"></div>
|
||||
|
||||
|
||||
@@ -2,54 +2,61 @@
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type">
|
||||
<title>固定費詳細</title>
|
||||
<link rel="stylesheet" th:href="@{/css/transaction_detail.css}">
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" th:href="@{/css/style.css}">
|
||||
</head>
|
||||
|
||||
<body class="pb-5 pt-5">
|
||||
|
||||
<div th:replace="~{header :: header}"></div>
|
||||
<h1 th:text="${today}"></h1>
|
||||
<div class="main-container">
|
||||
|
||||
<div>
|
||||
<ul>
|
||||
<li th:each="fixedCostForm : ${fixedCostFormList}" class="transaction-item">
|
||||
|
||||
<div>
|
||||
<p>
|
||||
カテゴリ名:
|
||||
<span th:text="${fixedCostForm.categoryName}"></span>
|
||||
<br>
|
||||
固定費名:
|
||||
<span th:text="${fixedCostForm.fixedCostName}"></span>
|
||||
<br>
|
||||
金額:
|
||||
<span th:text="${fixedCostForm.amount}"></span>
|
||||
</p>
|
||||
</div>
|
||||
<h2 class="page-title" th:text="${today}"></h2>
|
||||
|
||||
<div class="transaction-buttons">
|
||||
<div>
|
||||
<ul>
|
||||
<li th:each="fixedCostForm : ${fixedCostFormList}" class="card shadow-sm mb-3">
|
||||
|
||||
<form th:action="@{/transaction/create}" method="get">
|
||||
<input type="hidden" name="fixedCostId" th:value="${fixedCostForm.fixedCostId}">
|
||||
<input type="hidden" name="today" th:value="${today}">
|
||||
<button type="submit">登録</button>
|
||||
</form>
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<p>
|
||||
カテゴリ名:
|
||||
<span class="fw-bold" th:text="${fixedCostForm.categoryName}"></span>
|
||||
<br>
|
||||
固定費名:
|
||||
<span class="fw-bold" th:text="${fixedCostForm.fixedCostName}"></span>
|
||||
<br>
|
||||
金額:
|
||||
<span class="fw-bold" th:text="${fixedCostForm.amount}"></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<form th:action="@{/fixed-cost/delete}" method="post">
|
||||
<input type="hidden" name="fixedCostId" th:value="${fixedCostForm.fixedCostId}">
|
||||
<input type="hidden" name="today" th:value="${today}">
|
||||
<button type="submit">削除</button>
|
||||
</form>
|
||||
<div class="d-flex justify-content-end gap-2 mt-3">
|
||||
|
||||
</div>
|
||||
<form th:action="@{/transaction/create}" method="get">
|
||||
<input type="hidden" name="fixedCostId" th:value="${fixedCostForm.fixedCostId}">
|
||||
<input type="hidden" name="today" th:value="${today}">
|
||||
<button type="submit" class="btn btn-sm btn-primary">登録</button>
|
||||
</form>
|
||||
|
||||
<hr>
|
||||
<hr>
|
||||
</li>
|
||||
<form th:action="@{/fixed-cost/delete}" method="post">
|
||||
<input type="hidden" name="fixedCostId" th:value="${fixedCostForm.fixedCostId}">
|
||||
<input type="hidden" name="today" th:value="${today}">
|
||||
<button type="submit" class="btn btn-sm btn-danger">削除</button>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<hr>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -2,124 +2,130 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Insert title here</title>
|
||||
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type">
|
||||
<title>固定費登録</title>
|
||||
<link rel="stylesheet" th:href="@{/css/menu.css}">
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
|
||||
<body class="pb-5 pt-5">
|
||||
<body style="padding-top:80px; padding-bottom:80px;">
|
||||
|
||||
<div th:replace="~{header :: header}"></div>
|
||||
|
||||
<h1>取引登録</h1>
|
||||
<div class="main-container">
|
||||
|
||||
<form th:action="@{/fixed-cost/create}" th:object="${fixedCostForm}" method="post">
|
||||
<h1 class="page-title">
|
||||
固定費登録
|
||||
</h1>
|
||||
|
||||
<div class="card shadow-sm">
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
<form th:action="@{/fixed-cost/create}" th:object="${fixedCostForm}" method="post">
|
||||
|
||||
|
||||
<div>
|
||||
<label for="fixedCostName">固定費名</label>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="fixedCostName">固定費名</label>
|
||||
|
||||
<input type="text" id="fixedCostName" th:field="*{fixedCostName}" required>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<input class="form-control" type="text" id="fixedCostName" th:field="*{fixedCostName}" required>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="transactionType">収入・支出</label>
|
||||
|
||||
<div>
|
||||
<label for="transactionType">収入・支出</label>
|
||||
<select class="form-select" id="transactionType">
|
||||
|
||||
<select id="transactionType">
|
||||
<option value="">選択してください</option>
|
||||
<option value="1">支出</option>
|
||||
<option value="2">収入</option>
|
||||
|
||||
<option value="">選択してください</option>
|
||||
<option value="1">支出</option>
|
||||
<option value="2">収入</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<br>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="categoryId">カテゴリ</label>
|
||||
|
||||
<div>
|
||||
<label for="categoryId">カテゴリ</label>
|
||||
<select class="form-select" id="categoryId" th:field="*{categoryId}">
|
||||
<option value="">選択してください</option>
|
||||
|
||||
<select id="categoryId" th:field="*{categoryId}">
|
||||
<option value="">選択してください</option>
|
||||
<option class="expenseListClass" th:each="category : ${expenseList}"
|
||||
th:value="${category.categoryId}" th:text="${category.categoryName}">
|
||||
</option>
|
||||
|
||||
<option class="expenseListClass" th:each="category : ${expenseList}" th:value="${category.categoryId}"
|
||||
th:text="${category.categoryName}">
|
||||
</option>
|
||||
<option class="incomeListClass" th:each="category : ${incomeList}"
|
||||
th:value="${category.categoryId}" th:text="${category.categoryName}">
|
||||
</option>
|
||||
</select>
|
||||
|
||||
<option class="incomeListClass" th:each="category : ${incomeList}" th:value="${category.categoryId}"
|
||||
th:text="${category.categoryName}">
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<br>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="amount">金額</label>
|
||||
|
||||
<div>
|
||||
<label for="amount">金額</label>
|
||||
<input class="form-control" type="number" id="amount" th:field="*{amount}" min="0" placeholder="金額を入力してください"
|
||||
required>
|
||||
</div>
|
||||
|
||||
<input type="number" id="amount" th:field="*{amount}" min="0" placeholder="金額を入力してください" required>
|
||||
</div>
|
||||
<br>
|
||||
<input type="hidden" name="today" id="today" th:value="${today}">
|
||||
<div class="d-grid">
|
||||
<button class="btn btn-primary" type="submit">登録</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<br>
|
||||
<input type="hidden" name="today" id="today" th:value="${today}">
|
||||
<div th:replace="~{footer :: footer}"></div>
|
||||
|
||||
<button type="submit">登録</button>
|
||||
<script>
|
||||
const transactionType = document.getElementById("transactionType");
|
||||
const categoryId = document.getElementById("categoryId");
|
||||
|
||||
</form>
|
||||
const expenseList = document.getElementsByClassName("expenseListClass");
|
||||
const incomeList = document.getElementsByClassName("incomeListClass");
|
||||
|
||||
<div th:replace="~{footer :: footer}"></div>
|
||||
transactionType.addEventListener("change", function () {
|
||||
|
||||
<script>
|
||||
const transactionType = document.getElementById("transactionType");
|
||||
const categoryId = document.getElementById("categoryId");
|
||||
if (this.value === "1") {
|
||||
|
||||
const expenseList = document.getElementsByClassName("expenseListClass");
|
||||
const incomeList = document.getElementsByClassName("incomeListClass");
|
||||
for (let i = 0; i < expenseList.length; i++) {
|
||||
expenseList[i].style.display = "";
|
||||
}
|
||||
|
||||
transactionType.addEventListener("change", function () {
|
||||
for (let i = 0; i < incomeList.length; i++) {
|
||||
incomeList[i].style.display = "none";
|
||||
}
|
||||
|
||||
if (this.value === "1") {
|
||||
} else if (this.value === "2") {
|
||||
|
||||
for (let i = 0; i < expenseList.length; i++) {
|
||||
expenseList[i].style.display = "";
|
||||
}
|
||||
for (let i = 0; i < expenseList.length; i++) {
|
||||
expenseList[i].style.display = "none";
|
||||
}
|
||||
|
||||
for (let i = 0; i < incomeList.length; i++) {
|
||||
incomeList[i].style.display = "none";
|
||||
}
|
||||
for (let i = 0; i < incomeList.length; i++) {
|
||||
incomeList[i].style.display = "";
|
||||
}
|
||||
|
||||
} else if (this.value === "2") {
|
||||
} else {
|
||||
|
||||
for (let i = 0; i < expenseList.length; i++) {
|
||||
expenseList[i].style.display = "none";
|
||||
}
|
||||
for (let i = 0; i < expenseList.length; i++) {
|
||||
expenseList[i].style.display = "none";
|
||||
}
|
||||
|
||||
for (let i = 0; i < incomeList.length; i++) {
|
||||
incomeList[i].style.display = "";
|
||||
}
|
||||
for (let i = 0; i < incomeList.length; i++) {
|
||||
incomeList[i].style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
} else {
|
||||
|
||||
for (let i = 0; i < expenseList.length; i++) {
|
||||
expenseList[i].style.display = "none";
|
||||
}
|
||||
|
||||
for (let i = 0; i < incomeList.length; i++) {
|
||||
incomeList[i].style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
categoryId.value = "";
|
||||
});
|
||||
</script>
|
||||
categoryId.value = "";
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -2,9 +2,9 @@
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type">
|
||||
<title>目標履歴</title>
|
||||
|
||||
<link rel="stylesheet" th:href="@{/css/style.css}">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
@@ -12,75 +12,80 @@
|
||||
|
||||
<div th:replace="~{header :: header}"></div>
|
||||
|
||||
<h1>目標履歴</h1>
|
||||
<div class="main-container">
|
||||
|
||||
<h2 class="page-title">目標履歴</h2>
|
||||
|
||||
|
||||
<div>
|
||||
<ul>
|
||||
<li th:each="goalForm : ${goalCompleteFormList}" class="transaction-item">
|
||||
<div>
|
||||
<p>
|
||||
目標名:
|
||||
<span th:text="${goalForm.goalTitle}">
|
||||
</span>
|
||||
<div class="card shadow-sm mb-3">
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li th:each="goalForm : ${goalCompleteFormList}" class="transaction-item">
|
||||
<div class="d-flex justify-content-between">
|
||||
<p>
|
||||
目標名:
|
||||
<span class="fw-bold" th:text="${goalForm.goalTitle}">
|
||||
</span>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
目標説明:
|
||||
<span th:text="${goalForm.goalSubtitle}">
|
||||
</span>
|
||||
目標説明:
|
||||
<span class="fw-bold" th:text="${goalForm.goalSubtitle}">
|
||||
</span>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
目標金額:
|
||||
<span th:text="${goalForm.targetAmount}">
|
||||
</span>
|
||||
目標金額:
|
||||
<span class="fw-bold" th:text="${goalForm.targetAmount}">
|
||||
</span>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
目標達成期限:
|
||||
<span th:text="${goalForm.deadline}">
|
||||
</span>
|
||||
目標達成期限:
|
||||
<span class="fw-bold" th:text="${goalForm.deadline}">
|
||||
</span>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
</p>
|
||||
</p>
|
||||
|
||||
</form>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="transaction-buttons">
|
||||
<div class="d-flex justify-content-end gap-2 mt-3">
|
||||
|
||||
<form th:action="@{/goal/delete}" method="post">
|
||||
<form th:action="@{/goal/delete}" method="post">
|
||||
|
||||
<input type="hidden" name="goalId" th:value="${goalForm.goalId}">
|
||||
<input type="hidden" name="record" th:value="1">
|
||||
<input type="hidden" name="goalId" th:value="${goalForm.goalId}">
|
||||
<input type="hidden" name="record" th:value="1">
|
||||
|
||||
<button type="submit">
|
||||
削除
|
||||
</button>
|
||||
<button class="btn btn-sm btn-danger" type="submit">
|
||||
削除
|
||||
</button>
|
||||
|
||||
</form>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<div class="d-grid mt-4">
|
||||
<form th:action="@{/goal}" method="get">
|
||||
|
||||
<button class="btn btn-success w-100" type="submit">
|
||||
戻る
|
||||
</button>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form th:action="@{/goal}" method="get">
|
||||
|
||||
<button type="submit">
|
||||
戻る
|
||||
</button>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
<div th:replace="~{footer :: footer}"></div>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -3,11 +3,10 @@
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type">
|
||||
<title>Insert title here</title>
|
||||
<title>取引登録</title>
|
||||
<link rel="stylesheet" th:href="@{/css/menu.css}">
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" th:href="@{/css/style.css}">
|
||||
</head>
|
||||
|
||||
<body style="padding-top:80px; padding-bottom:80px;">
|
||||
|
||||
Reference in New Issue
Block a user