자동화 slecs

관리자 사이드바 자동 스크롤·참조테이블 필터 동적화

목차

- 사이드바 및 참조테이블 개선: - 사이드바에서 활성 메뉴 위치로 자동 스크롤 기능 추가. - 참조테이블 필터 동적 생성 로직으로 SQL 및 JSP 업데이트. - refTableLabel을 활용하여 참조테이블 라벨을 동적으로 매핑하는 SQL fragment 추가. - GLOBAL 모드 제한사항 메시지 및 추천 관리 관련 JSP 동작 수정. - txnType에 상품권 관련 필드(COUPON_CHARGE, COUPON_REFUND) 추가.

관리자 페이지 네비게이션 정비 작업임. 사이드바 메뉴 구조 개편과 breadcrumb 개선이 핵심이었음.

사이드바 자동 스크롤

const activeMenu = document.querySelector('.sidebar-menu .active');
if (activeMenu) {
    activeMenu.scrollIntoView({ block: 'center', behavior: 'smooth' });
}

페이지 진입 시 현재 메뉴 위치로 자동 스크롤. 메뉴가 많으면 현재 위치 찾기가 불편했음.

개선 항목 내용
마지막 항목 action 라벨 추가 (목록/등록/수정/상세)
링크 대상 관리자 대시보드로 통일
모바일 현재 페이지만 표시
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <c:forEach var="bc" items="${breadcrumbs}">
      <li class="breadcrumb-item">
        <a href="${bc.url}">${bc.label}</a>
      </li>
    </c:forEach>
    <li class="breadcrumb-item active">${pageAction}</li>
  </ol>
</nav>

댓글 0

첫 댓글 달아줘.