2026_09_5H_Spring_KIZAKI/Monegement
16
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX]収支の選択に合わせてカテゴリが出るようにしました。

Browse Source
This commit is contained in:
[IIJ] Naoki Kawahito
2026-09-29 15:11:35 +09:00
parent d27d8afbb3
commit 00c3041d95
2 changed files with 79 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
src/main/resources/templates/transaction_create.html
View File

@@ -113,58 +113,66 @@
<div th:replace="~{footer :: footer}"></div>
<script inline="javascript">
const transactionType = document.getElementById("transactionType");
const categoryId = document.getElementById("categoryId");
<script th:inline="javascript">
const transactionType = document.getElementById("transactionType");
const categoryId = document.getElementById("categoryId");
const expenseList = document.getElementsByClassName("expenseListClass");
const incomeList = document.getElementsByClassName("incomeListClass");
const expenseList = document.getElementsByClassName("expenseListClass");
const incomeList = document.getElementsByClassName("incomeListClass");
const tType = '[[${session.tType}]]';
const tType = '[[${session.tType}]]';
if (tType == "0") {
transactionType.value = 0;
} else if (tType == "1") {
transactionType.value = 1;
}
function toggleCategory() {
if (transactionType.value === "0") {
transactionType.addEventListener("change", function () {
for (let i = 0; i < expenseList.length; i++) {
expenseList[i].style.display = "";
}
if (this.value === "0") {
for (let i = 0; i < incomeList.length; i++) {
incomeList[i].style.display = "none";
}
for (let i = 0; i < expenseList.length; i++) {
expenseList[i].style.display = "";
}
} else if (transactionType.value === "1") {
for (let i = 0; i < incomeList.length; i++) {
incomeList[i].style.display = "none";
}
for (let i = 0; i < expenseList.length; i++) {
expenseList[i].style.display = "none";
}
} else if (this.value === "1") {
for (let i = 0; i < incomeList.length; i++) {
incomeList[i].style.display = "";
}
for (let i = 0; i < expenseList.length; i++) {
expenseList[i].style.display = "none";
}
} else {
for (let i = 0; i < incomeList.length; i++) {
incomeList[i].style.display = "";
}
for (let i = 0; i < expenseList.length; i++) {
expenseList[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";
for (let i = 0; i < incomeList.length; i++) {
incomeList[i].style.display = "none";
}
}
}
categoryId.value = "";
});
</script>
transactionType.addEventListener("change", function () {
toggleCategory();
categoryId.value = "";
});
if (tType == "0") {
transactionType.value = "0";
} else if (tType == "1") {
transactionType.value = "1";
}
toggleCategory();
</script>
</body>

58
src/main/resources/templates/transaction_update.html
View File

@@ -156,7 +156,7 @@
<div th:replace="~{footer :: footer}">
</div>
<script inline="javascript">
<script th:inline="javascript">
const transactionType = document.getElementById("transactionType");
const categoryId = document.getElementById("categoryId");
@@ -165,36 +165,29 @@
const tType = '[[${session.tType}]]';
if (tType == "0") {
transactionType.value = 0;
} else if (tType == "1") {
transactionType.value = 1;
}
function toggleCategory() {
if (transactionType.value === "0") {
transactionType.addEventListener("change", function () {
for (let i = 0; i < expenseList.length; i++) {
expenseList[i].style.display = "";
}
if (this.value === "0") {
for (let i = 0; i < incomeList.length; i++) {
incomeList[i].style.display = "none";
}
for (let i = 0; i < expenseList.length; i++) {
expenseList[i].style.display = "";
}
} else if (transactionType.value === "1") {
for (let i = 0; i < incomeList.length; i++) {
incomeList[i].style.display = "none";
}
for (let i = 0; i < expenseList.length; i++) {
expenseList[i].style.display = "none";
}
} else if (this.value === "1") {
for (let i = 0; i < incomeList.length; i++) {
incomeList[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 = "";
}
} else {
} else {
for (let i = 0; i < expenseList.length; i++) {
expenseList[i].style.display = "none";
@@ -204,9 +197,24 @@
incomeList[i].style.display = "none";
}
}
}
transactionType.addEventListener("change", function () {
toggleCategory();
categoryId.value = "";
categoryId.value = "";
});
if (tType == "0") {
transactionType.value = "0";
} else if (tType == "1") {
transactionType.value = "1";
}
toggleCategory();
</script>