mirror of
https://github.com/lana-k/sqliteviz.git
synced 2025-12-06 18:18:53 +08:00
use only camel case for props
This commit is contained in:
@@ -14,7 +14,9 @@ module.exports = {
|
|||||||
'vue/no-mutating-props': 'warn',
|
'vue/no-mutating-props': 'warn',
|
||||||
'vue/no-reserved-component-names': 'warn',
|
'vue/no-reserved-component-names': 'warn',
|
||||||
'vue/no-v-model-argument': 'off',
|
'vue/no-v-model-argument': 'off',
|
||||||
'vue/require-default-prop': 'off'
|
'vue/require-default-prop': 'off',
|
||||||
|
'vue/custom-event-name-casing': ['error', 'camelCase'],
|
||||||
|
'vue/attribute-hyphenation': ['error', 'never']
|
||||||
},
|
},
|
||||||
overrides: [
|
overrides: [
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<modal
|
<modal
|
||||||
:modal-id="dialogName"
|
:modalId="dialogName"
|
||||||
class="dialog"
|
class="dialog"
|
||||||
content-class="import-modal"
|
contentClass="import-modal"
|
||||||
scrollable
|
scrollable
|
||||||
:click-to-close="false"
|
:clickToClose="false"
|
||||||
>
|
>
|
||||||
<div class="dialog-header">
|
<div class="dialog-header">
|
||||||
{{ typeName }} import
|
{{ typeName }} import
|
||||||
@@ -17,7 +17,7 @@
|
|||||||
label="Table name"
|
label="Table name"
|
||||||
width="484px"
|
width="484px"
|
||||||
:disabled="disableDialog"
|
:disabled="disableDialog"
|
||||||
:error-msg="tableNameError"
|
:errorMsg="tableNameError"
|
||||||
/>
|
/>
|
||||||
<div v-if="!isJson && !isNdJson" class="chars">
|
<div v-if="!isJson && !isNdJson" class="chars">
|
||||||
<delimiter-selector
|
<delimiter-selector
|
||||||
@@ -45,7 +45,7 @@
|
|||||||
The character used to escape the quote character within a field
|
The character used to escape the quote character within a field
|
||||||
(e.g. "column with ""quotes"" in text").
|
(e.g. "column with ""quotes"" in text").
|
||||||
'
|
'
|
||||||
max-hint-width="242px"
|
maxHintWidth="242px"
|
||||||
width="93px"
|
width="93px"
|
||||||
:disabled="disableDialog"
|
:disabled="disableDialog"
|
||||||
class="char-input"
|
class="char-input"
|
||||||
|
|||||||
@@ -47,7 +47,7 @@
|
|||||||
ref="addCsvJson"
|
ref="addCsvJson"
|
||||||
:file="file"
|
:file="file"
|
||||||
:db="newDb"
|
:db="newDb"
|
||||||
dialog-name="importFromCsvJson"
|
dialogName="importFromCsvJson"
|
||||||
@cancel="cancelImport"
|
@cancel="cancelImport"
|
||||||
@finish="finish"
|
@finish="finish"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<modal
|
<modal
|
||||||
:modal-id="name"
|
:modalId="name"
|
||||||
class="dialog"
|
class="dialog"
|
||||||
:click-to-close="false"
|
:clickToClose="false"
|
||||||
:content-transition="{ name: 'loading-dialog' }"
|
:contentTransition="{ name: 'loading-dialog' }"
|
||||||
:overlay-transition="{ name: 'loading-dialog' }"
|
:overlayTransition="{ name: 'loading-dialog' }"
|
||||||
>
|
>
|
||||||
<div class="dialog-header">
|
<div class="dialog-header">
|
||||||
{{ title }}
|
{{ title }}
|
||||||
|
|||||||
@@ -1,19 +1,19 @@
|
|||||||
<template>
|
<template>
|
||||||
<paginate
|
<paginate
|
||||||
v-model="page"
|
v-model="page"
|
||||||
:page-count="pageCount"
|
:pageCount="pageCount"
|
||||||
:page-range="5"
|
:pageRange="5"
|
||||||
:margin-pages="1"
|
:marginPages="1"
|
||||||
:prev-text="chevron"
|
:prevText="chevron"
|
||||||
:next-text="chevron"
|
:nextText="chevron"
|
||||||
:no-li-surround="true"
|
:noLiSurround="true"
|
||||||
container-class="paginator-continer"
|
containerClass="paginator-continer"
|
||||||
page-link-class="paginator-page-link"
|
pageLinkClass="paginator-page-link"
|
||||||
active-class="paginator-active-page"
|
activeClass="paginator-active-page"
|
||||||
break-view-link-class="paginator-break"
|
breakViewLinkClass="paginator-break"
|
||||||
next-link-class="paginator-next"
|
nextLinkClass="paginator-next"
|
||||||
prev-link-class="paginator-prev"
|
prevLinkClass="paginator-prev"
|
||||||
disabled-class="paginator-disabled"
|
disabledClass="paginator-disabled"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -62,7 +62,7 @@
|
|||||||
<pager
|
<pager
|
||||||
v-show="pageCount > 1"
|
v-show="pageCount > 1"
|
||||||
v-model="currentPage"
|
v-model="currentPage"
|
||||||
:page-count="pageCount"
|
:pageCount="pageCount"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
v-if="hint"
|
v-if="hint"
|
||||||
class="hint"
|
class="hint"
|
||||||
:hint="hint"
|
:hint="hint"
|
||||||
:max-width="maxHintWidth || '149px'"
|
:maxWidth="maxHintWidth || '149px'"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<input
|
<input
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
src="~@/assets/images/info.svg"
|
src="~@/assets/images/info.svg"
|
||||||
@click="$modal.show('app-info')"
|
@click="$modal.show('app-info')"
|
||||||
/>
|
/>
|
||||||
<modal modal-id="app-info" class="dialog" content-class="app-info-modal">
|
<modal modalId="app-info" class="dialog" contentClass="app-info-modal">
|
||||||
<div class="dialog-header">
|
<div class="dialog-header">
|
||||||
App info
|
App info
|
||||||
<close-icon @click="$modal.hide('app-info')" />
|
<close-icon @click="$modal.hide('app-info')" />
|
||||||
|
|||||||
@@ -122,7 +122,7 @@
|
|||||||
<copy-icon @click="duplicateInquiry(index)" />
|
<copy-icon @click="duplicateInquiry(index)" />
|
||||||
<export-icon
|
<export-icon
|
||||||
tooltip="Export inquiry to file"
|
tooltip="Export inquiry to file"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
@click="exportToFile([inquiry], `${inquiry.name}.json`)"
|
@click="exportToFile([inquiry], `${inquiry.name}.json`)"
|
||||||
/>
|
/>
|
||||||
<delete-icon
|
<delete-icon
|
||||||
@@ -140,7 +140,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--Rename Inquiry dialog -->
|
<!--Rename Inquiry dialog -->
|
||||||
<modal modal-id="rename" class="dialog" content-style="width: 560px;">
|
<modal modalId="rename" class="dialog" contentStyle="width: 560px;">
|
||||||
<div class="dialog-header">
|
<div class="dialog-header">
|
||||||
Rename inquiry
|
Rename inquiry
|
||||||
<close-icon @click="$modal.hide('rename')" />
|
<close-icon @click="$modal.hide('rename')" />
|
||||||
@@ -149,7 +149,7 @@
|
|||||||
<text-field
|
<text-field
|
||||||
v-model="newName"
|
v-model="newName"
|
||||||
label="New inquiry name"
|
label="New inquiry name"
|
||||||
:error-msg="errorMsg"
|
:errorMsg="errorMsg"
|
||||||
width="100%"
|
width="100%"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -160,7 +160,7 @@
|
|||||||
</modal>
|
</modal>
|
||||||
|
|
||||||
<!--Delete Inquiry dialog -->
|
<!--Delete Inquiry dialog -->
|
||||||
<modal modal-id="delete" class="dialog" content-style="width: 480px;">
|
<modal modalId="delete" class="dialog" contentStyle="width: 480px;">
|
||||||
<div class="dialog-header">
|
<div class="dialog-header">
|
||||||
Delete {{ deleteGroup ? 'inquiries' : 'inquiry' }}
|
Delete {{ deleteGroup ? 'inquiries' : 'inquiry' }}
|
||||||
<close-icon @click="$modal.hide('delete')" />
|
<close-icon @click="$modal.hide('delete')" />
|
||||||
|
|||||||
@@ -25,7 +25,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--Save Inquiry dialog -->
|
<!--Save Inquiry dialog -->
|
||||||
<modal modal-id="save" class="dialog" content-style="width: 560px;">
|
<modal modalId="save" class="dialog" contentStyle="width: 560px;">
|
||||||
<div class="dialog-header">
|
<div class="dialog-header">
|
||||||
Save inquiry
|
Save inquiry
|
||||||
<close-icon @click="cancelSave" />
|
<close-icon @click="cancelSave" />
|
||||||
@@ -39,7 +39,7 @@
|
|||||||
<text-field
|
<text-field
|
||||||
v-model="name"
|
v-model="name"
|
||||||
label="Inquiry name"
|
label="Inquiry name"
|
||||||
:error-msg="errorMsg"
|
:errorMsg="errorMsg"
|
||||||
width="100%"
|
width="100%"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -26,7 +26,7 @@
|
|||||||
ref="addCsvJson"
|
ref="addCsvJson"
|
||||||
:file="file"
|
:file="file"
|
||||||
:db="$store.state.db"
|
:db="$store.state.db"
|
||||||
dialog-name="addCsvJson"
|
dialogName="addCsvJson"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -15,12 +15,12 @@
|
|||||||
:layout="state.layout"
|
:layout="state.layout"
|
||||||
:frames="state.frames"
|
:frames="state.frames"
|
||||||
:config="config"
|
:config="config"
|
||||||
:data-sources="dataSources"
|
:dataSources="dataSources"
|
||||||
:data-source-options="dataSourceOptions"
|
:dataSourceOptions="dataSourceOptions"
|
||||||
:plotly="plotly"
|
:plotly="plotly"
|
||||||
:use-resize-handler="useResizeHandler"
|
:useResizeHandler="useResizeHandler"
|
||||||
:debug="true"
|
:debug="true"
|
||||||
:advanced-trace-type-selector="true"
|
:advancedTraceTypeSelector="true"
|
||||||
@update="update"
|
@update="update"
|
||||||
@render="onRender"
|
@render="onRender"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -9,11 +9,11 @@
|
|||||||
:options="colsToSelect"
|
:options="colsToSelect"
|
||||||
:disabled="colsToSelect.length === 0"
|
:disabled="colsToSelect.length === 0"
|
||||||
:multiple="true"
|
:multiple="true"
|
||||||
:hide-selected="true"
|
:hideSelected="true"
|
||||||
:close-on-select="true"
|
:closeOnSelect="true"
|
||||||
:show-labels="false"
|
:showLabels="false"
|
||||||
:max="colsToSelect.length"
|
:max="colsToSelect.length"
|
||||||
open-direction="bottom"
|
openDirection="bottom"
|
||||||
placeholder=""
|
placeholder=""
|
||||||
>
|
>
|
||||||
<template #maxElements>
|
<template #maxElements>
|
||||||
@@ -37,12 +37,12 @@
|
|||||||
:options="rowsToSelect"
|
:options="rowsToSelect"
|
||||||
:disabled="rowsToSelect.length === 0"
|
:disabled="rowsToSelect.length === 0"
|
||||||
:multiple="true"
|
:multiple="true"
|
||||||
:hide-selected="true"
|
:hideSelected="true"
|
||||||
:close-on-select="true"
|
:closeOnSelect="true"
|
||||||
:show-labels="false"
|
:showLabels="false"
|
||||||
:max="rowsToSelect.length"
|
:max="rowsToSelect.length"
|
||||||
:option-height="29"
|
:optionHeight="29"
|
||||||
open-direction="bottom"
|
openDirection="bottom"
|
||||||
placeholder=""
|
placeholder=""
|
||||||
>
|
>
|
||||||
<template #maxElements>
|
<template #maxElements>
|
||||||
@@ -65,12 +65,12 @@
|
|||||||
class="sqliteviz-select short aggregator"
|
class="sqliteviz-select short aggregator"
|
||||||
:options="aggregators"
|
:options="aggregators"
|
||||||
label="name"
|
label="name"
|
||||||
track-by="name"
|
trackBy="name"
|
||||||
:close-on-select="true"
|
:closeOnSelect="true"
|
||||||
:show-labels="false"
|
:showLabels="false"
|
||||||
:hide-selected="true"
|
:hideSelected="true"
|
||||||
:option-height="29"
|
:optionHeight="29"
|
||||||
open-direction="bottom"
|
openDirection="bottom"
|
||||||
placeholder="Choose a function"
|
placeholder="Choose a function"
|
||||||
>
|
>
|
||||||
<template #noResult>
|
<template #noResult>
|
||||||
@@ -84,11 +84,11 @@
|
|||||||
class="sqliteviz-select aggr-arg"
|
class="sqliteviz-select aggr-arg"
|
||||||
:options="keyNames"
|
:options="keyNames"
|
||||||
:disabled="keyNames.length === 0"
|
:disabled="keyNames.length === 0"
|
||||||
:close-on-select="true"
|
:closeOnSelect="true"
|
||||||
:show-labels="false"
|
:showLabels="false"
|
||||||
:hide-selected="true"
|
:hideSelected="true"
|
||||||
:option-height="29"
|
:optionHeight="29"
|
||||||
open-direction="bottom"
|
openDirection="bottom"
|
||||||
placeholder="Choose an argument"
|
placeholder="Choose an argument"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
@@ -98,11 +98,11 @@
|
|||||||
class="sqliteviz-select aggr-arg"
|
class="sqliteviz-select aggr-arg"
|
||||||
:options="keyNames"
|
:options="keyNames"
|
||||||
:disabled="keyNames.length === 0"
|
:disabled="keyNames.length === 0"
|
||||||
:close-on-select="true"
|
:closeOnSelect="true"
|
||||||
:show-labels="false"
|
:showLabels="false"
|
||||||
:hide-selected="true"
|
:hideSelected="true"
|
||||||
:option-height="29"
|
:optionHeight="29"
|
||||||
open-direction="bottom"
|
openDirection="bottom"
|
||||||
placeholder="Choose a second argument"
|
placeholder="Choose a second argument"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -114,13 +114,13 @@
|
|||||||
class="sqliteviz-select short renderer"
|
class="sqliteviz-select short renderer"
|
||||||
:options="renderers"
|
:options="renderers"
|
||||||
label="name"
|
label="name"
|
||||||
track-by="name"
|
trackBy="name"
|
||||||
:close-on-select="true"
|
:closeOnSelect="true"
|
||||||
:allow-empty="false"
|
:allowEmpty="false"
|
||||||
:show-labels="false"
|
:showLabels="false"
|
||||||
:hide-selected="true"
|
:hideSelected="true"
|
||||||
:option-height="29"
|
:optionHeight="29"
|
||||||
open-direction="bottom"
|
openDirection="bottom"
|
||||||
placeholder="Choose a view"
|
placeholder="Choose a view"
|
||||||
>
|
>
|
||||||
<template #noResult>
|
<template #noResult>
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<pivot-ui
|
<pivot-ui
|
||||||
v-model="pivotOptions"
|
v-model="pivotOptions"
|
||||||
:key-names="columns"
|
:keyNames="columns"
|
||||||
@update="$emit('update')"
|
@update="$emit('update')"
|
||||||
/>
|
/>
|
||||||
<div ref="pivotOutput" class="pivot-output" />
|
<div ref="pivotOutput" class="pivot-output" />
|
||||||
|
|||||||
@@ -4,9 +4,9 @@
|
|||||||
<component
|
<component
|
||||||
:is="mode"
|
:is="mode"
|
||||||
ref="viewComponent"
|
ref="viewComponent"
|
||||||
v-model:import-to-png-enabled="importToPngEnabled"
|
v-model:importToPngEnabled="importToPngEnabled"
|
||||||
v-model:import-to-svg-enabled="importToSvgEnabled"
|
v-model:importToSvgEnabled="importToSvgEnabled"
|
||||||
:init-options="mode === initMode ? initOptions : undefined"
|
:initOptions="mode === initMode ? initOptions : undefined"
|
||||||
:data-sources="dataSource"
|
:data-sources="dataSource"
|
||||||
@loading-image-completed="loadingImage = false"
|
@loading-image-completed="loadingImage = false"
|
||||||
@update="$emit('update')"
|
@update="$emit('update')"
|
||||||
@@ -16,7 +16,7 @@
|
|||||||
<icon-button
|
<icon-button
|
||||||
:active="mode === 'chart'"
|
:active="mode === 'chart'"
|
||||||
tooltip="Switch to chart"
|
tooltip="Switch to chart"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
@click="mode = 'chart'"
|
@click="mode = 'chart'"
|
||||||
>
|
>
|
||||||
<chart-icon />
|
<chart-icon />
|
||||||
@@ -25,7 +25,7 @@
|
|||||||
ref="pivotBtn"
|
ref="pivotBtn"
|
||||||
:active="mode === 'pivot'"
|
:active="mode === 'pivot'"
|
||||||
tooltip="Switch to pivot"
|
tooltip="Switch to pivot"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
@click="mode = 'pivot'"
|
@click="mode = 'pivot'"
|
||||||
>
|
>
|
||||||
<pivot-icon />
|
<pivot-icon />
|
||||||
@@ -37,7 +37,7 @@
|
|||||||
:disabled="!importToPngEnabled || loadingImage"
|
:disabled="!importToPngEnabled || loadingImage"
|
||||||
:loading="loadingImage"
|
:loading="loadingImage"
|
||||||
tooltip="Save as PNG image"
|
tooltip="Save as PNG image"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
@click="saveAsPng"
|
@click="saveAsPng"
|
||||||
>
|
>
|
||||||
<png-icon />
|
<png-icon />
|
||||||
@@ -46,7 +46,7 @@
|
|||||||
ref="svgExportBtn"
|
ref="svgExportBtn"
|
||||||
:disabled="!importToSvgEnabled"
|
:disabled="!importToSvgEnabled"
|
||||||
tooltip="Save as SVG"
|
tooltip="Save as SVG"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
@click="saveAsSvg"
|
@click="saveAsSvg"
|
||||||
>
|
>
|
||||||
<export-to-svg-icon />
|
<export-to-svg-icon />
|
||||||
@@ -55,7 +55,7 @@
|
|||||||
<icon-button
|
<icon-button
|
||||||
ref="htmlExportBtn"
|
ref="htmlExportBtn"
|
||||||
tooltip="Save as HTML"
|
tooltip="Save as HTML"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
@click="saveAsHtml"
|
@click="saveAsHtml"
|
||||||
>
|
>
|
||||||
<HtmlIcon />
|
<HtmlIcon />
|
||||||
@@ -64,7 +64,7 @@
|
|||||||
ref="copyToClipboardBtn"
|
ref="copyToClipboardBtn"
|
||||||
:loading="copyingImage"
|
:loading="copyingImage"
|
||||||
tooltip="Copy visualisation to clipboard"
|
tooltip="Copy visualisation to clipboard"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
@click="prepareCopy"
|
@click="prepareCopy"
|
||||||
>
|
>
|
||||||
<clipboard-icon />
|
<clipboard-icon />
|
||||||
@@ -72,9 +72,9 @@
|
|||||||
</side-tool-bar>
|
</side-tool-bar>
|
||||||
|
|
||||||
<loading-dialog
|
<loading-dialog
|
||||||
loading-msg="Rendering the visualisation..."
|
loadingMsg="Rendering the visualisation..."
|
||||||
success-msg="Image is ready"
|
successMsg="Image is ready"
|
||||||
action-btn-name="Copy"
|
actionBtnName="Copy"
|
||||||
name="prepareCopy"
|
name="prepareCopy"
|
||||||
title="Copy to clipboard"
|
title="Copy to clipboard"
|
||||||
:loading="preparingCopy"
|
:loading="preparingCopy"
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<icon-button
|
<icon-button
|
||||||
:disabled="modelValue === 0"
|
:disabled="modelValue === 0"
|
||||||
tooltip="First row"
|
tooltip="First row"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
class="first"
|
class="first"
|
||||||
@click="$emit('update:modelValue', 0)"
|
@click="$emit('update:modelValue', 0)"
|
||||||
>
|
>
|
||||||
@@ -12,7 +12,7 @@
|
|||||||
<icon-button
|
<icon-button
|
||||||
:disabled="modelValue === 0"
|
:disabled="modelValue === 0"
|
||||||
tooltip="Previous row"
|
tooltip="Previous row"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
class="prev"
|
class="prev"
|
||||||
@click="$emit('update:modelValue', modelValue - 1)"
|
@click="$emit('update:modelValue', modelValue - 1)"
|
||||||
>
|
>
|
||||||
@@ -21,7 +21,7 @@
|
|||||||
<icon-button
|
<icon-button
|
||||||
:disabled="modelValue === total - 1"
|
:disabled="modelValue === total - 1"
|
||||||
tooltip="Next row"
|
tooltip="Next row"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
class="next"
|
class="next"
|
||||||
@click="$emit('update:modelValue', modelValue + 1)"
|
@click="$emit('update:modelValue', modelValue + 1)"
|
||||||
>
|
>
|
||||||
@@ -30,7 +30,7 @@
|
|||||||
<icon-button
|
<icon-button
|
||||||
:disabled="modelValue === total - 1"
|
:disabled="modelValue === total - 1"
|
||||||
tooltip="Last row"
|
tooltip="Last row"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
class="last"
|
class="last"
|
||||||
@click="$emit('update:modelValue', total - 1)"
|
@click="$emit('update:modelValue', total - 1)"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
<div class="value-viewer-container">
|
<div class="value-viewer-container">
|
||||||
<value-viewer
|
<value-viewer
|
||||||
v-show="selectedCell"
|
v-show="selectedCell"
|
||||||
:cell-value="
|
:cellValue="
|
||||||
selectedCell
|
selectedCell
|
||||||
? result.values[result.columns[selectedCell.dataset.col]][
|
? result.values[result.columns[selectedCell.dataset.col]][
|
||||||
selectedCell.dataset.row
|
selectedCell.dataset.row
|
||||||
@@ -40,7 +40,7 @@
|
|||||||
<icon-button
|
<icon-button
|
||||||
:disabled="!result"
|
:disabled="!result"
|
||||||
tooltip="Export result set to CSV file"
|
tooltip="Export result set to CSV file"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
@click="exportToCsv"
|
@click="exportToCsv"
|
||||||
>
|
>
|
||||||
<export-to-csv-icon />
|
<export-to-csv-icon />
|
||||||
@@ -50,7 +50,7 @@
|
|||||||
ref="copyToClipboardBtn"
|
ref="copyToClipboardBtn"
|
||||||
:disabled="!result"
|
:disabled="!result"
|
||||||
tooltip="Copy result set to clipboard"
|
tooltip="Copy result set to clipboard"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
@click="prepareCopy"
|
@click="prepareCopy"
|
||||||
>
|
>
|
||||||
<clipboard-icon />
|
<clipboard-icon />
|
||||||
@@ -60,7 +60,7 @@
|
|||||||
ref="rowBtn"
|
ref="rowBtn"
|
||||||
:disabled="!result"
|
:disabled="!result"
|
||||||
tooltip="View record"
|
tooltip="View record"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
:active="viewRecord"
|
:active="viewRecord"
|
||||||
@click="toggleViewRecord"
|
@click="toggleViewRecord"
|
||||||
>
|
>
|
||||||
@@ -71,7 +71,7 @@
|
|||||||
ref="viewCellValueBtn"
|
ref="viewCellValueBtn"
|
||||||
:disabled="!result"
|
:disabled="!result"
|
||||||
tooltip="View value"
|
tooltip="View value"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
:active="viewValuePanelVisible"
|
:active="viewValuePanelVisible"
|
||||||
@click="toggleViewValuePanel"
|
@click="toggleViewValuePanel"
|
||||||
>
|
>
|
||||||
@@ -80,9 +80,9 @@
|
|||||||
</side-tool-bar>
|
</side-tool-bar>
|
||||||
|
|
||||||
<loading-dialog
|
<loading-dialog
|
||||||
loading-msg="Building CSV..."
|
loadingMsg="Building CSV..."
|
||||||
success-msg="CSV is ready"
|
successMsg="CSV is ready"
|
||||||
action-btn-name="Copy"
|
actionBtnName="Copy"
|
||||||
name="prepareCSVCopy"
|
name="prepareCSVCopy"
|
||||||
title="Copy to clipboard"
|
title="Copy to clipboard"
|
||||||
:loading="preparingCopy"
|
:loading="preparingCopy"
|
||||||
@@ -113,9 +113,9 @@
|
|||||||
v-if="result && !viewRecord"
|
v-if="result && !viewRecord"
|
||||||
:data-set="result"
|
:data-set="result"
|
||||||
:time="time"
|
:time="time"
|
||||||
:page-size="pageSize"
|
:pageSize="pageSize"
|
||||||
:page="defaultPage"
|
:page="defaultPage"
|
||||||
:selected-cell-coordinates="defaultSelectedCell"
|
:selectedCellCoordinates="defaultSelectedCell"
|
||||||
class="straight"
|
class="straight"
|
||||||
@update-selected-cell="onUpdateSelectedCell"
|
@update-selected-cell="onUpdateSelectedCell"
|
||||||
/>
|
/>
|
||||||
@@ -125,8 +125,8 @@
|
|||||||
ref="recordView"
|
ref="recordView"
|
||||||
:data-set="result"
|
:data-set="result"
|
||||||
:time="time"
|
:time="time"
|
||||||
:selected-column-index="selectedCell ? +selectedCell.dataset.col : 0"
|
:selectedColumnIndex="selectedCell ? +selectedCell.dataset.col : 0"
|
||||||
:row-index="selectedCell ? +selectedCell.dataset.row : 0"
|
:rowIndex="selectedCell ? +selectedCell.dataset.row : 0"
|
||||||
@update-selected-cell="onUpdateSelectedCell"
|
@update-selected-cell="onUpdateSelectedCell"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
ref="sqlEditorBtn"
|
ref="sqlEditorBtn"
|
||||||
:active="panel === 'sqlEditor'"
|
:active="panel === 'sqlEditor'"
|
||||||
tooltip="Switch panel to SQL editor"
|
tooltip="Switch panel to SQL editor"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
@click="$emit('switchTo', 'sqlEditor')"
|
@click="$emit('switchTo', 'sqlEditor')"
|
||||||
>
|
>
|
||||||
<sql-editor-icon />
|
<sql-editor-icon />
|
||||||
@@ -14,7 +14,7 @@
|
|||||||
ref="tableBtn"
|
ref="tableBtn"
|
||||||
:active="panel === 'table'"
|
:active="panel === 'table'"
|
||||||
tooltip="Switch panel to result set"
|
tooltip="Switch panel to result set"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
@click="$emit('switchTo', 'table')"
|
@click="$emit('switchTo', 'table')"
|
||||||
>
|
>
|
||||||
<table-icon />
|
<table-icon />
|
||||||
@@ -24,7 +24,7 @@
|
|||||||
ref="dataViewBtn"
|
ref="dataViewBtn"
|
||||||
:active="panel === 'dataView'"
|
:active="panel === 'dataView'"
|
||||||
tooltip="Switch panel to data view"
|
tooltip="Switch panel to data view"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
@click="$emit('switchTo', 'dataView')"
|
@click="$emit('switchTo', 'dataView')"
|
||||||
>
|
>
|
||||||
<data-view-icon />
|
<data-view-icon />
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
ref="cm"
|
ref="cm"
|
||||||
v-model:value="query"
|
v-model:value="query"
|
||||||
:options="cmOptions"
|
:options="cmOptions"
|
||||||
:original-style="true"
|
:originalStyle="true"
|
||||||
@change="onChange"
|
@change="onChange"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -15,7 +15,7 @@
|
|||||||
:disabled="runDisabled"
|
:disabled="runDisabled"
|
||||||
:loading="isGettingResults"
|
:loading="isGettingResults"
|
||||||
tooltip="Run SQL query"
|
tooltip="Run SQL query"
|
||||||
tooltip-position="top-left"
|
tooltipPosition="top-left"
|
||||||
@click="$emit('run')"
|
@click="$emit('run')"
|
||||||
>
|
>
|
||||||
<run-icon :disabled="runDisabled" />
|
<run-icon :disabled="runDisabled" />
|
||||||
|
|||||||
@@ -25,7 +25,7 @@
|
|||||||
<sql-editor
|
<sql-editor
|
||||||
ref="sqlEditor"
|
ref="sqlEditor"
|
||||||
v-model="tab.query"
|
v-model="tab.query"
|
||||||
:is-getting-results="tab.isGettingResults"
|
:isGettingResults="tab.isGettingResults"
|
||||||
@switch-to="onSwitchView('sqlEditor', $event)"
|
@switch-to="onSwitchView('sqlEditor', $event)"
|
||||||
@run="tab.execute()"
|
@run="tab.execute()"
|
||||||
/>
|
/>
|
||||||
@@ -39,7 +39,7 @@
|
|||||||
<run-result
|
<run-result
|
||||||
:tab="tab"
|
:tab="tab"
|
||||||
:result="tab.result"
|
:result="tab.result"
|
||||||
:is-getting-results="tab.isGettingResults"
|
:isGettingResults="tab.isGettingResults"
|
||||||
:error="tab.error"
|
:error="tab.error"
|
||||||
:time="tab.time"
|
:time="tab.time"
|
||||||
@switch-to="onSwitchView('table', $event)"
|
@switch-to="onSwitchView('table', $event)"
|
||||||
@@ -54,8 +54,8 @@
|
|||||||
<data-view
|
<data-view
|
||||||
ref="dataView"
|
ref="dataView"
|
||||||
:data-source="(tab.result && tab.result.values) || null"
|
:data-source="(tab.result && tab.result.values) || null"
|
||||||
:init-options="tab.viewOptions"
|
:initOptions="tab.viewOptions"
|
||||||
:init-mode="tab.viewType"
|
:initMode="tab.viewType"
|
||||||
@switch-to="onSwitchView('dataView', $event)"
|
@switch-to="onSwitchView('dataView', $event)"
|
||||||
@update="onDataViewUpdate"
|
@update="onDataViewUpdate"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -29,7 +29,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--Close tab warning dialog -->
|
<!--Close tab warning dialog -->
|
||||||
<modal modal-id="close-warn" class="dialog" content-style="width: 560px;">
|
<modal modalId="close-warn" class="dialog" contentStyle="width: 560px;">
|
||||||
<div class="dialog-header">
|
<div class="dialog-header">
|
||||||
Close tab
|
Close tab
|
||||||
{{
|
{{
|
||||||
|
|||||||
Reference in New Issue
Block a user