Compare commits
30 Commits
f37dd792a0
...
n-kawahito
| Author | SHA1 | Date | |
|---|---|---|---|
| a10a4053cf | |||
|
|
a811b0d261 | ||
|
|
9d5dd5b9b2 | ||
|
|
378c169c1f | ||
|
|
e67912a259 | ||
|
|
c470cc1970 | ||
|
|
edadbf86ec | ||
| 546a2927eb | |||
|
|
129d74a4df | ||
|
|
d3b76fb2cd | ||
|
|
67cc89d2a8 | ||
| 31b5e54023 | |||
| 1d34a2189d | |||
|
|
bbee55f58f | ||
|
|
f319fcb9f8 | ||
| 78d3042299 | |||
| ead133ba65 | |||
| 00c3041d95 | |||
|
|
65b4a9e54a | ||
|
|
515c789399 | ||
|
|
7299ee0d06 | ||
|
|
fa0bfa7c90 | ||
|
|
a911eaabc5 | ||
| d27d8afbb3 | |||
|
|
d291306599 | ||
| 04b15c4397 | |||
|
|
5c87473e55 | ||
| e6b1e676a6 | |||
| b666b32214 | |||
|
|
52cf2b0a84 |
@@ -49,7 +49,7 @@ public class GlobalExceptionHandler {
|
|||||||
|
|
||||||
LOGGER.log(Level.SEVERE, SEVERE_ERROR_MESSAGE_ILLEGAL_TRANSITION, e);
|
LOGGER.log(Level.SEVERE, SEVERE_ERROR_MESSAGE_ILLEGAL_TRANSITION, e);
|
||||||
|
|
||||||
System.out.println("session invalidated method not supported exception");
|
System.out.println("session invalidated");
|
||||||
session.invalidate();
|
session.invalidate();
|
||||||
|
|
||||||
return TransitionTargetPageNameKeyword.ERROR_HTML;
|
return TransitionTargetPageNameKeyword.ERROR_HTML;
|
||||||
@@ -61,7 +61,7 @@ public class GlobalExceptionHandler {
|
|||||||
e.printStackTrace();
|
e.printStackTrace();
|
||||||
|
|
||||||
System.out.println("session invalidated exception");
|
System.out.println("session invalidated exception");
|
||||||
session.invalidate();
|
// session.invalidate();
|
||||||
return TransitionTargetPageNameKeyword.ERROR_HTML;
|
return TransitionTargetPageNameKeyword.ERROR_HTML;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -8,6 +8,4 @@ public interface AllocationService {
|
|||||||
|
|
||||||
public List<AllocationModel> findAll();
|
public List<AllocationModel> findAll();
|
||||||
|
|
||||||
public List<AllocationModel> save(List<AllocationModel> allocationModelList);
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,6 +3,7 @@ package com.example.demo.app.domain.service;
|
|||||||
import java.util.List;
|
import java.util.List;
|
||||||
|
|
||||||
import com.example.demo.app.domain.model.CourseModel;
|
import com.example.demo.app.domain.model.CourseModel;
|
||||||
|
import com.example.demo.app.presentation.form.AllocationFormList;
|
||||||
|
|
||||||
public interface CourseService {
|
public interface CourseService {
|
||||||
|
|
||||||
@@ -12,12 +13,14 @@ public interface CourseService {
|
|||||||
|
|
||||||
public Long findByName(String courName);
|
public Long findByName(String courName);
|
||||||
|
|
||||||
public CourseModel save(CourseModel courseModel, Long userId);
|
public CourseModel save(CourseModel courseModel, Long userId, AllocationFormList allocationFormList);
|
||||||
|
|
||||||
public List<CourseModel> findAllByUserId(Long userId);
|
public List<CourseModel> findAllByUserId(Long userId);
|
||||||
|
|
||||||
public List<CourseModel> findAllByNull();
|
public List<CourseModel> findAllByNull();
|
||||||
|
|
||||||
|
public String deleteCourse(Long courseId, Long userId);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
package com.example.demo.app.domain.service.impl;
|
package com.example.demo.app.domain.service.impl;
|
||||||
|
|
||||||
import java.util.ArrayList;
|
|
||||||
import java.util.List;
|
import java.util.List;
|
||||||
|
|
||||||
import org.springframework.stereotype.Service;
|
import org.springframework.stereotype.Service;
|
||||||
@@ -26,26 +25,5 @@ public class AllocationServiceImpl implements AllocationService {
|
|||||||
return AllocationEntity.createAllocationModelList(allocationRepository.findAll());
|
return AllocationEntity.createAllocationModelList(allocationRepository.findAll());
|
||||||
}
|
}
|
||||||
|
|
||||||
public List<AllocationModel> save(List<AllocationModel> allocationModelList) {
|
|
||||||
|
|
||||||
List<AllocationEntity> allocationEntityList = new ArrayList<>();
|
|
||||||
|
|
||||||
allocationModelList.forEach(allocationModel -> {
|
|
||||||
allocationEntityList.add(
|
|
||||||
AllocationModel.convertTo(
|
|
||||||
categoryRepository.findById(allocationModel.getCategoryId()).get(),
|
|
||||||
courseRepository.findById(allocationModel.getCourseId()).get(),
|
|
||||||
allocationModel.getAllocationRatio()));
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
List<AllocationModel> result = new ArrayList<>();
|
|
||||||
for (AllocationEntity allocationEntity : allocationEntityList) {
|
|
||||||
result.add(AllocationModel.convertFrom(allocationRepository.save(allocationEntity)));
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -7,14 +7,19 @@ import jakarta.transaction.Transactional;
|
|||||||
|
|
||||||
import org.springframework.stereotype.Service;
|
import org.springframework.stereotype.Service;
|
||||||
|
|
||||||
|
import com.example.demo.app.domain.model.AllocationModel;
|
||||||
import com.example.demo.app.domain.model.CourseModel;
|
import com.example.demo.app.domain.model.CourseModel;
|
||||||
import com.example.demo.app.domain.service.CourseService;
|
import com.example.demo.app.domain.service.CourseService;
|
||||||
|
import com.example.demo.app.infra.entity.AllocationEntity;
|
||||||
import com.example.demo.app.infra.entity.CourseEntity;
|
import com.example.demo.app.infra.entity.CourseEntity;
|
||||||
import com.example.demo.app.infra.entity.CourseOwnerEntity;
|
import com.example.demo.app.infra.entity.CourseOwnerEntity;
|
||||||
import com.example.demo.app.infra.entity.UserEntity;
|
import com.example.demo.app.infra.entity.UserEntity;
|
||||||
|
import com.example.demo.app.infra.repository.AllocationRepository;
|
||||||
|
import com.example.demo.app.infra.repository.CategoryRepository;
|
||||||
import com.example.demo.app.infra.repository.CourseOwnerRepository;
|
import com.example.demo.app.infra.repository.CourseOwnerRepository;
|
||||||
import com.example.demo.app.infra.repository.CourseRepository;
|
import com.example.demo.app.infra.repository.CourseRepository;
|
||||||
import com.example.demo.app.infra.repository.UserRepository;
|
import com.example.demo.app.infra.repository.UserRepository;
|
||||||
|
import com.example.demo.app.presentation.form.AllocationFormList;
|
||||||
|
|
||||||
import lombok.RequiredArgsConstructor;
|
import lombok.RequiredArgsConstructor;
|
||||||
|
|
||||||
@@ -22,11 +27,14 @@ import lombok.RequiredArgsConstructor;
|
|||||||
@RequiredArgsConstructor
|
@RequiredArgsConstructor
|
||||||
public class CourseServiceImpl implements CourseService {
|
public class CourseServiceImpl implements CourseService {
|
||||||
|
|
||||||
|
private final AllocationRepository allocationRepository;
|
||||||
|
|
||||||
private final CourseRepository courseRepository;
|
private final CourseRepository courseRepository;
|
||||||
private final UserRepository userRepository;
|
private final UserRepository userRepository;
|
||||||
private final CourseOwnerRepository courseOwnerRepository;
|
private final CourseOwnerRepository courseOwnerRepository;
|
||||||
|
private final CategoryRepository categoryRepository;
|
||||||
|
|
||||||
public List<CourseModel> findAll(){
|
public List<CourseModel> findAll() {
|
||||||
|
|
||||||
return CourseEntity.createCourseModelList(courseRepository.findAll());
|
return CourseEntity.createCourseModelList(courseRepository.findAll());
|
||||||
}
|
}
|
||||||
@@ -49,11 +57,42 @@ public class CourseServiceImpl implements CourseService {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@Transactional
|
@Transactional
|
||||||
public CourseModel save(CourseModel courseModel, Long userId) {
|
public CourseModel save(CourseModel courseModel, Long userId, AllocationFormList allocationFormList) {
|
||||||
|
|
||||||
List<UserEntity> userEntityList = new ArrayList<>();
|
List<UserEntity> userEntityList = new ArrayList<>();
|
||||||
userEntityList.add(userRepository.findById(userId).get());
|
userEntityList.add(userRepository.findById(userId).get());
|
||||||
CourseEntity result = courseRepository.save( CourseModel.convertTo(courseModel));
|
CourseEntity result = courseRepository.save(CourseModel.convertTo(courseModel));
|
||||||
|
|
||||||
|
List<AllocationModel> allocationModelList = new ArrayList<>();
|
||||||
|
|
||||||
|
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId4(),
|
||||||
|
result.getCourseId(),
|
||||||
|
allocationFormList.getAllocationRatio4()));
|
||||||
|
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId5(),
|
||||||
|
result.getCourseId(),
|
||||||
|
allocationFormList.getAllocationRatio5()));
|
||||||
|
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId6(),
|
||||||
|
result.getCourseId(),
|
||||||
|
allocationFormList.getAllocationRatio6()));
|
||||||
|
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId7(),
|
||||||
|
result.getCourseId(),
|
||||||
|
allocationFormList.getAllocationRatio7()));
|
||||||
|
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId8(),
|
||||||
|
result.getCourseId(),
|
||||||
|
allocationFormList.getAllocationRatio8()));
|
||||||
|
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId9(),
|
||||||
|
result.getCourseId(),
|
||||||
|
allocationFormList.getAllocationRatio9()));
|
||||||
|
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId10(),
|
||||||
|
result.getCourseId(),
|
||||||
|
allocationFormList.getAllocationRatio10()));
|
||||||
|
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId11(),
|
||||||
|
result.getCourseId(),
|
||||||
|
allocationFormList.getAllocationRatio11()));
|
||||||
|
|
||||||
|
allocationModelList.stream().forEach(allocation -> {
|
||||||
|
System.out.println(allocation.getCourseId());
|
||||||
|
});
|
||||||
|
|
||||||
UserEntity user = userRepository.findById(userId).orElse(null);
|
UserEntity user = userRepository.findById(userId).orElse(null);
|
||||||
|
|
||||||
@@ -67,8 +106,39 @@ public class CourseServiceImpl implements CourseService {
|
|||||||
|
|
||||||
courseOwnerRepository.save(courseOwnerEntity);
|
courseOwnerRepository.save(courseOwnerEntity);
|
||||||
|
|
||||||
|
List<AllocationEntity> allocationEntityList = new ArrayList<>();
|
||||||
|
|
||||||
|
allocationModelList.forEach(allocationModel -> {
|
||||||
|
allocationEntityList.add(
|
||||||
|
AllocationModel.convertTo(
|
||||||
|
categoryRepository.findById(allocationModel.getCategoryId()).get(),
|
||||||
|
courseRepository.findById(allocationModel.getCourseId()).get(),
|
||||||
|
allocationModel.getAllocationRatio()));
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
List<AllocationModel> resultList = new ArrayList<>();
|
||||||
|
for (AllocationEntity allocationEntity : allocationEntityList) {
|
||||||
|
resultList.add(AllocationModel.convertFrom(allocationRepository.save(allocationEntity)));
|
||||||
|
}
|
||||||
|
|
||||||
return CourseModel.convertFrom(result);
|
return CourseModel.convertFrom(result);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@Transactional
|
||||||
|
public String deleteCourse(Long courseId, Long userId) {
|
||||||
|
|
||||||
|
UserEntity userEntity = userRepository.findById(userId).orElse(null);
|
||||||
|
if (userEntity.getCourseEntity().getCourseId() == courseId) {
|
||||||
|
return "selected";
|
||||||
|
} else if (courseId <= 6) {
|
||||||
|
return "original";
|
||||||
|
}
|
||||||
|
allocationRepository.deleteByCourseId(courseId);
|
||||||
|
courseOwnerRepository.deleteByCourseId(courseId);
|
||||||
|
courseRepository.deleteById(courseId);
|
||||||
|
return "ok";
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,6 +3,7 @@ package com.example.demo.app.infra.repository;
|
|||||||
import java.util.List;
|
import java.util.List;
|
||||||
|
|
||||||
import org.springframework.data.jpa.repository.JpaRepository;
|
import org.springframework.data.jpa.repository.JpaRepository;
|
||||||
|
import org.springframework.data.jpa.repository.Modifying;
|
||||||
import org.springframework.data.jpa.repository.Query;
|
import org.springframework.data.jpa.repository.Query;
|
||||||
|
|
||||||
import com.example.demo.app.domain.model.CourseInfoModel;
|
import com.example.demo.app.domain.model.CourseInfoModel;
|
||||||
@@ -29,4 +30,8 @@ public interface AllocationRepository extends JpaRepository<AllocationEntity, Al
|
|||||||
+ " a.categoryEntity.categoryId ASC ")
|
+ " a.categoryEntity.categoryId ASC ")
|
||||||
List<CourseInfoModel> findAllJoinedAllocation();
|
List<CourseInfoModel> findAllJoinedAllocation();
|
||||||
|
|
||||||
|
@Modifying
|
||||||
|
@Query("delete from AllocationEntity a where a.courseEntity.courseId = :courseId")
|
||||||
|
void deleteByCourseId(Long courseId);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,9 +1,15 @@
|
|||||||
package com.example.demo.app.infra.repository;
|
package com.example.demo.app.infra.repository;
|
||||||
|
|
||||||
import org.springframework.data.jpa.repository.JpaRepository;
|
import org.springframework.data.jpa.repository.JpaRepository;
|
||||||
|
import org.springframework.data.jpa.repository.Modifying;
|
||||||
|
import org.springframework.data.jpa.repository.Query;
|
||||||
|
|
||||||
import com.example.demo.app.infra.entity.CourseOwnerEntity;
|
import com.example.demo.app.infra.entity.CourseOwnerEntity;
|
||||||
|
|
||||||
public interface CourseOwnerRepository extends JpaRepository<CourseOwnerEntity, Long>{
|
public interface CourseOwnerRepository extends JpaRepository<CourseOwnerEntity, Long>{
|
||||||
|
|
||||||
|
@Modifying
|
||||||
|
@Query("delete from CourseOwnerEntity c where c.courseEntity.courseId = :courseId")
|
||||||
|
public void deleteByCourseId(Long courseId);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -13,7 +13,6 @@ import org.springframework.web.bind.annotation.PostMapping;
|
|||||||
import org.springframework.web.bind.annotation.RequestParam;
|
import org.springframework.web.bind.annotation.RequestParam;
|
||||||
|
|
||||||
import com.example.demo.aop.aspect.SessionCheck;
|
import com.example.demo.aop.aspect.SessionCheck;
|
||||||
import com.example.demo.app.domain.model.AllocationModel;
|
|
||||||
import com.example.demo.app.domain.model.CourseModel;
|
import com.example.demo.app.domain.model.CourseModel;
|
||||||
import com.example.demo.app.domain.model.LoginModel;
|
import com.example.demo.app.domain.model.LoginModel;
|
||||||
import com.example.demo.app.domain.service.AllocationService;
|
import com.example.demo.app.domain.service.AllocationService;
|
||||||
@@ -111,48 +110,48 @@ public class CourseController {
|
|||||||
|
|
||||||
LoginModel loginUser = (LoginModel) session.getAttribute(SessionKeyword.LOGIN_USER);
|
LoginModel loginUser = (LoginModel) session.getAttribute(SessionKeyword.LOGIN_USER);
|
||||||
|
|
||||||
CourseForm form = CourseForm
|
model.addAttribute("courseForm", courseForm);
|
||||||
.convertFrom(courseService.save(CourseForm.convertTo(courseForm), loginUser.getUserId()));
|
|
||||||
|
|
||||||
session.setAttribute(PageReturnAttributeKeyword.COURSE_ID, form.getCourseId());
|
|
||||||
|
|
||||||
return TransitionTargetPageNameKeyword.COURSE_CREATE_RATIO_HTML;
|
return TransitionTargetPageNameKeyword.COURSE_CREATE_RATIO_HTML;
|
||||||
}
|
}
|
||||||
|
|
||||||
@SessionCheck
|
@SessionCheck
|
||||||
@PostMapping(TransitionTargetPageNameKeyword.COURSE_CREATE)
|
@PostMapping(TransitionTargetPageNameKeyword.COURSE_CREATE)
|
||||||
public String createCoursePost(@ModelAttribute AllocationFormList allocationFormList, HttpSession session) {
|
public String createCoursePost(@ModelAttribute CourseForm courseForm,
|
||||||
|
@ModelAttribute AllocationFormList allocationFormList, HttpSession session) {
|
||||||
|
LoginModel loginUser = (LoginModel) session.getAttribute(SessionKeyword.LOGIN_USER);
|
||||||
|
|
||||||
List<AllocationModel> allocationModelList = new ArrayList<>();
|
courseService.save(CourseForm.convertTo(courseForm), loginUser.getUserId(), allocationFormList);
|
||||||
|
|
||||||
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId4(),
|
|
||||||
(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
|
|
||||||
allocationFormList.getAllocationRatio4()));
|
|
||||||
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId5(),
|
|
||||||
(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
|
|
||||||
allocationFormList.getAllocationRatio5()));
|
|
||||||
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId6(),
|
|
||||||
(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
|
|
||||||
allocationFormList.getAllocationRatio6()));
|
|
||||||
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId7(),
|
|
||||||
(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
|
|
||||||
allocationFormList.getAllocationRatio7()));
|
|
||||||
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId8(),
|
|
||||||
(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
|
|
||||||
allocationFormList.getAllocationRatio8()));
|
|
||||||
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId9(),
|
|
||||||
(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
|
|
||||||
allocationFormList.getAllocationRatio9()));
|
|
||||||
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId10(),
|
|
||||||
(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
|
|
||||||
allocationFormList.getAllocationRatio10()));
|
|
||||||
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId11(),
|
|
||||||
(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
|
|
||||||
allocationFormList.getAllocationRatio11()));
|
|
||||||
|
|
||||||
allocationService.save(allocationModelList);
|
|
||||||
|
|
||||||
return TransitionTargetPageNameKeyword.REDIRECT + TransitionTargetPageNameKeyword.COURSE;
|
return TransitionTargetPageNameKeyword.REDIRECT + TransitionTargetPageNameKeyword.COURSE;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@SessionCheck
|
||||||
|
@PostMapping("/course/delete")
|
||||||
|
public String createCoursePost(@RequestParam Long courseId, HttpSession session, Model model) {
|
||||||
|
|
||||||
|
LoginModel loginUser = (LoginModel) session.getAttribute(SessionKeyword.LOGIN_USER);
|
||||||
|
|
||||||
|
// System.out.println("**********************cousrId: " + courseId);
|
||||||
|
String condition = courseService.deleteCourse(courseId, loginUser.getUserId());
|
||||||
|
|
||||||
|
if (condition.equals("selected")) {
|
||||||
|
|
||||||
|
model.addAttribute("message", "適用中のコースは選べません");
|
||||||
|
|
||||||
|
return TransitionTargetPageNameKeyword.REDIRECT + TransitionTargetPageNameKeyword.COURSE;
|
||||||
|
|
||||||
|
} else if (condition.equals("original")) {
|
||||||
|
model.addAttribute("message", "既存のデータは削除できません");
|
||||||
|
|
||||||
|
return TransitionTargetPageNameKeyword.REDIRECT + TransitionTargetPageNameKeyword.COURSE;
|
||||||
|
} else if (condition.equals("ok")) {
|
||||||
|
return TransitionTargetPageNameKeyword.REDIRECT + TransitionTargetPageNameKeyword.COURSE;
|
||||||
|
}
|
||||||
|
model.addAttribute("message", "エラーが発生しました");
|
||||||
|
|
||||||
|
return TransitionTargetPageNameKeyword.REDIRECT + TransitionTargetPageNameKeyword.COURSE;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -57,6 +57,8 @@ public class GoalController {
|
|||||||
|
|
||||||
Long userId = loginUser.getUserId();
|
Long userId = loginUser.getUserId();
|
||||||
|
|
||||||
|
LocalDate today = LocalDate.now();
|
||||||
|
|
||||||
goalService.updateGoalComplete(userId);
|
goalService.updateGoalComplete(userId);
|
||||||
|
|
||||||
List<GoalModel> goalModelList = goalService.getGoalByUserId(userId);
|
List<GoalModel> goalModelList = goalService.getGoalByUserId(userId);
|
||||||
@@ -64,7 +66,8 @@ public class GoalController {
|
|||||||
List<GoalForm> goalFormList1 = GoalForm.convertFrom(goalModelList);
|
List<GoalForm> goalFormList1 = GoalForm.convertFrom(goalModelList);
|
||||||
|
|
||||||
List<GoalForm> goalFormList = goalFormList1.stream()
|
List<GoalForm> goalFormList = goalFormList1.stream()
|
||||||
.filter(goalForm -> goalForm.getGoalComplete() == 0)
|
.filter(goalForm -> goalForm.getGoalComplete() == 0
|
||||||
|
&& !goalForm.getDeadline().isBefore(today))
|
||||||
.collect(Collectors.toList());
|
.collect(Collectors.toList());
|
||||||
|
|
||||||
model.addAttribute(
|
model.addAttribute(
|
||||||
@@ -107,8 +110,6 @@ public class GoalController {
|
|||||||
1,
|
1,
|
||||||
1);
|
1);
|
||||||
|
|
||||||
LocalDate today = LocalDate.now();
|
|
||||||
|
|
||||||
Map<LocalDate, List<TransactionForm>> transactionFormMap = new HashMap<>();
|
Map<LocalDate, List<TransactionForm>> transactionFormMap = new HashMap<>();
|
||||||
|
|
||||||
transactionService
|
transactionService
|
||||||
@@ -238,7 +239,6 @@ public class GoalController {
|
|||||||
|
|
||||||
GoalForm goalForm = GoalForm.convertFrom(goalService.getGoalById(goalId));
|
GoalForm goalForm = GoalForm.convertFrom(goalService.getGoalById(goalId));
|
||||||
|
|
||||||
|
|
||||||
model.addAttribute(PageReturnAttributeKeyword.GOAL_FORM, goalForm);
|
model.addAttribute(PageReturnAttributeKeyword.GOAL_FORM, goalForm);
|
||||||
return TransitionTargetPageNameKeyword.GOAL_EDIT_HTML;
|
return TransitionTargetPageNameKeyword.GOAL_EDIT_HTML;
|
||||||
|
|
||||||
@@ -275,7 +275,9 @@ public class GoalController {
|
|||||||
|
|
||||||
int currentAmount = goalService.getCurrentAmount(userId);
|
int currentAmount = goalService.getCurrentAmount(userId);
|
||||||
|
|
||||||
model.addAttribute(PageReturnAttributeKeyword.CURRENT_AMOUNT, currentAmount);
|
// System.out.println("************************currentAmount : " + currentAmount);
|
||||||
|
|
||||||
|
session.setAttribute(PageReturnAttributeKeyword.CURRENT_AMOUNT, currentAmount);
|
||||||
|
|
||||||
return TransitionTargetPageNameKeyword.GOAL_CREATE_HTML;
|
return TransitionTargetPageNameKeyword.GOAL_CREATE_HTML;
|
||||||
}
|
}
|
||||||
@@ -305,7 +307,8 @@ public class GoalController {
|
|||||||
if (record == null) {
|
if (record == null) {
|
||||||
return TransitionTargetPageNameKeyword.REDIRECT + TransitionTargetPageNameKeyword.GOAL;
|
return TransitionTargetPageNameKeyword.REDIRECT + TransitionTargetPageNameKeyword.GOAL;
|
||||||
} else {
|
} else {
|
||||||
return TransitionTargetPageNameKeyword.REDIRECT + TransitionTargetPageNameKeyword.GOAL + TransitionTargetPageNameKeyword.RECORD;
|
return TransitionTargetPageNameKeyword.REDIRECT + TransitionTargetPageNameKeyword.GOAL
|
||||||
|
+ TransitionTargetPageNameKeyword.RECORD;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -314,6 +317,8 @@ public class GoalController {
|
|||||||
@GetMapping(TransitionTargetPageNameKeyword.RECORD)
|
@GetMapping(TransitionTargetPageNameKeyword.RECORD)
|
||||||
public String getRecord(HttpSession session, Model model) {
|
public String getRecord(HttpSession session, Model model) {
|
||||||
|
|
||||||
|
LocalDate today = LocalDate.now();
|
||||||
|
|
||||||
LoginModel loginUser = (LoginModel) session.getAttribute(SessionKeyword.LOGIN_USER);
|
LoginModel loginUser = (LoginModel) session.getAttribute(SessionKeyword.LOGIN_USER);
|
||||||
|
|
||||||
Long userId = loginUser.getUserId();
|
Long userId = loginUser.getUserId();
|
||||||
@@ -325,7 +330,13 @@ public class GoalController {
|
|||||||
List<GoalForm> goalCompleteFormList = new ArrayList<>();
|
List<GoalForm> goalCompleteFormList = new ArrayList<>();
|
||||||
|
|
||||||
goalFormList.stream().forEach(goalForm -> {
|
goalFormList.stream().forEach(goalForm -> {
|
||||||
if (goalForm.getGoalComplete() == 1) {
|
if (goalForm.getGoalComplete() == 1 || goalForm.getDeadline().isBefore(today)) {
|
||||||
|
|
||||||
|
goalForm.setStatus(
|
||||||
|
goalForm.getGoalComplete() == 1
|
||||||
|
? "達成"
|
||||||
|
: "未達成");
|
||||||
|
|
||||||
goalCompleteFormList.add(goalForm);
|
goalCompleteFormList.add(goalForm);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -297,6 +297,23 @@ public class TransactionController {
|
|||||||
transactionService.findMoneyRecord(transactionId),
|
transactionService.findMoneyRecord(transactionId),
|
||||||
CategoryForm.convertFrom(categoryService.findByTransactionId(transactionId)).getTransactionType());
|
CategoryForm.convertFrom(categoryService.findByTransactionId(transactionId)).getTransactionType());
|
||||||
|
|
||||||
|
List<CategoryForm> expenseList = new ArrayList<CategoryForm>();
|
||||||
|
|
||||||
|
List<CategoryForm> incomeList = new ArrayList<CategoryForm>();
|
||||||
|
|
||||||
|
for (CategoryForm categoryForm : categoryFormList) {
|
||||||
|
|
||||||
|
if (categoryForm.getTransactionType() == 0) {
|
||||||
|
expenseList.add(categoryForm);
|
||||||
|
} else {
|
||||||
|
incomeList.add(categoryForm);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
model.addAttribute(PageReturnAttributeKeyword.EXPENSE_LIST, expenseList);
|
||||||
|
model.addAttribute(PageReturnAttributeKeyword.INCOME_LIST, incomeList);
|
||||||
|
|
||||||
model.addAttribute(PageReturnAttributeKeyword.TRANSACTION_ID, transactionId);
|
model.addAttribute(PageReturnAttributeKeyword.TRANSACTION_ID, transactionId);
|
||||||
|
|
||||||
model.addAttribute(PageReturnAttributeKeyword.TRANSACTION_FORM, transactionForm);
|
model.addAttribute(PageReturnAttributeKeyword.TRANSACTION_FORM, transactionForm);
|
||||||
@@ -305,6 +322,8 @@ public class TransactionController {
|
|||||||
|
|
||||||
model.addAttribute(PageReturnAttributeKeyword.TODAY, today);
|
model.addAttribute(PageReturnAttributeKeyword.TODAY, today);
|
||||||
|
|
||||||
|
session.setAttribute(SessionKeyword.T_TYPE, transactionForm.getTransactionType());
|
||||||
|
|
||||||
return TransitionTargetPageNameKeyword.TRANSACTION_UPDATE_HTML;
|
return TransitionTargetPageNameKeyword.TRANSACTION_UPDATE_HTML;
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -353,29 +372,29 @@ public class TransactionController {
|
|||||||
@RequestParam(required = false, defaultValue = "0") String months) {
|
@RequestParam(required = false, defaultValue = "0") String months) {
|
||||||
|
|
||||||
LoginModel loginUser = (LoginModel) session.getAttribute(SessionKeyword.LOGIN_USER);
|
LoginModel loginUser = (LoginModel) session.getAttribute(SessionKeyword.LOGIN_USER);
|
||||||
System.out.println("******************************************::1");
|
|
||||||
LocalDate today = LocalDate.now();
|
LocalDate today = LocalDate.now();
|
||||||
System.out.println("******************************************::2");
|
|
||||||
int year = (years.equals("0")) ? today.getYear() : Integer.parseInt(years);
|
int year = (years.equals("0")) ? today.getYear() : Integer.parseInt(years);
|
||||||
System.out.println("******************************************::3");
|
|
||||||
int month = (months.equals("0")) ? today.getMonthValue() : Integer.parseInt(months);
|
int month = (months.equals("0")) ? today.getMonthValue() : Integer.parseInt(months);
|
||||||
System.out.println("******************************************::4");
|
|
||||||
YearMonth yearMonth = YearMonth.of(year, month);
|
YearMonth yearMonth = YearMonth.of(year, month);
|
||||||
System.out.println("******************************************::5");
|
|
||||||
int lastDay = yearMonth.lengthOfMonth();
|
int lastDay = yearMonth.lengthOfMonth();
|
||||||
System.out.println("******************************************::6");
|
|
||||||
int firstDayOfWeek = yearMonth.atDay(1).getDayOfWeek().getValue() % 7;
|
int firstDayOfWeek = yearMonth.atDay(1).getDayOfWeek().getValue() % 7;
|
||||||
System.out.println("******************************************::7");
|
|
||||||
YearMonth previousYearMonth = yearMonth.minusMonths(1);
|
YearMonth previousYearMonth = yearMonth.minusMonths(1);
|
||||||
System.out.println("******************************************::8");
|
|
||||||
int previousYear = previousYearMonth.getYear();
|
int previousYear = previousYearMonth.getYear();
|
||||||
int previousMonth = previousYearMonth.getMonthValue();
|
int previousMonth = previousYearMonth.getMonthValue();
|
||||||
System.out.println("******************************************::9");
|
|
||||||
YearMonth nextYearMonth = yearMonth.plusMonths(1);
|
YearMonth nextYearMonth = yearMonth.plusMonths(1);
|
||||||
System.out.println("******************************************::10");
|
|
||||||
int nextYear = nextYearMonth.getYear();
|
int nextYear = nextYearMonth.getYear();
|
||||||
int nextMonth = nextYearMonth.getMonthValue();
|
int nextMonth = nextYearMonth.getMonthValue();
|
||||||
System.out.println("******************************************::11");
|
|
||||||
model.addAttribute(PageReturnAttributeKeyword.YEAR, year);
|
model.addAttribute(PageReturnAttributeKeyword.YEAR, year);
|
||||||
model.addAttribute(PageReturnAttributeKeyword.MONTH, month);
|
model.addAttribute(PageReturnAttributeKeyword.MONTH, month);
|
||||||
model.addAttribute(PageReturnAttributeKeyword.DAY, today.getDayOfMonth());
|
model.addAttribute(PageReturnAttributeKeyword.DAY, today.getDayOfMonth());
|
||||||
@@ -388,34 +407,34 @@ public class TransactionController {
|
|||||||
|
|
||||||
model.addAttribute(PageReturnAttributeKeyword.NEXT_YEAR, nextYear);
|
model.addAttribute(PageReturnAttributeKeyword.NEXT_YEAR, nextYear);
|
||||||
model.addAttribute(PageReturnAttributeKeyword.NEXT_MONTH, nextMonth);
|
model.addAttribute(PageReturnAttributeKeyword.NEXT_MONTH, nextMonth);
|
||||||
System.out.println("******************************************::12");
|
|
||||||
LocalDate startDate = yearMonth.atDay(1);
|
LocalDate startDate = yearMonth.atDay(1);
|
||||||
LocalDate endDate = yearMonth.atEndOfMonth();
|
LocalDate endDate = yearMonth.atEndOfMonth();
|
||||||
System.out.println("******************************************::13");
|
|
||||||
List<Income> incomeList = transactionService.findTotalIncomeList(startDate, endDate, loginUser.getUserId());
|
List<Income> incomeList = transactionService.findTotalIncomeList(startDate, endDate, loginUser.getUserId());
|
||||||
System.out.println("******************************************::14");
|
|
||||||
List<Expense> expenseList = transactionService.findTotalExpenseList(startDate, endDate, loginUser.getUserId());
|
List<Expense> expenseList = transactionService.findTotalExpenseList(startDate, endDate, loginUser.getUserId());
|
||||||
System.out.println("******************************************::15");
|
|
||||||
model.addAttribute(PageReturnAttributeKeyword.INCOME_LIST, incomeList);
|
model.addAttribute(PageReturnAttributeKeyword.INCOME_LIST, incomeList);
|
||||||
model.addAttribute(PageReturnAttributeKeyword.EXPENSE_LIST, expenseList);
|
model.addAttribute(PageReturnAttributeKeyword.EXPENSE_LIST, expenseList);
|
||||||
System.out.println("******************************************::16");
|
|
||||||
int totalIncome = transactionService.findTotalIncome(startDate, endDate, loginUser.getUserId());
|
int totalIncome = transactionService.findTotalIncome(startDate, endDate, loginUser.getUserId());
|
||||||
|
|
||||||
int totalExpense = transactionService.findTotalExpense(startDate, endDate, loginUser.getUserId());
|
int totalExpense = transactionService.findTotalExpense(startDate, endDate, loginUser.getUserId());
|
||||||
System.out.println("******************************************::17");
|
|
||||||
model.addAttribute(PageReturnAttributeKeyword.TOTAL_INCOME, totalIncome);
|
model.addAttribute(PageReturnAttributeKeyword.TOTAL_INCOME, totalIncome);
|
||||||
model.addAttribute(PageReturnAttributeKeyword.TOTAL_EXPENSE, totalExpense);
|
model.addAttribute(PageReturnAttributeKeyword.TOTAL_EXPENSE, totalExpense);
|
||||||
System.out.println("******************************************::18");
|
|
||||||
List<GoalForm> goalForm = GoalForm.convertFrom(goalService.getGoalByUserId(loginUser.getUserId()));
|
List<GoalForm> goalForm = GoalForm.convertFrom(goalService.getGoalByUserId(loginUser.getUserId()));
|
||||||
System.out.println("******************************************::19");
|
|
||||||
UserForm userForm = UserForm.convertFrom(userService.findByUserId(loginUser.getUserId()));
|
UserForm userForm = UserForm.convertFrom(userService.findByUserId(loginUser.getUserId()));
|
||||||
System.out.println("******************************************::20");
|
|
||||||
List<GoalForm> resultList = goalForm.stream().filter(goal -> goal.getGoalComplete() == 0)
|
List<GoalForm> resultList = goalForm.stream().filter(goal -> goal.getGoalComplete() == 0 && goal.getDeadline().isAfter(today) )
|
||||||
.collect(Collectors.toList());
|
.collect(Collectors.toList());
|
||||||
System.out.println("******************************************::21");
|
|
||||||
if (!resultList.isEmpty()) {
|
if (!resultList.isEmpty()) {
|
||||||
GoalForm result = resultList.getFirst();
|
GoalForm result = resultList.getFirst();
|
||||||
System.out.println("******************************************::22");
|
|
||||||
model.addAttribute(PageReturnAttributeKeyword.ACHIEVEMENT_RATE, result.getAchievementRate());
|
model.addAttribute(PageReturnAttributeKeyword.ACHIEVEMENT_RATE, result.getAchievementRate());
|
||||||
|
|
||||||
model.addAttribute(PageReturnAttributeKeyword.CURRENT_AMOUNT, result.getCurrentAmount());
|
model.addAttribute(PageReturnAttributeKeyword.CURRENT_AMOUNT, result.getCurrentAmount());
|
||||||
|
|||||||
@@ -29,6 +29,8 @@ public class GoalForm {
|
|||||||
|
|
||||||
private Integer goalComplete;
|
private Integer goalComplete;
|
||||||
|
|
||||||
|
private String status;
|
||||||
|
|
||||||
private Integer achievementRate; // 達成率
|
private Integer achievementRate; // 達成率
|
||||||
|
|
||||||
private Integer currentAmount; // 現在の資産
|
private Integer currentAmount; // 現在の資産
|
||||||
@@ -43,6 +45,7 @@ public class GoalForm {
|
|||||||
goalModel.getTargetAmount(),
|
goalModel.getTargetAmount(),
|
||||||
goalModel.getDeadline(),
|
goalModel.getDeadline(),
|
||||||
goalModel.getGoalComplete(),
|
goalModel.getGoalComplete(),
|
||||||
|
null,
|
||||||
goalModel.getAchievementRate(),
|
goalModel.getAchievementRate(),
|
||||||
goalModel.getCurrentAmount(),
|
goalModel.getCurrentAmount(),
|
||||||
goalModel.getUserId());
|
goalModel.getUserId());
|
||||||
|
|||||||
@@ -1,5 +0,0 @@
|
|||||||
package com.example.demo.utility;
|
|
||||||
|
|
||||||
public class Constant {
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
package com.example.demo.utility;
|
|
||||||
|
|
||||||
public class TestController1 {
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -46,6 +46,10 @@ body {
|
|||||||
border-top: 1px solid #d0d7de;
|
border-top: 1px solid #d0d7de;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.a-footer {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* =======================
|
/* =======================
|
||||||
カード
|
カード
|
||||||
======================= */
|
======================= */
|
||||||
@@ -178,6 +182,10 @@ td:hover {
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.a-calender {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* =======================
|
/* =======================
|
||||||
金額表示
|
金額表示
|
||||||
======================= */
|
======================= */
|
||||||
@@ -206,6 +214,10 @@ td:hover {
|
|||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.goal {
|
||||||
|
min-width: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
/* =======================
|
/* =======================
|
||||||
ボタン
|
ボタン
|
||||||
======================= */
|
======================= */
|
||||||
|
|||||||
@@ -1,15 +0,0 @@
|
|||||||
.transaction-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.transaction-buttons {
|
|
||||||
display: flex;
|
|
||||||
gap: 10px;
|
|
||||||
margin-right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.transaction-buttons form {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -58,7 +58,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="d-grid mt-4">
|
<div class="d-grid mt-4">
|
||||||
|
|
||||||
<form th:action="@{/category/create}" method="get">
|
<form th:action="@{/fixed-cost/create}" method="get">
|
||||||
|
|
||||||
<input type="hidden"
|
<input type="hidden"
|
||||||
name="today"
|
name="today"
|
||||||
|
|||||||
@@ -37,7 +37,7 @@
|
|||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label class="form-label" for="transactionType">収入・支出</label>
|
<label class="form-label" for="transactionType">収入・支出</label>
|
||||||
|
|
||||||
<select class="form-select" id="transactionType">
|
<select class="form-select" id="transactionType" required>
|
||||||
|
|
||||||
<option value="">選択してください</option>
|
<option value="">選択してください</option>
|
||||||
<option value="0">支出</option>
|
<option value="0">支出</option>
|
||||||
@@ -51,7 +51,7 @@
|
|||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label class="form-label" for="categoryId">カテゴリ</label>
|
<label class="form-label" for="categoryId">カテゴリ</label>
|
||||||
|
|
||||||
<select class="form-select" id="categoryId" th:field="*{categoryId}">
|
<select class="form-select" id="categoryId" th:field="*{categoryId}" required>
|
||||||
<option value="">選択してください</option>
|
<option value="">選択してください</option>
|
||||||
|
|
||||||
<option class="expenseListClass" th:each="category : ${expenseList}"
|
<option class="expenseListClass" th:each="category : ${expenseList}"
|
||||||
|
|||||||
@@ -15,22 +15,22 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col border-end">
|
<div class="col border-end">
|
||||||
<button type="button" class="btn btn-link text-black text-decoration-none">
|
<button type="button" class="btn btn-link text-black text-decoration-none">
|
||||||
<a th:href="@{/transaction/create}">入力</a>
|
<a th:href="@{/transaction/create}" class="a-footer">入力</a>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="col border-end">
|
<div class="col border-end">
|
||||||
<button type="button" class="btn btn-link text-black text-decoration-none">
|
<button type="button" class="btn btn-link text-black text-decoration-none">
|
||||||
<a th:href="@{/transaction/list}">一覧</a>
|
<a th:href="@{/transaction/list}" class="a-footer">一覧</a>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="col border-end">
|
<div class="col border-end">
|
||||||
<button type="button" class="btn btn-link text-black text-decoration-none">
|
<button type="button" class="btn btn-link text-black text-decoration-none">
|
||||||
<a th:href="@{/analysis}">分析</a>
|
<a th:href="@{/analysis}" class="a-footer">分析</a>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="col border-end">
|
<div class="col border-end">
|
||||||
<button type="button" class="btn btn-link text-black text-decoration-none">
|
<button type="button" class="btn btn-link text-black text-decoration-none">
|
||||||
<a th:href="@{/goal}">目標</a>
|
<a th:href="@{/goal}" class="a-footer">目標</a>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -37,7 +37,9 @@
|
|||||||
<div>
|
<div>
|
||||||
<label>目標金額</label>
|
<label>目標金額</label>
|
||||||
<input type="number" th:field="*{targetAmount}" required min="1">
|
<input type="number" th:field="*{targetAmount}" required min="1">
|
||||||
<span th:text="|所持金:${currentAmount}円|"></span>
|
<br>
|
||||||
|
<span th:text="|所持金:${session.currentAmount}円|"></span>
|
||||||
|
<input type="hidden" name="currentAmount" th:value="${currentAmount}">
|
||||||
<span th:if="${message != null}">
|
<span th:if="${message != null}">
|
||||||
<span th:text="${message}" style="color: red;"></span>
|
<span th:text="${message}" style="color: red;"></span>
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -47,6 +47,12 @@
|
|||||||
|
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
|
状態:
|
||||||
|
<span class="fw-bold" th:text="${goalForm.status}">
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|||||||
@@ -54,143 +54,102 @@
|
|||||||
|
|
||||||
const myChart =
|
const myChart =
|
||||||
new Chart(myCt, {
|
new Chart(myCt, {
|
||||||
|
|
||||||
type: 'bar',
|
type: 'bar',
|
||||||
|
|
||||||
data: {
|
data: {
|
||||||
|
|
||||||
labels: labels,
|
labels: labels,
|
||||||
|
|
||||||
datasets: [
|
datasets: [
|
||||||
{
|
{
|
||||||
label: '達成率',
|
label: '達成率',
|
||||||
|
|
||||||
data: achievementRates,
|
data: achievementRates,
|
||||||
|
|
||||||
backgroundColor:
|
backgroundColor:
|
||||||
'rgba(54, 162, 235, 0.5)',
|
'rgba(54, 162, 235, 0.5)',
|
||||||
|
|
||||||
borderColor:
|
borderColor:
|
||||||
'rgba(54, 162, 235, 1)',
|
'rgba(54, 162, 235, 1)',
|
||||||
|
|
||||||
borderWidth: 1
|
borderWidth: 1
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
options: {
|
options: {
|
||||||
|
|
||||||
responsive: true,
|
responsive: true,
|
||||||
|
|
||||||
maintainAspectRatio: false,
|
maintainAspectRatio: false,
|
||||||
|
|
||||||
scales: {
|
scales: {
|
||||||
|
|
||||||
y: {
|
y: {
|
||||||
|
|
||||||
beginAtZero: true,
|
beginAtZero: true,
|
||||||
|
|
||||||
max: 100,
|
max: 100,
|
||||||
|
|
||||||
ticks: {
|
ticks: {
|
||||||
|
|
||||||
callback: function (value) {
|
callback: function (value) {
|
||||||
return value + '%';
|
return value + '%';
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
|
|
||||||
<li th:each="goalForm : ${goalFormList}">
|
<li th:each="goalForm : ${goalFormList}">
|
||||||
|
|
||||||
<div class="d-flex justify-content-between">
|
<div class="d-flex justify-content-between">
|
||||||
|
|
||||||
<form th:action="@{/goal}" method="get" class="w-100">
|
<form th:action="@{/goal}" method="get" class="w-100">
|
||||||
|
|
||||||
<div class="table-responsive">
|
<div class="table-responsive">
|
||||||
|
|
||||||
<table class="table mb-0">
|
<table class="table mb-0">
|
||||||
|
|
||||||
<input type="radio" name="goalId" th:value="${goalForm.goalId}"
|
<input type="radio" name="goalId" th:value="${goalForm.goalId}"
|
||||||
th:checked="${graphGoal != null and graphGoal.goalId == goalForm.goalId}"
|
th:checked="${graphGoal != null and graphGoal.goalId == goalForm.goalId}"
|
||||||
onchange="this.form.submit()">
|
onchange="this.form.submit()">
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>目標名</th>
|
<th>目標名</th>
|
||||||
<td th:text="${goalForm.goalTitle}"></td>
|
<td th:text="${goalForm.goalTitle}"
|
||||||
|
class="goal"></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>目標説明</th>
|
<th>目標説明</th >
|
||||||
<td th:text="${goalForm.goalSubtitle}"></td>
|
<td th:text="${goalForm.goalSubtitle}"
|
||||||
|
class="goal"></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>目標金額</th>
|
<th>目標金額</th>
|
||||||
<td th:text="${goalForm.targetAmount}"></td>
|
<td th:text="${goalForm.targetAmount}"
|
||||||
|
class="goal"></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>目標達成期限</th>
|
<th>目標達成期限</th>
|
||||||
<td th:text="${goalForm.deadline}"></td>
|
<td th:text="${goalForm.deadline}"
|
||||||
|
class="goal"></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>達成率</th>
|
<th>達成率</th>
|
||||||
<td th:text="${goalForm.achievementRate} + '%'"></td>
|
<td th:text="${goalForm.achievementRate} + '%'"
|
||||||
|
class="goal"></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="d-flex justify-content-end gap-2 mt-3">
|
<div class="d-flex justify-content-end gap-2 mt-3">
|
||||||
|
|
||||||
<form th:action="@{/goal/edit}" method="get">
|
<form th:action="@{/goal/edit}" method="get">
|
||||||
|
|
||||||
<input type="hidden" name="goalId" th:value="${goalForm.goalId}">
|
<input type="hidden" name="goalId" th:value="${goalForm.goalId}">
|
||||||
|
|
||||||
<button type="submit" class="btn btn-sm btn-primary">
|
<button type="submit" class="btn btn-sm btn-primary">
|
||||||
編集
|
編集
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<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="goalId" th:value="${goalForm.goalId}">
|
||||||
|
|
||||||
<button type="submit" class="btn btn-sm btn-danger">
|
<button type="submit" class="btn btn-sm btn-danger">
|
||||||
削除
|
削除
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="d-grid gap-2 mt-4">
|
<div class="d-grid gap-2 mt-4">
|
||||||
|
|
||||||
<form th:action="@{/goal/create}" method="get">
|
<form th:action="@{/goal/create}" method="get">
|
||||||
|
|
||||||
<button type="submit" class="btn btn-success w-100">
|
<button type="submit" class="btn btn-success w-100">
|
||||||
@@ -200,7 +159,6 @@
|
|||||||
</form>
|
</form>
|
||||||
|
|
||||||
<form th:action="@{/goal/record}" method="get">
|
<form th:action="@{/goal/record}" method="get">
|
||||||
|
|
||||||
<button type="submit" class="btn btn-sm btn-primary w-100">
|
<button type="submit" class="btn btn-sm btn-primary w-100">
|
||||||
履歴
|
履歴
|
||||||
</button>
|
</button>
|
||||||
@@ -208,7 +166,6 @@
|
|||||||
</form>
|
</form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div th:replace="~{footer :: footer}"></div>
|
<div th:replace="~{footer :: footer}"></div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
<title>Calendar</title>
|
<title>カレンダー</title>
|
||||||
|
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
@@ -55,51 +55,35 @@
|
|||||||
|
|
||||||
|
|
||||||
<tbody>
|
<tbody>
|
||||||
|
|
||||||
<tr th:each="week : ${#numbers.sequence(0, 5)}">
|
<tr th:each="week : ${#numbers.sequence(0, 5)}">
|
||||||
|
|
||||||
<td th:each="weekDay : ${#numbers.sequence(0, 6)}">
|
<td th:each="weekDay : ${#numbers.sequence(0, 6)}">
|
||||||
|
|
||||||
<a th:if="${week * 7 + weekDay - firstDayOfWeek + 1 >= 1
|
<a th:if="${week * 7 + weekDay - firstDayOfWeek + 1 >= 1
|
||||||
and week * 7 + weekDay - firstDayOfWeek + 1 <= lastDay}" th:href="@{/transaction/detail(
|
and week * 7 + weekDay - firstDayOfWeek + 1 <= lastDay}" th:href="@{/transaction/detail(
|
||||||
todayDates=${T(java.time.LocalDate).of(year, month, week * 7 + weekDay - firstDayOfWeek + 1)}
|
todayDates=${T(java.time.LocalDate).of(year, month, week * 7 + weekDay - firstDayOfWeek + 1)}
|
||||||
)}">
|
)}" class="a-footer">
|
||||||
|
|
||||||
|
|
||||||
<div
|
<div
|
||||||
th:if="${week * 7 + weekDay - firstDayOfWeek + 1 >= 1 and week * 7 + weekDay - firstDayOfWeek + 1 <= lastDay}">
|
th:if="${week * 7 + weekDay - firstDayOfWeek + 1 >= 1 and week * 7 + weekDay - firstDayOfWeek + 1 <= lastDay}">
|
||||||
|
|
||||||
<div class="date" th:text="${week * 7 + weekDay - firstDayOfWeek + 1}">
|
<div class="date" th:text="${week * 7 + weekDay - firstDayOfWeek + 1}">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div th:each="income : ${incomeList}"
|
<div th:each="income : ${incomeList}"
|
||||||
th:if="${income.date.dayOfMonth == week * 7 + weekDay - firstDayOfWeek + 1}"
|
th:if="${income.date.dayOfMonth == week * 7 + weekDay - firstDayOfWeek + 1}"
|
||||||
class="income" th:text="|収入 +${income.amount}円|">
|
class="income" th:text="|収入 +${income.amount}円|">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div th:each="expense : ${expenseList}"
|
<div th:each="expense : ${expenseList}"
|
||||||
th:if="${expense.date.dayOfMonth == week * 7 + weekDay - firstDayOfWeek + 1}"
|
th:if="${expense.date.dayOfMonth == week * 7 + weekDay - firstDayOfWeek + 1}"
|
||||||
class="expense" th:text="|支出 -${expense.amount}円|">
|
class="expense" th:text="|支出 -${expense.amount}円|">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
|
||||||
<div class="card shadow-sm mb-3">
|
<div class="card shadow-sm mb-3">
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
<div class="d-flex justify-content-between mb-2">
|
<div class="d-flex justify-content-between mb-2">
|
||||||
<span>収入</span>
|
<span>収入</span>
|
||||||
<span th:text="'¥' + ${totalIncome}"></span>
|
<span th:text="'¥' + ${totalIncome}"></span>
|
||||||
@@ -124,25 +108,19 @@
|
|||||||
<span>目標資金</span>
|
<span>目標資金</span>
|
||||||
<span th:text="'¥' + ${targetAmount}"></span>
|
<span th:text="'¥' + ${targetAmount}"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="d-flex justify-content-between mb-2">
|
<div class="d-flex justify-content-between mb-2">
|
||||||
<span>現在高</span>
|
<span>現在高</span>
|
||||||
<span th:text="'¥' + ${currentAmount}"></span>
|
<span th:text="'¥' + ${currentAmount}"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="d-flex justify-content-between">
|
<div class="d-flex justify-content-between">
|
||||||
<span>貯金額</span>
|
<span>貯金額</span>
|
||||||
<span th:text="'¥' + ${saving}"></span>
|
<span th:text="'¥' + ${saving}"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card shadow-sm">
|
<div class="card shadow-sm">
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
<div class="d-flex justify-content-between mb-2">
|
<div class="d-flex justify-content-between mb-2">
|
||||||
<span>達成率</span>
|
<span>達成率</span>
|
||||||
<span th:text="${achievementRate} + '%'"
|
<span th:text="${achievementRate} + '%'"
|
||||||
|
|||||||
@@ -22,7 +22,8 @@
|
|||||||
</form>
|
</form>
|
||||||
</th:block>
|
</th:block>
|
||||||
|
|
||||||
<form th:action="${mode == 'regist'} ? @{/user/register/return}: @{/change}" method="post">
|
</th:block>
|
||||||
|
<form th:action="${mode == 'regist'} ? @{/user/register/return}: @{/change}" id="totalForm" method="post">
|
||||||
<button type="submit" class="btn btn-primary w-100">確定</button>
|
<button type="submit" class="btn btn-primary w-100">確定</button>
|
||||||
|
|
||||||
<div class="accordion" id="accordionExample">
|
<div class="accordion" id="accordionExample">
|
||||||
@@ -35,6 +36,9 @@
|
|||||||
aria-controls="'collapse' + ${course.courseId}">
|
aria-controls="'collapse' + ${course.courseId}">
|
||||||
<span th:text="${course.courseName}"></span>
|
<span th:text="${course.courseName}"></span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
<p th:if="${course.courseId > 6}" style="width: 120px;"><button type="button" class="btn btn-danger w-100"
|
||||||
|
th:attr="data-course-id=${course.courseId}" onclick="deleteCourse(this)">削除</button></p>
|
||||||
</h2>
|
</h2>
|
||||||
<div th:id="'collapse' + ${course.courseId}" class="accordion-collapse collapse"
|
<div th:id="'collapse' + ${course.courseId}" class="accordion-collapse collapse"
|
||||||
data-bs-parent="#accordionExample" style="padding-bottom: 120px;">
|
data-bs-parent="#accordionExample" style="padding-bottom: 120px;">
|
||||||
@@ -62,6 +66,43 @@
|
|||||||
<div th:replace="~{footer :: footer}"></div>
|
<div th:replace="~{footer :: footer}"></div>
|
||||||
</th:block>
|
</th:block>
|
||||||
|
|
||||||
|
<script th:inline="javascript">
|
||||||
|
|
||||||
|
const message = /*[[${message}]]*/ null;
|
||||||
|
|
||||||
|
if (message != null) {
|
||||||
|
alert(message);
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteCourse(button) {
|
||||||
|
|
||||||
|
const courseId = button.dataset.courseId;
|
||||||
|
|
||||||
|
const totalForm = document.getElementById("totalForm");
|
||||||
|
|
||||||
|
const input = document.createElement("input");
|
||||||
|
|
||||||
|
const radioButtons = totalForm.querySelectorAll('input[name="courseId"]');
|
||||||
|
radioButtons.forEach(radio => {
|
||||||
|
radio.disabled = true;
|
||||||
|
});
|
||||||
|
|
||||||
|
input.type = "hidden";
|
||||||
|
input.name = "courseId";
|
||||||
|
input.value = courseId;
|
||||||
|
|
||||||
|
totalForm.appendChild(input);
|
||||||
|
|
||||||
|
totalForm.action = "/course/delete";
|
||||||
|
totalForm.method = "post";
|
||||||
|
courseId.value = courseId;
|
||||||
|
|
||||||
|
totalForm.submit();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@@ -113,58 +113,70 @@
|
|||||||
|
|
||||||
<div th:replace="~{footer :: footer}"></div>
|
<div th:replace="~{footer :: footer}"></div>
|
||||||
|
|
||||||
<script inline="javascript">
|
<script th:inline="javascript">
|
||||||
const transactionType = document.getElementById("transactionType");
|
const transactionType = document.getElementById("transactionType");
|
||||||
const categoryId = document.getElementById("categoryId");
|
const categoryId = document.getElementById("categoryId");
|
||||||
|
|
||||||
const expenseList = document.getElementsByClassName("expenseListClass");
|
const expenseList = document.getElementsByClassName("expenseListClass");
|
||||||
const incomeList = document.getElementsByClassName("incomeListClass");
|
const incomeList = document.getElementsByClassName("incomeListClass");
|
||||||
|
|
||||||
const tType = '[[${session.tType}]]';
|
const tType = '[[${session.tType}]]';
|
||||||
|
|
||||||
if (tType == "0") {
|
console.log("tType: " + tType);
|
||||||
transactionType.value = 0;
|
|
||||||
} else if (tType == "1") {
|
if (tType.includes("0")) {
|
||||||
transactionType.value = 1;
|
console.log("okokokokokokokkkokokokoko");
|
||||||
}
|
transactionType.value = "0";
|
||||||
|
} else if (tType.includes("1")) {
|
||||||
|
transactionType.value = "1";
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
transactionType.addEventListener("change", function () {
|
function toggleCategory() {
|
||||||
|
|
||||||
if (this.value === "0") {
|
if (transactionType.value === "0") {
|
||||||
|
|
||||||
for (let i = 0; i < expenseList.length; i++) {
|
for (let i = 0; i < expenseList.length; i++) {
|
||||||
expenseList[i].style.display = "";
|
expenseList[i].style.display = "";
|
||||||
}
|
}
|
||||||
|
|
||||||
for (let i = 0; i < incomeList.length; i++) {
|
for (let i = 0; i < incomeList.length; i++) {
|
||||||
incomeList[i].style.display = "none";
|
incomeList[i].style.display = "none";
|
||||||
}
|
}
|
||||||
|
|
||||||
} else if (this.value === "1") {
|
} else if (transactionType.value === "1") {
|
||||||
|
|
||||||
for (let i = 0; i < expenseList.length; i++) {
|
for (let i = 0; i < expenseList.length; i++) {
|
||||||
expenseList[i].style.display = "none";
|
expenseList[i].style.display = "none";
|
||||||
}
|
}
|
||||||
|
|
||||||
for (let i = 0; i < incomeList.length; i++) {
|
for (let i = 0; i < incomeList.length; i++) {
|
||||||
incomeList[i].style.display = "";
|
incomeList[i].style.display = "";
|
||||||
}
|
}
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
for (let i = 0; i < expenseList.length; i++) {
|
for (let i = 0; i < expenseList.length; i++) {
|
||||||
expenseList[i].style.display = "none";
|
expenseList[i].style.display = "none";
|
||||||
}
|
}
|
||||||
|
|
||||||
for (let i = 0; i < incomeList.length; i++) {
|
for (let i = 0; i < incomeList.length; i++) {
|
||||||
incomeList[i].style.display = "none";
|
incomeList[i].style.display = "none";
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
categoryId.value = "";
|
transactionType.addEventListener("change", function () {
|
||||||
});
|
|
||||||
</script>
|
toggleCategory();
|
||||||
|
|
||||||
|
categoryId.value = "";
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
toggleCategory();
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -83,21 +83,36 @@
|
|||||||
カテゴリ
|
カテゴリ
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<select id="categoryId"
|
<!-- <select id="categoryId"-->
|
||||||
class="form-select"
|
<!-- class="form-select"-->
|
||||||
th:field="*{categoryId}"
|
<!-- th:field="*{categoryId}"-->
|
||||||
required>
|
<!-- required>-->
|
||||||
|
|
||||||
<option value="">
|
<!-- <option value="">-->
|
||||||
選択してください
|
<!-- 選択してください-->
|
||||||
</option>
|
<!-- </option>-->
|
||||||
|
|
||||||
<option th:each="category : ${categoryFormList}"
|
<!-- <option th:each="category : ${categoryFormList}"-->
|
||||||
th:value="${category.categoryId}"
|
<!-- th:value="${category.categoryId}"-->
|
||||||
th:text="${category.categoryName}">
|
<!-- th:text="${category.categoryName}">-->
|
||||||
</option>
|
<!-- </option>-->
|
||||||
|
|
||||||
</select>
|
<!-- </select>-->
|
||||||
|
<select id="categoryId" class="form-select" th:field="*{categoryId}" required>
|
||||||
|
|
||||||
|
<option value="">
|
||||||
|
選択してください
|
||||||
|
</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>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -141,6 +156,68 @@
|
|||||||
<div th:replace="~{footer :: footer}">
|
<div th:replace="~{footer :: footer}">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<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 tType = '[[${session.tType}]]';
|
||||||
|
|
||||||
|
function toggleCategory() {
|
||||||
|
|
||||||
|
if (transactionType.value === "0") {
|
||||||
|
|
||||||
|
for (let i = 0; i < expenseList.length; i++) {
|
||||||
|
expenseList[i].style.display = "";
|
||||||
|
}
|
||||||
|
|
||||||
|
for (let i = 0; i < incomeList.length; i++) {
|
||||||
|
incomeList[i].style.display = "none";
|
||||||
|
}
|
||||||
|
|
||||||
|
} else if (transactionType.value === "1") {
|
||||||
|
|
||||||
|
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 {
|
||||||
|
|
||||||
|
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";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
transactionType.addEventListener("change", function () {
|
||||||
|
|
||||||
|
toggleCategory();
|
||||||
|
|
||||||
|
categoryId.value = "";
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
if (tType == "0") {
|
||||||
|
transactionType.value = "0";
|
||||||
|
} else if (tType == "1") {
|
||||||
|
transactionType.value = "1";
|
||||||
|
}
|
||||||
|
|
||||||
|
toggleCategory();
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user