Function EditPanelQuery

ui/src/views/dashboard/edit-panel/Query.tsx:44–132

(props: Props)

}

const EditPanelQuery = (props: Props) => {
    const t = useStore(commonMsg)
    const t1 = useStore(panelMsg)
    const { panel, onChange } = props
    const selectDatasource = (id) => {
        onChange((panel: Panel) => {
            panel.datasource = { ...initDatasource, id: id }
        })
    }

    const onAddQuery = () => {
        onChange((panel: Panel) => {
            const ds = panel.datasource
            if (!ds.queries) {
                ds.queries = []
            }

            let id = 65; // from 'A' to 'Z'
            for (const q of ds.queries) {
                if (q.id >= id) {
                    id = q.id + 1
                }
            }


            ds.queries.push({
                id: id,
                metrics: "",
                legend: "",
                visible: true,
                data: {}
            })
        })
    }

    const removeQuery = id => {
        onChange((panel: Panel) => {
            const ds = panel.datasource
            if (!ds.queries) {
                ds.queries = []
            }

            ds.queries = ds.queries.filter(q => q.id != id)
        })
    }

    const onVisibleChange = (id, visible) => {
            onChange((panel: Panel) => {
                const ds = panel.datasource
                for (var i = 0; i < ds.queries.length; i++) {
                    if (ds.queries[i].id === id) {
                        ds.queries[i].visible = visible
                        break
                    }
                }
            })
        }
    const currentDatasource = getDatasource(panel.datasource.id)