Improve workbench navigation panel

[minjung-cho]

Problem.

1. Workbench navigation 타이틀 영역에 페이지 내의 총 개수가 표시되고 있는데, 큰 의미가 없어 보입니다.
2. 워크벤치 목록 필터가 '이름'이 유일해서 원하는 워크벤치를 찾을 수 있는 기능이 부족합니다.
3. 현재 페이지가 리스트에 표시되는데 클릭이 걸려있어서 불필요한 로드가 발생합니다.
4. 클릭 시, 다른 화면으로 넘어가고 이때 로딩도 비교적 오래걸립니다. 이런 클릭 후의 프로세스를 사용자가 사전에 인지할 수 없습니다.
5. 네비게이션 패널 영역이 갑자기 넓어지는 데다가 화면을 많이 덮어서 당황하게 됩니다.
6. 기존의 목록 No.가 큰 의미가 없습니다. 더 유의미한 정보가 보이면 좋겠습니다.

Solution

1. Workbench navigation 타이틀 영역에 리스트 총 개수를 표시합니다.
2. 텍스트 검색 박스에서 '커넥션 이름'으로 목록을 필터링 할 수 있어야 합니다.
3. 현재 페이지에 아이콘을 표시하고, 클릭 이벤트를 제거 합니다.
4. 호버 시, 다른 화면으로 이동함을 알릴 수 있는 아이콘을 표시합니다.
5. 네비게이션 패널의 width를 글로벌 변수와 동일하게 맞춥니다.
6. 워크벤치의 커넥션 이름을 보여줍니다.

Alternatives None

Additional context

2. 콘텐츠 검색 기능을 강화하는 공통안이 진행중입니다. 이슈를 아직 못만들어서 본이슈에서 필요한 내용만 공유합니다.
   • P.H 문구 : Search '검색대상' '검색대상'은 검색의 목적에 따라 단/복수로 표현해야 합니다. 이 화면에서는 한개의 워크벤치 목록을 클릭하는 것이 목적으로 볼 수 있으므로, 단수로 표현합니다.

[minjung-cho]

@ufoscw 목록을 클릭했을 때, 화면이 몇초간 하얘졌다가 전체 로딩이 돕니다. 개선될 여지가 있을까요?

[ufoscw]

@eltriny 저도 같은 부분에 대해서 궁금합니다. location.href 변경이 아니라 다른 워크벤치로 이동했으면 좋겠는데요. 기술적으로 확인 부탁드립니다.

[ufoscw]

@sting009 추후 개선 작업하실때 2가지 사항 확인바랍니다.

1. 목록 카운트는 현재 목록 사이즈가 아니라 total size를 보여줘야 합니다.

   

2. 이름으로 검색시에는 클라이언트 검색이 아니라 검색 API를 호출해야 합니다.