목록

개요

프로젝트의 관리자 계정 목록을 확인하고 관리하는 페이지입니다. 각 관리자의 목록 및 상세 정보를 확인하고, 새로운 관리자를 추가하거나 기존 관리자 정보를 수정 및 삭제할 수 있습니다.

주요 기능

1. 검색 및 필터:

• 기간 검색: 특정 기간 내에 생성된 관리자를 조회합니다.

• 사용여부 필터: 관리자 계정의 사용 상태(사용중, 사용안함)로 필터링합니다.

• 검색 기준 선택: ID, 이름 등 검색할 필드를 선택합니다.

• 검색어 입력: 선택한 기준에 따라 검색어를 입력하여 특정 관리자를 검색합니다.

• [검색] 버튼: 검색을 실행합니다.

2. 관리자 목록 테이블:

• 검색 및 필터 조건에 맞는 관리자 목록을 테이블 형태로 보여줍니다.

• 주요 컬럼:

  • 사용여부: 관리자 계정의 현재 활성화 상태입니다.

  • ID: 관리자의 로그인 ID입니다.

  • 이름: 관리자의 이름입니다.

  • 유형: 관리자의 유형입니다.

  • 최종 로그인 일시: 관리자가 마지막으로 로그인한 날짜와 시간입니다.

  • 생성된 시간: 관리자 계정이 생성된 날짜와 시간입니다.

• 테이블 하단에는 현재 조회된 총 관리자 수가 표시됩니다.

• 테이블 내 각 행을 클릭하면 해당 관리자의 편집 모달이 열립니다.

3. 관리 기능:

• [+ 추가] 버튼: 페이지 우측 상단에 위치하며, 새로운 관리자를 등록하는 모달을 엽니다.

4. 관리자 추가 (모달):

• 새로운 관리자 계정 정보를 입력하고 생성합니다.

• 사용여부: 관리자 계정의 활성화 여부를 토글 스위치로 설정합니다.

• 유형: 라디오 버튼을 통해 관리자 또는 담당자 유형을 선택합니다.

• 이름: 관리자의 이름을 입력합니다.

• ID: 관리자 ID로 사용할 이메일 주소를 입력합니다.

• 비밀번호: 관리자 계정의 비밀번호를 설정합니다.

  • 알파벳, 숫자, 특수 문자 (#?!@$%^&*-) 포함 8자 이상의 비밀번호를 설정해야 합니다.

  • 입력 필드 우측의 눈 아이콘을 클릭하여 비밀번호 숨김/표시를 토글할 수 있습니다.

• 시간대: 드롭다운 목록에서 관리자 계정에 적용될 시간대를 선택합니다.

• [취소]: 관리자 추가를 취소하고 모달을 닫습니다.

• [추가]: 입력한 정보로 새 관리자 계정을 생성하고 모달을 닫습니다.

5. 관리자 편집 (모달):

• 기존 관리자 계정 정보를 수정합니다.

• '관리자 추가' 모달과 유사한 필드 구성을 가지며, 기존 관리자 정보가 노출됩니다.

• 이름, ID 는 변경할 수 없습니다.

• 유형: 라디오 버튼을 통해 관리자 또는 담당자 유형을 선택합니다.

• 비밀번호: 관리자 계정의 비밀번호를 변경합니다.

• [삭제]: 해당 관리자 계정을 삭제합니다.

• [취소]: 변경 사항을 저장하지 않고 모달을 닫습니다.

• [저장]: 수정된 관리자 정보를 저장하고 모달을 닫습니다.

6. 페이지네이션:

• 관리자 목록이 길 경우 페이지를 나누어 보여주며, 페이지 이동 기능을 제공합니다.