Visualize화면의 Query Editor 에서 temp-variable 적용 로직 변경하기

[jaeheesnet]

문제

(ex. MAC 주소 등 ) ' : ' 을 입력해야 되는 상황에서 컨트롤 + 엔터 입력시 Query Editor에서 스스로 ' : '을 붙이는 현상이 발생함.
코드 참고 /cloudhub/frontend/src/dashboards/components/InfluxQLEditor.tsx

주의 점

위 기능은 Query를 편리하게 하기 위해 동작하는 현상이기 때문에 (자동완성) 1차원적으로 로직을 수정하면 이후 쿼리 제작에 불편함이 생길 수 있음.

해결 방안

이미지를 참고하면 : 입력 이후, dashboardTime 으로 focus 하면 Query Editor에 'dashboardTime' 문자열만 생기는데, 'dashboardTime:' 처럼 : 까지 같이 자동으로 입력되게 한다면, 이후 자동완성으로 ' : '의 입력을 강제적으로 막더라도 쿼리 수정의 편리함을 살릴 수 있음.