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

[EDIT] コースの情報を配分入力画面でも渡されるようにしました。

Browse Source
This commit is contained in:
s-choi
2026-09-29 15:08:49 +09:00
parent 7299ee0d06
commit 515c789399
1 changed files with 38 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/main/resources/templates/course_create_ratio.html
View File

@@ -24,58 +24,64 @@
<div class="mb-3"> <div class="mb-3">
<label class="form-label" for="allocationRatio4">固定費</label> <label class="form-label" for="allocationRatio4">固定費</label>
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio4" th:field="*{allocationRatio4}" required> <input class="form-control" type="number" min="0" max="100" onchange="inputChange()"
id="allocationRatio4" th:field="*{allocationRatio4}" required>
</div> </div>
<br> <br>
<div class="mb-3"> <div class="mb-3">
<label class="form-label" for="allocationRatio5">食費</label> <label class="form-label" for="allocationRatio5">食費</label>
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio5" th:field="*{allocationRatio5}" required> <input class="form-control" type="number" min="0" max="100" onchange="inputChange()"
id="allocationRatio5" th:field="*{allocationRatio5}" required>
</div> </div>
<br> <br>
<div class="mb-3"> <div class="mb-3">
<label class="form-label" for="allocationRatio6">交通費</label> <label class="form-label" for="allocationRatio6">交通費</label>
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio6" th:field="*{allocationRatio6}" required> <input class="form-control" type="number" min="0" max="100" onchange="inputChange()"
id="allocationRatio6" th:field="*{allocationRatio6}" required>
</div> </div>
<br> <br>
<div class="mb-3"> <div class="mb-3">
<label class="form-label" for="allocationRatio7">日用品費</label> <label class="form-label" for="allocationRatio7">日用品費</label>
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio7" th:field="*{allocationRatio7}" required> <input class="form-control" type="number" min="0" max="100" onchange="inputChange()"
id="allocationRatio7" th:field="*{allocationRatio7}" required>
</div> </div>
<br> <br>
<div class="mb-3"> <div class="mb-3">
<label class="form-label" for="allocationRatio8">被服/美容費</label> <label class="form-label" for="allocationRatio8">被服/美容費</label>
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio8" th:field="*{allocationRatio8}" required> <input class="form-control" type="number" min="0" max="100" onchange="inputChange()"
id="allocationRatio8" th:field="*{allocationRatio8}" required>
</div> </div>
<br> <br>
<div class="mb-3"> <div class="mb-3">
<label class="form-label" for="allocationRatio9">医療費</label> <label class="form-label" for="allocationRatio9">医療費</label>
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio9" th:field="*{allocationRatio9}" required> <input class="form-control" type="number" min="0" max="100" onchange="inputChange()"
id="allocationRatio9" th:field="*{allocationRatio9}" required>
</div> </div>
<br> <br>
<div class="mb-3"> <div class="mb-3">
<label class="form-label" for="allocationRatio10">趣味/娯楽費</label> <label class="form-label" for="allocationRatio10">趣味/娯楽費</label>
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio10" <input class="form-control" type="number" min="0" max="100" onchange="inputChange()"
th:field="*{allocationRatio10}" required> id="allocationRatio10" th:field="*{allocationRatio10}" required>
</div> </div>
<br> <br>
<div class="mb-3"> <div class="mb-3">
<label class="form-label" for="allocationRatio11">その他</label> <label class="form-label" for="allocationRatio11">その他</label>
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio11" <input class="form-control" type="number" min="0" max="100" onchange="inputChange()"
th:field="*{allocationRatio11}" required> id="allocationRatio11" th:field="*{allocationRatio11}" required>
</div> </div>
<div class="mb-3"> <div class="mb-3">
@@ -88,23 +94,31 @@
<button type="submit" class="btn btn-primary" id="submit" disabled="true">登録</button> <button type="submit" class="btn btn-primary" id="submit" disabled="true">登録</button>
</div> </div>
</form>
<span th:object="${courseForm}">
<input type="hidden" id="courseName" th:field="*{courseName}" required>
<br>
<input type="hidden" id="description" th:field="*{description}">
</span>
</div> </div>
</div> </div>
</div> </div>
</div>
<div th:replace="~{footer :: footer}"></div> <div th:replace="~{footer :: footer}"></div>
<script> <script>
function inputChange(){ function inputChange() {
let total=0; let total = 0;
for(let i=4; i<=11; i++){ for (let i = 4; i <= 11; i++) {
total += Number(document.getElementById(`allocationRatio${i}`).value || 0); total += Number(document.getElementById(`allocationRatio${i}`).value || 0);
if(total == 100){ if (total == 100) {
document.getElementById('submit').disabled = false; document.getElementById('submit').disabled = false;
}else{ } else {
document.getElementById('submit').disabled = true; document.getElementById('submit').disabled = true;
} }
} }