다크모드
계정 보안·패스워드 변경 — FE 메인테이너 매뉴얼
라우트와 구성
- 페이지:
src/components/administration/user/account/security/MainOrg.vue - 변경 dialog:
src/components/administration/user/account/security/overlays/SheetUpdatePasswordArt.vue - 인증 호출:
src/composables/passwordAuthRepo.js - 회귀 테스트:
src/components/administration/user/account/security/overlays/__tests__/SheetUpdatePasswordArt.spec.js
UI 계약
- 패스워드 변경은 파급이 큰 커밋이므로 inline 편집이 아니라
dialog를 유지한다. - 세 입력은
field → input-group → input순서로 합성한다. - 표시/숨김 버튼은
.input-group직속 자식이 아니다.input-group-addon input-group-addon-inline-end안에button-neutral-minimalicon button으로 둔다. - addon은 클릭 영역과 우측 inset을 소유한다. 페이지 CSS, 구분선, 직접 padding 보정은 추가하지 않는다.
- 현재 구현은 세 패스워드를 한 번에 표시하거나 숨긴다. 표시 상태는 dialog를 닫을 때 초기화한다.
데이터 흐름과 게이트
valid: 현재 패스워드 존재, 새 패스워드 8자 이상, 확인 일치, 현재 값과 다름.- submit은
changeCurrentPassword()성공 뒤signOut()을 호출한다. - 워크스페이스 계정은
/auth/workspace, 조직 계정은/auth/organization으로 돌아간다. - 패스워드·표시 상태를 localStorage, 로그, 분석 이벤트에 넣지 않는다.