옵션을 선택하는 드롭다운 메뉴

[luckylooky2]

• <OptionSelect />
• 선택한 대시보드 내에서 옵션(template)을 이용하여 특정 정보만 쿼리할 수 있는 기능
• 옵션들을 의미적으로 묶을 변수 이름이 필요 (e.g. node, namespace)
  • 대시보드마다 사용하는 옵션 이름이 각각 다르기 때문
  • 42ClusterBackendDashboard Type에 subCategory 추가
• 메뉴 목록에 백엔드에서 받은 데이터를 보여주는 것이 아니라, promQL의 결과를 띄워주어야 하기 때문에 promQL 결과를 이용하는 컴포넌트를 찾아야 함
  • <SubMenu /> - <SubMenuItems /> - <PickerRenderer /> - ... - <OptionsPicker />
  • 여기서 기존에 렌더링하던 컴포넌트 대신 앞서 사용하였던 <Dropdown /> 컴포넌트를 재사용
  • k8s cluster 환경이 아니기 때문에 mock data를 이용
• 현재 선택된 대시보드, 옵션을 보여주기 위해 window.location.href를 파싱하여 이용
  • promQL에서 받아온 옵션 목록과 window.location.href에서 파싱한 옵션을 비교
  • 수정) promQL에서 받아온 목록 안에 선택한 옵션에 대한 정보가 들어있었음 => window.location.href 로직을 제거하고 교체
• 드롭다운 메뉴 옆 레이블 설정
• 42Cluster 백엔드로부터 serviceInfo를 응답 받지 못한 경우, 초기 레이블을 보여주지 않음
• 아이콘 추가 : filter
• multi-select 기능 #39
• Table 패널에서 row를 제외할 수 있는 Filter 기능
  • row를 제외하면 드롭다운 옆에 숨어있던 컴포넌트가 표시되는 것을 막음
  • row를 제외하면 원상복구하는 Reset 버튼이 표시