본문 바로가기
  • 개발공부 및 일상적인 내용을 작성하는 블로그 입니다.
프로젝트/협업

Pro.gg - 화면별 기능 : 팀 상세 및 팀 신청

by 방구석 대학생 2022. 3. 23.

 

 

 

- 팀 상세(팀 신청 수락 및 거절)

1. 팀 검색 페이지에서 팀 이름에 걸려있는 링크를 클릭하면 위와 같이 팀 상세 페이지로 넘어옵니다.

로그인된 페이지에서 팀 상세 페이지에 접근할 경우 위와 같이 신청, 이전 버튼이 활성화 됩니다.

로그인 되어 있지 않은 상태에서 팀 상세 페이지에 접근할 경우 이전 버튼만 활성화 됩니다.

 

1. 팀 상세 페이지의 상단에는 현재 팀의 이름과 구성원의 솔로 랭크 평균 티어, 그리고 팀에 대한 간단한 설명이 출력 됩니다.

2. 현재 팀의 구성원과 포지션이 어떻게 되는지에 대한 정보가 출력 됩니다.

3. 팀장이 자신의 팀 상세 페이지에 들어오면 팀 탈퇴 버튼과 현재 팀에 대한 다른 회원들의 신청 현황을 보여주는 페이지를 출력하는 링크가 함께 활성화 됩니다.

4. 신청 현황 링크를 클릭할 경우 상세 페이지 하단에 현재 신청 현황에 대한 정보가 출력됩니다.

 

1. 신청 현황 링크를 클릭하면 위와 같이 신청한 회원의 닉네임과 소환사 정보를 출력 합니다.

2. 신청한 회원의 신청 수락, 거절을 결정할 수 있다, 여기서 수락 버튼을 클릭하면 해당 신청이 수락되어 상세 페이지에 신청 결과가 적용됩니다.

거절 버튼을 누를 경우 해당 회원의 신청 현황이 삭제됩니다.

 

1. 수락 버튼을 클릭하면 위와 같이 '수락 하시겠습니까?' 라는 경고창이 출력됩니다.

여기서 확인 버튼을 클릭하면 신청 내용이 적용됩니다.

 

1. 신청을 수락하면 위와 같이 신청 내용이 상세 페이지에 적용됩니다.

 

 

* 팀 신청

1. 로그인한 상태로 상세 페이지에서 신청 버튼을 클릭하면 위와 같이 지원할 라인을 선택할 수 있는 UI 가 출력됩니다.

2. 신청하기 버튼을 클릭하면 신청한 포지션이 이미 다른 회원으로 지정되어 있지 않다면 정상적으로 신청 절차가 수행됩니다.

 

1. 이미 포지션이 지정된 곳에 신청하면 위와 같이 '해당 라인은 이미 지정된 소환사가 있습니다.' 라는 경고창이 출력됩니다.

 

1. 팀 신청시 지정되어 있지 않은 포지션을 신청할 경우 위와 같이 '신청 하시겠습니까?' 라는 경고창이 출력 됩니다.

 

1. '신청 하시겠습니까?' 경고창에서 확인 버튼을 클릭하면 위와 같이 '신청이 완료 되었습니다.' 라는 경고창이 출력됨과 동시에 신청 내역이 저장됩니다.