mirror of https://github.com/Fabio286/antares.git
Merge branch 'beta' of https://github.com/antares-sql/antares
This commit is contained in:
commit
121aa21a6d
|
|
@ -1,9 +1,10 @@
|
|||
name: Test end-to-end
|
||||
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- develop
|
||||
workflow_dispatch: {}
|
||||
# push:
|
||||
# branches:
|
||||
# - develop
|
||||
|
||||
jobs:
|
||||
release:
|
||||
|
|
|
|||
32
CHANGELOG.md
32
CHANGELOG.md
|
|
@ -2,6 +2,38 @@
|
|||
|
||||
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
||||
|
||||
### [0.7.25-beta.2](https://github.com/antares-sql/antares/compare/v0.7.25-beta.1...v0.7.25-beta.2) (2024-06-16)
|
||||
|
||||
|
||||
### Features
|
||||
|
||||
* **PostgreSQL:** support to materialized views, closes [#804](https://github.com/antares-sql/antares/issues/804) ([0b9898f](https://github.com/antares-sql/antares/commit/0b9898f3e714d2cb24d100f55dd3858a644de162))
|
||||
|
||||
|
||||
### Improvements
|
||||
|
||||
* **UI:** views grouped in folders ([a973ec3](https://github.com/antares-sql/antares/commit/a973ec3c60398cb16685a4f991c43ec4ee74c986))
|
||||
|
||||
### [0.7.25-beta.1](https://github.com/antares-sql/antares/compare/v0.7.25-beta.0...v0.7.25-beta.1) (2024-06-08)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* issue switching table after using a filter, fixes[#691](https://github.com/antares-sql/antares/issues/691) ([4a1697d](https://github.com/antares-sql/antares/commit/4a1697d63351b9990efff5804b95d92ac2fc9783))
|
||||
|
||||
### [0.7.25-beta.0](https://github.com/antares-sql/antares/compare/v0.7.24...v0.7.25-beta.0) (2024-05-26)
|
||||
|
||||
|
||||
### Features
|
||||
|
||||
* update japanese translation ([bb3c87b](https://github.com/antares-sql/antares/commit/bb3c87b2cf6fa38e3cfb68317c02aa350aae7887))
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* missing resizebars on mouse over ([25123e3](https://github.com/antares-sql/antares/commit/25123e34ef860d8bf019c496097e68e0101c9ab9))
|
||||
* **PostgreSQL:** unable to search for databases, fixes [#798](https://github.com/antares-sql/antares/issues/798) ([d1bb50b](https://github.com/antares-sql/antares/commit/d1bb50b2bb48d3445080990c28fdc656cf27a6d3))
|
||||
|
||||
### [0.7.24](https://github.com/antares-sql/antares/compare/v0.7.24-beta.1...v0.7.24) (2024-05-03)
|
||||
|
||||
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
25
package.json
25
package.json
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"name": "antares",
|
||||
"productName": "Antares",
|
||||
"version": "0.7.24",
|
||||
"version": "0.7.25-beta.2",
|
||||
"description": "A modern, fast and productivity driven SQL client with a focus in UX.",
|
||||
"license": "MIT",
|
||||
"repository": "https://github.com/antares-sql/antares.git",
|
||||
|
|
@ -119,7 +119,7 @@
|
|||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"@electron/remote": "~2.0.1",
|
||||
"@electron/remote": "~2.1.2",
|
||||
"@fabio286/ssh2-promise": "~1.0.4-b",
|
||||
"@faker-js/faker": "~6.1.2",
|
||||
"@jamescoyle/vue-icon": "~0.1.2",
|
||||
|
|
@ -127,10 +127,11 @@
|
|||
"@turf/helpers": "~6.5.0",
|
||||
"@vue/compiler-sfc": "~3.2.33",
|
||||
"@vueuse/core": "~10.4.1",
|
||||
"ace-builds": "~1.24.1",
|
||||
"ace-builds": "~1.34.1",
|
||||
"babel-loader": "~8.2.3",
|
||||
"better-sqlite3": "~9.4.1",
|
||||
"better-sqlite3": "~10.0.0",
|
||||
"chalk": "~4.1.2",
|
||||
"cpu-features": "^0.0.10",
|
||||
"cross-env": "~7.0.2",
|
||||
"css-loader": "~6.5.0",
|
||||
"electron-log": "~5.0.1",
|
||||
|
|
@ -146,10 +147,10 @@
|
|||
"marked": "~12.0.0",
|
||||
"mini-css-extract-plugin": "~2.4.5",
|
||||
"moment": "~2.30.1",
|
||||
"mysql2": "~3.9.1",
|
||||
"node-firebird": "~1.1.4",
|
||||
"mysql2": "~3.9.7",
|
||||
"node-firebird": "~1.1.8",
|
||||
"node-loader": "~2.0.0",
|
||||
"pg": "~8.11.3",
|
||||
"pg": "~8.11.5",
|
||||
"pg-connection-string": "~2.5.0",
|
||||
"pg-query-stream": "~4.2.3",
|
||||
"pgsql-ast-parser": "~7.2.1",
|
||||
|
|
@ -169,11 +170,11 @@
|
|||
"typescript": "~4.6.3",
|
||||
"unzip-crx-3": "~0.2.0",
|
||||
"v-mask": "~2.3.0",
|
||||
"vue": "~3.4.19",
|
||||
"vue-i18n": "~9.2.2",
|
||||
"vue": "~3.4.27",
|
||||
"vue-i18n": "~9.13.1",
|
||||
"vue-loader": "~16.8.3",
|
||||
"vuedraggable": "~4.1.0",
|
||||
"webpack": "~5.72.0",
|
||||
"webpack": "^5.91.0",
|
||||
"webpack-cli": "~4.9.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
|
@ -192,8 +193,8 @@
|
|||
"@typescript-eslint/eslint-plugin": "~5.18.0",
|
||||
"@typescript-eslint/parser": "~5.18.0",
|
||||
"all-contributors-cli": "~6.20.0",
|
||||
"electron": "~26.6.9",
|
||||
"electron-builder": "~24.6.4",
|
||||
"electron": "~30.0.8",
|
||||
"electron-builder": "~24.13.3",
|
||||
"eslint": "~7.32.0",
|
||||
"eslint-config-standard": "~16.0.3",
|
||||
"eslint-plugin-import": "~2.24.2",
|
||||
|
|
|
|||
|
|
@ -31,6 +31,7 @@ export const customizations: Customizations = {
|
|||
schemas: true,
|
||||
tables: true,
|
||||
views: true,
|
||||
materializedViews: true,
|
||||
triggers: true,
|
||||
triggerFunctions: true,
|
||||
routines: true,
|
||||
|
|
@ -42,6 +43,7 @@ export const customizations: Customizations = {
|
|||
tableDuplicate: true,
|
||||
tableDdl: true,
|
||||
viewAdd: true,
|
||||
materializedViewAdd: true,
|
||||
triggerAdd: true,
|
||||
triggerFunctionAdd: true,
|
||||
routineAdd: true,
|
||||
|
|
@ -52,6 +54,7 @@ export const customizations: Customizations = {
|
|||
databaseEdit: false,
|
||||
tableSettings: true,
|
||||
viewSettings: true,
|
||||
materializedViewSettings: true,
|
||||
triggerSettings: true,
|
||||
triggerFunctionSettings: true,
|
||||
routineSettings: true,
|
||||
|
|
|
|||
|
|
@ -28,6 +28,7 @@ export interface Customizations {
|
|||
schemas?: boolean;
|
||||
tables?: boolean;
|
||||
views?: boolean;
|
||||
materializedViews?: boolean;
|
||||
triggers?: boolean;
|
||||
triggerFunctions?: boolean;
|
||||
routines?: boolean;
|
||||
|
|
@ -45,6 +46,8 @@ export interface Customizations {
|
|||
tableDdl?: boolean;
|
||||
viewAdd?: boolean;
|
||||
viewSettings?: boolean;
|
||||
materializedViewAdd?: boolean;
|
||||
materializedViewSettings?: boolean;
|
||||
triggerAdd?: boolean;
|
||||
triggerFunctionAdd?: boolean;
|
||||
routineAdd?: boolean;
|
||||
|
|
|
|||
|
|
@ -51,4 +51,52 @@ export default (connections: Record<string, antares.Client>) => {
|
|||
return { status: 'error', response: err.toString() };
|
||||
}
|
||||
});
|
||||
|
||||
ipcMain.handle('get-materialized-view-informations', async (event, params) => {
|
||||
if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
|
||||
|
||||
try {
|
||||
const result = await connections[params.uid].getMaterializedViewInformations(params);
|
||||
return { status: 'success', response: result };
|
||||
}
|
||||
catch (err) {
|
||||
return { status: 'error', response: err.toString() };
|
||||
}
|
||||
});
|
||||
|
||||
ipcMain.handle('drop-materialized-view', async (event, params) => {
|
||||
if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
|
||||
|
||||
try {
|
||||
await connections[params.uid].dropMaterializedView(params);
|
||||
return { status: 'success' };
|
||||
}
|
||||
catch (err) {
|
||||
return { status: 'error', response: err.toString() };
|
||||
}
|
||||
});
|
||||
|
||||
ipcMain.handle('alter-materialized-view', async (event, params) => {
|
||||
if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
|
||||
|
||||
try {
|
||||
await connections[params.uid].alterView(params);
|
||||
return { status: 'success' };
|
||||
}
|
||||
catch (err) {
|
||||
return { status: 'error', response: err.toString() };
|
||||
}
|
||||
});
|
||||
|
||||
ipcMain.handle('create-materialized-view', async (event, params) => {
|
||||
if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
|
||||
|
||||
try {
|
||||
await connections[params.uid].createMaterializedView(params);
|
||||
return { status: 'success' };
|
||||
}
|
||||
catch (err) {
|
||||
return { status: 'error', response: err.toString() };
|
||||
}
|
||||
});
|
||||
};
|
||||
|
|
|
|||
|
|
@ -234,6 +234,18 @@ export abstract class BaseClient {
|
|||
throw new Error('Method "getVariables" not implemented');
|
||||
}
|
||||
|
||||
getMaterializedViewInformations (...args: any) {
|
||||
throw new Error('Method "getMaterializedViewInformations" not implemented');
|
||||
}
|
||||
|
||||
dropMaterializedView (...args: any) {
|
||||
throw new Error('Method "dropMaterializedView" not implemented');
|
||||
}
|
||||
|
||||
createMaterializedView (...args: any) {
|
||||
throw new Error('Method "createMaterializedView" not implemented');
|
||||
}
|
||||
|
||||
getEventInformations (...args: any) {
|
||||
throw new Error('Method "getEventInformations" not implemented');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -335,6 +335,19 @@ export class PostgreSQLClient extends BaseClient {
|
|||
ORDER BY table_name
|
||||
`);
|
||||
|
||||
let { rows: matViews } = await this.raw<antares.QueryResult<ShowTableResult>>(`
|
||||
SELECT schemaname AS schema_name,
|
||||
matviewname AS table_name,
|
||||
matviewowner AS owner,
|
||||
ispopulated AS is_populated,
|
||||
definition,
|
||||
'materializedview' AS table_type
|
||||
FROM pg_matviews
|
||||
WHERE schemaname = '${db.database}'
|
||||
ORDER BY schema_name,
|
||||
table_name;
|
||||
`);
|
||||
|
||||
if (tables.length) {
|
||||
tables = tables.map(table => {
|
||||
table.Db = db.database;
|
||||
|
|
@ -343,6 +356,14 @@ export class PostgreSQLClient extends BaseClient {
|
|||
tablesArr.push(...tables);
|
||||
}
|
||||
|
||||
if (matViews.length) {
|
||||
matViews = matViews.map(view => {
|
||||
view.Db = db.database;
|
||||
return view;
|
||||
});
|
||||
tablesArr.push(...matViews);
|
||||
}
|
||||
|
||||
let { rows: triggers } = await this.raw<antares.QueryResult<ShowTriggersResult>>(`
|
||||
SELECT
|
||||
pg_class.relname AS table_name,
|
||||
|
|
@ -378,7 +399,11 @@ export class PostgreSQLClient extends BaseClient {
|
|||
|
||||
return {
|
||||
name: table.table_name,
|
||||
type: table.table_type === 'VIEW' ? 'view' : 'table',
|
||||
type: table.table_type === 'VIEW'
|
||||
? 'view'
|
||||
: table.table_type === 'materializedview'
|
||||
? 'materializedview'
|
||||
: 'table',
|
||||
rows: table.reltuples,
|
||||
size: tableSize,
|
||||
collation: table.Collation,
|
||||
|
|
@ -1056,11 +1081,32 @@ export class PostgreSQLClient extends BaseClient {
|
|||
})[0];
|
||||
}
|
||||
|
||||
async getMaterializedViewInformations ({ schema, view }: { schema: string; view: string }) {
|
||||
const sql = `SELECT "definition" FROM "pg_matviews" WHERE "matviewname"='${view}' AND "schemaname"='${schema}'`;
|
||||
const results = await this.raw(sql);
|
||||
|
||||
return results.rows.map(row => {
|
||||
return {
|
||||
algorithm: '',
|
||||
definer: '',
|
||||
security: '',
|
||||
updateOption: '',
|
||||
sql: row.definition,
|
||||
name: view
|
||||
};
|
||||
})[0];
|
||||
}
|
||||
|
||||
async dropView (params: { schema: string; view: string }) {
|
||||
const sql = `DROP VIEW "${params.schema}"."${params.view}"`;
|
||||
return await this.raw(sql);
|
||||
}
|
||||
|
||||
async dropMaterializedView (params: { schema: string; view: string }) {
|
||||
const sql = `DROP MATERIALIZED VIEW "${params.schema}"."${params.view}"`;
|
||||
return await this.raw(sql);
|
||||
}
|
||||
|
||||
async alterView ({ view }: { view: antares.AlterViewParams }) {
|
||||
let sql = `CREATE OR REPLACE VIEW "${view.schema}"."${view.oldName}" AS ${view.sql}`;
|
||||
|
||||
|
|
@ -1070,11 +1116,25 @@ export class PostgreSQLClient extends BaseClient {
|
|||
return await this.raw(sql);
|
||||
}
|
||||
|
||||
async alterMaterializedView ({ view }: { view: antares.AlterViewParams }) {
|
||||
let sql = `CREATE OR REPLACE MATERIALIZED VIEW "${view.schema}"."${view.oldName}" AS ${view.sql}`;
|
||||
|
||||
if (view.name !== view.oldName)
|
||||
sql += `; ALTER VIEW "${view.schema}"."${view.oldName}" RENAME TO "${view.name}"`;
|
||||
|
||||
return await this.raw(sql);
|
||||
}
|
||||
|
||||
async createView (params: antares.CreateViewParams) {
|
||||
const sql = `CREATE VIEW "${params.schema}"."${params.name}" AS ${params.sql}`;
|
||||
return await this.raw(sql);
|
||||
}
|
||||
|
||||
async createMaterializedView (params: antares.CreateViewParams) {
|
||||
const sql = `CREATE MATERIALIZED VIEW "${params.schema}"."${params.name}" AS ${params.sql}`;
|
||||
return await this.raw(sql);
|
||||
}
|
||||
|
||||
async getTriggerInformations ({ schema, trigger }: { schema: string; trigger: string }) {
|
||||
const [table, triggerName] = trigger.split('.');
|
||||
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
>
|
||||
<BaseIcon
|
||||
class="mt-1 mr-1"
|
||||
:icon-name="element.elementType === 'view' ? 'mdiTableEye' : 'mdiTable'"
|
||||
:icon-name="['view', 'materializedview'].includes(element.elementType) ? 'mdiTableEye' : 'mdiTable'"
|
||||
:size="18"
|
||||
/>
|
||||
<span :title="`${t('general.data').toUpperCase()}: ${t(`database.${element.elementType}`)}`">
|
||||
|
|
@ -80,7 +80,7 @@
|
|||
<a v-else-if="element.type === 'data'" class="tab-link">
|
||||
<BaseIcon
|
||||
class="mt-1 mr-1"
|
||||
:icon-name="element.elementType === 'view' ? 'mdiTableEye' : 'mdiTable'"
|
||||
:icon-name="['view', 'materializedview'].includes(element.elementType) ? 'mdiTableEye' : 'mdiTable'"
|
||||
:size="18"
|
||||
/>
|
||||
<span :title="`${t('general.data').toUpperCase()}: ${t(`database.${element.elementType}`)}`">
|
||||
|
|
@ -157,6 +157,27 @@
|
|||
</span>
|
||||
</a>
|
||||
|
||||
<a
|
||||
v-else-if="element.type === 'materialized-view-props'"
|
||||
class="tab-link"
|
||||
:class="{'badge': element.isChanged}"
|
||||
>
|
||||
<BaseIcon
|
||||
class="mr-1"
|
||||
icon-name="mdiWrenchCog"
|
||||
:size="18"
|
||||
/>
|
||||
<span :title="`${t('application.settings').toUpperCase()}: ${t(`database.view`)}`">
|
||||
{{ cutText(element.elementName, 20, true) }}
|
||||
<span
|
||||
class="btn btn-clear"
|
||||
:title="t('general.close')"
|
||||
@mousedown.left.stop
|
||||
@click.stop="closeTab(element)"
|
||||
/>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<a
|
||||
v-else-if="element.type === 'new-view'"
|
||||
class="tab-link"
|
||||
|
|
@ -178,6 +199,27 @@
|
|||
</span>
|
||||
</a>
|
||||
|
||||
<a
|
||||
v-else-if="element.type === 'new-materialized-view'"
|
||||
class="tab-link"
|
||||
:class="{'badge': element.isChanged}"
|
||||
>
|
||||
<BaseIcon
|
||||
class="mr-1"
|
||||
icon-name="mdiShapeSquarePlus"
|
||||
:size="18"
|
||||
/>
|
||||
<span :title="`${t('general.new').toUpperCase()}: ${t(`database.${element.elementType}`)}`">
|
||||
{{ t('database.newMaterializedView') }}
|
||||
<span
|
||||
class="btn btn-clear"
|
||||
:title="t('general.close')"
|
||||
@mousedown.left.stop
|
||||
@click.stop="closeTab(element)"
|
||||
/>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<a
|
||||
v-else-if="element.type === 'new-trigger'"
|
||||
class="tab-link"
|
||||
|
|
@ -446,6 +488,14 @@
|
|||
:is-selected="selectedTab === tab.uid && isSelected"
|
||||
:schema="tab.schema"
|
||||
/>
|
||||
<WorkspaceTabNewMaterializedView
|
||||
v-else-if="tab.type === 'new-materialized-view'"
|
||||
:tab-uid="tab.uid"
|
||||
:tab="tab"
|
||||
:connection="connection"
|
||||
:is-selected="selectedTab === tab.uid && isSelected"
|
||||
:schema="tab.schema"
|
||||
/>
|
||||
<WorkspaceTabPropsView
|
||||
v-else-if="tab.type === 'view-props'"
|
||||
:tab-uid="tab.uid"
|
||||
|
|
@ -454,6 +504,14 @@
|
|||
:view="tab.elementName"
|
||||
:schema="tab.schema"
|
||||
/>
|
||||
<WorkspaceTabPropsMaterializedView
|
||||
v-else-if="tab.type === 'materialized-view-props'"
|
||||
:tab-uid="tab.uid"
|
||||
:is-selected="selectedTab === tab.uid && isSelected"
|
||||
:connection="connection"
|
||||
:view="tab.elementName"
|
||||
:schema="tab.schema"
|
||||
/>
|
||||
<WorkspaceTabNewTrigger
|
||||
v-else-if="tab.type === 'new-trigger'"
|
||||
:tab-uid="tab.uid"
|
||||
|
|
@ -596,6 +654,9 @@ import Connection from '@/ipc-api/Connection';
|
|||
import { useConsoleStore } from '@/stores/console';
|
||||
import { useWorkspacesStore, WorkspaceTab } from '@/stores/workspaces';
|
||||
|
||||
import WorkspaceTabNewMaterializedView from './WorkspaceTabNewMaterializedView.vue';
|
||||
import WorkspaceTabPropsMaterializedView from './WorkspaceTabPropsMaterializedView.vue';
|
||||
|
||||
const { t } = useI18n();
|
||||
|
||||
const { cutText } = useFilters();
|
||||
|
|
@ -638,7 +699,6 @@ const draggableTabs = computed<WorkspaceTab[]>({
|
|||
get () {
|
||||
if (workspace.value.customizations.database)
|
||||
return workspace.value.tabs.filter(tab => tab.type === 'query' || tab.database === workspace.value.database);
|
||||
|
||||
else
|
||||
return workspace.value.tabs;
|
||||
},
|
||||
|
|
@ -689,6 +749,7 @@ const openAsPermanentTab = (tab: WorkspaceTab) => {
|
|||
const permanentTabs = {
|
||||
table: 'data',
|
||||
view: 'data',
|
||||
materializedView: 'data',
|
||||
trigger: 'trigger-props',
|
||||
triggerFunction: 'trigger-function-props',
|
||||
function: 'function-props',
|
||||
|
|
|
|||
|
|
@ -19,6 +19,8 @@
|
|||
v-model="selectedDatabase"
|
||||
:options="databases"
|
||||
class="form-select select-sm text-bold my-0"
|
||||
@keypress.stop=""
|
||||
@keydown.stop=""
|
||||
/>
|
||||
</div>
|
||||
<span v-else class="workspace-explorebar-title">{{ connectionName }}</span>
|
||||
|
|
@ -109,6 +111,7 @@
|
|||
@close-context="closeDatabaseContext"
|
||||
@open-create-table-tab="openCreateElementTab('table')"
|
||||
@open-create-view-tab="openCreateElementTab('view')"
|
||||
@open-create-materialized-view-tab="openCreateElementTab('materialized-view')"
|
||||
@open-create-trigger-tab="openCreateElementTab('trigger')"
|
||||
@open-create-routine-tab="openCreateElementTab('routine')"
|
||||
@open-create-function-tab="openCreateElementTab('function')"
|
||||
|
|
@ -139,10 +142,12 @@
|
|||
:selected-misc="selectedMisc"
|
||||
:selected-schema="selectedSchema"
|
||||
:context-event="miscContextEvent"
|
||||
@open-create-view-tab="openCreateElementTab('view')"
|
||||
@open-create-materializedview-tab="openCreateElementTab('materialized-view')"
|
||||
@open-create-trigger-tab="openCreateElementTab('trigger')"
|
||||
@open-create-trigger-function-tab="openCreateElementTab('trigger-function')"
|
||||
@open-create-routine-tab="openCreateElementTab('routine')"
|
||||
@open-create-function-tab="openCreateElementTab('function')"
|
||||
@open-create-trigger-function-tab="openCreateElementTab('trigger-function')"
|
||||
@open-create-scheduler-tab="openCreateElementTab('scheduler')"
|
||||
@close-context="closeMiscFolderContext"
|
||||
@reload="refresh"
|
||||
|
|
@ -501,7 +506,7 @@ const toggleSearchMethod = () => {
|
|||
transition: background 0.2s;
|
||||
|
||||
&:hover {
|
||||
background: rgba(var(--primary-color), 50%);
|
||||
background: var(--primary-color-dark);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -3,6 +3,30 @@
|
|||
:context-event="props.contextEvent"
|
||||
@close-context="closeContext"
|
||||
>
|
||||
<div
|
||||
v-if="props.selectedMisc === 'view'"
|
||||
class="context-element"
|
||||
@click="emit('open-create-view-tab')"
|
||||
>
|
||||
<span class="d-flex">
|
||||
<BaseIcon
|
||||
class="text-light mt-1 mr-1"
|
||||
icon-name="mdiTableCog"
|
||||
:size="18"
|
||||
/> {{ t('database.createNewView') }}</span>
|
||||
</div>
|
||||
<div
|
||||
v-if="props.selectedMisc === 'materializedview'"
|
||||
class="context-element"
|
||||
@click="emit('open-create-materializedview-tab')"
|
||||
>
|
||||
<span class="d-flex">
|
||||
<BaseIcon
|
||||
class="text-light mt-1 mr-1"
|
||||
icon-name="mdiTableCog"
|
||||
:size="18"
|
||||
/> {{ t('database.createNewMaterializedView') }}</span>
|
||||
</div>
|
||||
<div
|
||||
v-if="props.selectedMisc === 'trigger'"
|
||||
class="context-element"
|
||||
|
|
@ -81,6 +105,8 @@ const props = defineProps({
|
|||
});
|
||||
|
||||
const emit = defineEmits([
|
||||
'open-create-view-tab',
|
||||
'open-create-materializedview-tab',
|
||||
'open-create-trigger-tab',
|
||||
'open-create-routine-tab',
|
||||
'open-create-function-tab',
|
||||
|
|
|
|||
|
|
@ -67,6 +67,104 @@
|
|||
</ul>
|
||||
</div>
|
||||
|
||||
<div v-if="filteredViews.length" class="database-misc">
|
||||
<details class="accordion">
|
||||
<summary
|
||||
class="accordion-header misc-name"
|
||||
:class="{'text-bold': breadcrumbs.schema === database.name && breadcrumbs.trigger}"
|
||||
@contextmenu.prevent="showMiscFolderContext($event, 'view')"
|
||||
>
|
||||
<BaseIcon
|
||||
class="misc-icon mr-1"
|
||||
icon-name="mdiFolderEye"
|
||||
:size="18"
|
||||
/>
|
||||
<BaseIcon
|
||||
class="misc-icon open-folder mr-1"
|
||||
icon-name="mdiFolderOpen"
|
||||
:size="18"
|
||||
/>
|
||||
{{ t('database.view', 2) }}
|
||||
</summary>
|
||||
<div class="accordion-body">
|
||||
<div>
|
||||
<ul class="menu menu-nav pt-0">
|
||||
<li
|
||||
v-for="view of filteredViews"
|
||||
:key="view.name"
|
||||
class="menu-item"
|
||||
:class="{'selected': breadcrumbs.schema === database.name && breadcrumbs.view === view.name}"
|
||||
@mousedown.left="selectTable({schema: database.name, table: view})"
|
||||
@dblclick="openDataTab({schema: database.name, table: view})"
|
||||
@contextmenu.prevent="showTableContext($event, view)"
|
||||
>
|
||||
<a class="table-name">
|
||||
<div v-if="checkLoadingStatus(view.name, 'table')" class="icon loading mr-1" />
|
||||
<BaseIcon
|
||||
v-else
|
||||
class="table-icon mr-1"
|
||||
icon-name="mdiTableEye"
|
||||
:size="18"
|
||||
:style="`min-width: 18px`"
|
||||
/>
|
||||
<span v-html="highlightWord(view.name)" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<div v-if="filteredMatViews.length && customizations.materializedViews" class="database-misc">
|
||||
<details class="accordion">
|
||||
<summary
|
||||
class="accordion-header misc-name"
|
||||
:class="{'text-bold': breadcrumbs.schema === database.name && breadcrumbs.trigger}"
|
||||
@contextmenu.prevent="showMiscFolderContext($event, 'materializedview')"
|
||||
>
|
||||
<BaseIcon
|
||||
class="misc-icon mr-1"
|
||||
icon-name="mdiFolderEye"
|
||||
:size="18"
|
||||
/>
|
||||
<BaseIcon
|
||||
class="misc-icon open-folder mr-1"
|
||||
icon-name="mdiFolderOpen"
|
||||
:size="18"
|
||||
/>
|
||||
{{ t('database.materializedview', 2) }}
|
||||
</summary>
|
||||
<div class="accordion-body">
|
||||
<div>
|
||||
<ul class="menu menu-nav pt-0">
|
||||
<li
|
||||
v-for="view of filteredMatViews"
|
||||
:key="view.name"
|
||||
class="menu-item"
|
||||
:class="{'selected': breadcrumbs.schema === database.name && breadcrumbs.view === view.name}"
|
||||
@mousedown.left="selectTable({schema: database.name, table: view})"
|
||||
@dblclick="openDataTab({schema: database.name, table: view})"
|
||||
@contextmenu.prevent="showTableContext($event, view)"
|
||||
>
|
||||
<a class="table-name">
|
||||
<div v-if="checkLoadingStatus(view.name, 'table')" class="icon loading mr-1" />
|
||||
<BaseIcon
|
||||
v-else
|
||||
class="table-icon mr-1"
|
||||
icon-name="mdiTableEye"
|
||||
:size="18"
|
||||
:style="`min-width: 18px`"
|
||||
/>
|
||||
<span v-html="highlightWord(view.name)" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<div v-if="filteredTriggers.length && customizations.triggers" class="database-misc">
|
||||
<details class="accordion">
|
||||
<summary
|
||||
|
|
@ -380,11 +478,25 @@ const searchTerm = computed(() => {
|
|||
|
||||
const filteredTables = computed(() => {
|
||||
if (props.searchMethod === 'elements')
|
||||
return props.database.tables.filter(table => table.name.search(searchTerm.value) >= 0);
|
||||
return props.database.tables.filter(table => table.name.search(searchTerm.value) >= 0 && table.type === 'table');
|
||||
else
|
||||
return props.database.tables;
|
||||
});
|
||||
|
||||
const filteredViews = computed(() => {
|
||||
if (props.searchMethod === 'elements')
|
||||
return props.database.tables.filter(table => table.name.search(searchTerm.value) >= 0 && table.type === 'view');
|
||||
else
|
||||
return props.database.tables.filter(table => table.type === 'view');
|
||||
});
|
||||
|
||||
const filteredMatViews = computed(() => {
|
||||
if (props.searchMethod === 'elements')
|
||||
return props.database.tables.filter(table => table.name.search(searchTerm.value) >= 0 && table.type === 'materializedview');
|
||||
else
|
||||
return props.database.tables.filter(table => table.type === 'materializedview');
|
||||
});
|
||||
|
||||
const filteredTriggers = computed(() => {
|
||||
if (props.searchMethod === 'elements')
|
||||
return props.database.triggers.filter(trigger => trigger.name.search(searchTerm.value) >= 0);
|
||||
|
|
|
|||
|
|
@ -40,6 +40,18 @@
|
|||
:size="18"
|
||||
/> {{ t('database.view') }}</span>
|
||||
</div>
|
||||
<div
|
||||
v-if="workspace.customizations.materializedViewAdd"
|
||||
class="context-element"
|
||||
@click="openCreateMaterializedViewTab"
|
||||
>
|
||||
<span class="d-flex">
|
||||
<BaseIcon
|
||||
class="text-light mt-1 mr-1"
|
||||
icon-name="mdiTableEye"
|
||||
:size="18"
|
||||
/> {{ t('database.materializedview') }}</span>
|
||||
</div>
|
||||
<div
|
||||
v-if="workspace.customizations.triggerAdd"
|
||||
class="context-element"
|
||||
|
|
@ -221,6 +233,7 @@ const props = defineProps({
|
|||
const emit = defineEmits([
|
||||
'open-create-table-tab',
|
||||
'open-create-view-tab',
|
||||
'open-create-materialized-view-tab',
|
||||
'open-create-trigger-tab',
|
||||
'open-create-routine-tab',
|
||||
'open-create-function-tab',
|
||||
|
|
@ -257,6 +270,10 @@ const openCreateViewTab = () => {
|
|||
emit('open-create-view-tab');
|
||||
};
|
||||
|
||||
const openCreateMaterializedViewTab = () => {
|
||||
emit('open-create-materialized-view-tab');
|
||||
};
|
||||
|
||||
const openCreateTriggerTab = () => {
|
||||
emit('open-create-trigger-tab');
|
||||
};
|
||||
|
|
|
|||
|
|
@ -47,6 +47,18 @@
|
|||
:size="18"
|
||||
/> {{ t('application.settings') }}</span>
|
||||
</div>
|
||||
<div
|
||||
v-if="selectedTable && selectedTable.type === 'materializedview' && customizations.materializedViewSettings"
|
||||
class="context-element"
|
||||
@click="openMaterializedViewSettingTab"
|
||||
>
|
||||
<span class="d-flex">
|
||||
<BaseIcon
|
||||
class="text-light mt-1 mr-1"
|
||||
icon-name="mdiWrenchCog"
|
||||
:size="18"
|
||||
/> {{ t('application.settings') }}</span>
|
||||
</div>
|
||||
<div
|
||||
v-if="selectedTable && selectedTable.type === 'table' && customizations.tableDuplicate"
|
||||
class="context-element"
|
||||
|
|
@ -238,6 +250,23 @@ const openViewSettingTab = () => {
|
|||
closeContext();
|
||||
};
|
||||
|
||||
const openMaterializedViewSettingTab = () => {
|
||||
newTab({
|
||||
uid: selectedWorkspace.value,
|
||||
elementType: 'table',
|
||||
elementName: props.selectedTable.name,
|
||||
schema: props.selectedSchema,
|
||||
type: 'materialized-view-props'
|
||||
});
|
||||
|
||||
changeBreadcrumbs({
|
||||
schema: props.selectedSchema,
|
||||
view: props.selectedTable.name
|
||||
});
|
||||
|
||||
closeContext();
|
||||
};
|
||||
|
||||
const duplicateTable = () => {
|
||||
emit('duplicate-table', { schema: props.selectedSchema, table: props.selectedTable });
|
||||
};
|
||||
|
|
|
|||
|
|
@ -145,7 +145,7 @@ onMounted(() => {
|
|||
transition: background 0.2s;
|
||||
|
||||
&:hover {
|
||||
background: rgba(var(--primary-color), 50%);
|
||||
background: var(--primary-color-dark);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,293 @@
|
|||
<template>
|
||||
<div v-show="isSelected" class="workspace-query-tab column col-12 columns col-gapless">
|
||||
<div class="workspace-query-runner column col-12">
|
||||
<div class="workspace-query-runner-footer">
|
||||
<div class="workspace-query-buttons">
|
||||
<button
|
||||
class="btn btn-primary btn-sm"
|
||||
:disabled="!isChanged"
|
||||
:class="{'loading':isSaving}"
|
||||
@click="saveChanges"
|
||||
>
|
||||
<BaseIcon
|
||||
class="mr-1"
|
||||
icon-name="mdiContentSave"
|
||||
:size="24"
|
||||
/>
|
||||
<span>{{ t('general.save') }}</span>
|
||||
</button>
|
||||
<button
|
||||
:disabled="!isChanged"
|
||||
class="btn btn-link btn-sm mr-0"
|
||||
:title="t('database.clearChanges')"
|
||||
@click="clearChanges"
|
||||
>
|
||||
<BaseIcon
|
||||
class="mr-1"
|
||||
icon-name="mdiDeleteSweep"
|
||||
:size="24"
|
||||
/>
|
||||
<span>{{ t('general.clear') }}</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="workspace-query-info">
|
||||
<div class="d-flex" :title="t('database.schema')">
|
||||
<BaseIcon
|
||||
class="mt-1 mr-1"
|
||||
icon-name="mdiDatabase"
|
||||
:size="18"
|
||||
/><b>{{ schema }}</b>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column col-auto">
|
||||
<div class="form-group">
|
||||
<label class="form-label">{{ t('general.name') }}</label>
|
||||
<input
|
||||
ref="firstInput"
|
||||
v-model="localView.name"
|
||||
class="form-input"
|
||||
type="text"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column col-auto">
|
||||
<div v-if="workspace.customizations.definer" class="form-group">
|
||||
<label class="form-label">{{ t('database.definer') }}</label>
|
||||
<BaseSelect
|
||||
v-model="localView.definer"
|
||||
:options="users"
|
||||
:option-label="(user: any) => user.value === '' ? t('database.currentUser') : `${user.name}@${user.host}`"
|
||||
:option-track-by="(user: any) => user.value === '' ? '' : `\`${user.name}\`@\`${user.host}\``"
|
||||
class="form-select"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column col-auto mr-2">
|
||||
<div v-if="workspace.customizations.viewSqlSecurity" class="form-group">
|
||||
<label class="form-label">{{ t('database.sqlSecurity') }}</label>
|
||||
<BaseSelect
|
||||
v-model="localView.security"
|
||||
:options="['DEFINER', 'INVOKER']"
|
||||
class="form-select"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column col-auto mr-2">
|
||||
<div v-if="workspace.customizations.viewAlgorithm" class="form-group">
|
||||
<label class="form-label">{{ t('database.algorithm') }}</label>
|
||||
<BaseSelect
|
||||
v-model="localView.algorithm"
|
||||
:options="['UNDEFINED', 'MERGE', 'TEMPTABLE']"
|
||||
class="form-select"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="workspace.customizations.viewUpdateOption" class="column col-auto mr-2">
|
||||
<div class="form-group">
|
||||
<label class="form-label">{{ t('database.updateOption') }}</label>
|
||||
<BaseSelect
|
||||
v-model="localView.updateOption"
|
||||
:option-track-by="(user: any) => user.value"
|
||||
:options="[{label: 'None', value: ''}, {label: 'CASCADED', value: 'CASCADED'}, {label: 'LOCAL', value: 'LOCAL'}]"
|
||||
class="form-select"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="workspace-query-results column col-12 mt-2 p-relative">
|
||||
<BaseLoader v-if="isLoading" />
|
||||
<label class="form-label ml-2">{{ t('database.selectStatement') }}</label>
|
||||
<QueryEditor
|
||||
v-show="isSelected"
|
||||
ref="queryEditor"
|
||||
v-model="localView.sql"
|
||||
:workspace="workspace"
|
||||
:schema="schema"
|
||||
:height="editorHeight"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { Ace } from 'ace-builds';
|
||||
import { ipcRenderer } from 'electron';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { Component, computed, onBeforeUnmount, onMounted, onUnmounted, Ref, ref, watch } from 'vue';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
import BaseIcon from '@/components/BaseIcon.vue';
|
||||
import BaseLoader from '@/components/BaseLoader.vue';
|
||||
import BaseSelect from '@/components/BaseSelect.vue';
|
||||
import QueryEditor from '@/components/QueryEditor.vue';
|
||||
import Views from '@/ipc-api/Views';
|
||||
import { useConsoleStore } from '@/stores/console';
|
||||
import { useNotificationsStore } from '@/stores/notifications';
|
||||
import { useWorkspacesStore } from '@/stores/workspaces';
|
||||
|
||||
const { t } = useI18n();
|
||||
|
||||
const props = defineProps({
|
||||
tabUid: String,
|
||||
connection: Object,
|
||||
tab: Object,
|
||||
isSelected: Boolean,
|
||||
schema: String
|
||||
});
|
||||
|
||||
const { addNotification } = useNotificationsStore();
|
||||
const workspacesStore = useWorkspacesStore();
|
||||
const { consoleHeight } = storeToRefs(useConsoleStore());
|
||||
|
||||
const {
|
||||
getWorkspace,
|
||||
refreshStructure,
|
||||
setUnsavedChanges,
|
||||
changeBreadcrumbs,
|
||||
newTab,
|
||||
removeTab
|
||||
} = workspacesStore;
|
||||
|
||||
const queryEditor: Ref<Component & {editor: Ace.Editor; $el: HTMLElement}> = ref(null);
|
||||
const firstInput: Ref<HTMLInputElement> = ref(null);
|
||||
const isLoading = ref(false);
|
||||
const isSaving = ref(false);
|
||||
const originalView = ref(null);
|
||||
const localView = ref(null);
|
||||
const editorHeight = ref(300);
|
||||
|
||||
const workspace = computed(() => getWorkspace(props.connection.uid));
|
||||
const isChanged = computed(() => JSON.stringify(originalView.value) !== JSON.stringify(localView.value));
|
||||
const isDefinerInUsers = computed(() => originalView.value ? workspace.value.users.some(user => originalView.value.definer === `\`${user.name}\`@\`${user.host}\``) : true);
|
||||
|
||||
const users = computed(() => {
|
||||
const users = [{ value: '' }, ...workspace.value.users];
|
||||
if (!isDefinerInUsers.value) {
|
||||
const [name, host] = originalView.value.definer.replaceAll('`', '').split('@');
|
||||
users.unshift({ name, host });
|
||||
}
|
||||
|
||||
return users;
|
||||
});
|
||||
|
||||
const saveChanges = async () => {
|
||||
if (isSaving.value) return;
|
||||
isSaving.value = true;
|
||||
|
||||
const params = {
|
||||
uid: props.connection.uid,
|
||||
schema: props.schema,
|
||||
...localView.value
|
||||
};
|
||||
|
||||
try {
|
||||
const { status, response } = await Views.createMaterializedView(params);
|
||||
|
||||
if (status === 'success') {
|
||||
await refreshStructure(props.connection.uid);
|
||||
|
||||
newTab({
|
||||
uid: props.connection.uid,
|
||||
schema: props.schema,
|
||||
elementName: localView.value.name,
|
||||
elementType: 'materializedview',
|
||||
type: 'materialized-view-props'
|
||||
});
|
||||
|
||||
removeTab({ uid: props.connection.uid, tab: props.tab.uid });
|
||||
changeBreadcrumbs({ schema: props.schema, view: localView.value.name });
|
||||
}
|
||||
else
|
||||
addNotification({ status: 'error', message: response });
|
||||
}
|
||||
catch (err) {
|
||||
addNotification({ status: 'error', message: err.stack });
|
||||
}
|
||||
|
||||
isSaving.value = false;
|
||||
};
|
||||
|
||||
const clearChanges = () => {
|
||||
localView.value = JSON.parse(JSON.stringify(originalView.value));
|
||||
queryEditor.value.editor.session.setValue(localView.value.sql);
|
||||
};
|
||||
|
||||
const resizeQueryEditor = () => {
|
||||
if (queryEditor.value) {
|
||||
let sizeToSubtract = 0;
|
||||
const footer = document.getElementById('footer');
|
||||
if (footer) sizeToSubtract += footer.offsetHeight;
|
||||
sizeToSubtract += consoleHeight.value;
|
||||
|
||||
const size = window.innerHeight - queryEditor.value.$el.getBoundingClientRect().top - sizeToSubtract;
|
||||
editorHeight.value = size;
|
||||
queryEditor.value.editor.resize();
|
||||
}
|
||||
};
|
||||
|
||||
const saveContentListener = () => {
|
||||
const hasModalOpen = !!document.querySelectorAll('.modal.active').length;
|
||||
if (props.isSelected && !hasModalOpen && isChanged.value)
|
||||
saveChanges();
|
||||
};
|
||||
|
||||
watch(() => props.isSelected, (val) => {
|
||||
if (val) {
|
||||
changeBreadcrumbs({ schema: props.schema, view: localView.value.name });
|
||||
|
||||
setTimeout(() => {
|
||||
resizeQueryEditor();
|
||||
}, 50);
|
||||
}
|
||||
});
|
||||
|
||||
watch(isChanged, (val) => {
|
||||
setUnsavedChanges({ uid: props.connection.uid, tUid: props.tabUid, isChanged: val });
|
||||
});
|
||||
|
||||
watch(consoleHeight, () => {
|
||||
resizeQueryEditor();
|
||||
});
|
||||
|
||||
originalView.value = {
|
||||
algorithm: 'UNDEFINED',
|
||||
definer: '',
|
||||
security: 'DEFINER',
|
||||
updateOption: '',
|
||||
sql: '',
|
||||
name: ''
|
||||
};
|
||||
|
||||
localView.value = JSON.parse(JSON.stringify(originalView.value));
|
||||
|
||||
setTimeout(() => {
|
||||
resizeQueryEditor();
|
||||
}, 50);
|
||||
|
||||
onMounted(() => {
|
||||
if (props.isSelected)
|
||||
changeBreadcrumbs({ schema: props.schema });
|
||||
|
||||
ipcRenderer.on('save-content', saveContentListener);
|
||||
|
||||
setTimeout(() => {
|
||||
firstInput.value.focus();
|
||||
}, 100);
|
||||
|
||||
window.addEventListener('resize', resizeQueryEditor);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener('resize', resizeQueryEditor);
|
||||
});
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
ipcRenderer.removeListener('save-content', saveContentListener);
|
||||
});
|
||||
|
||||
</script>
|
||||
|
|
@ -0,0 +1,316 @@
|
|||
<template>
|
||||
<div v-show="isSelected" class="workspace-query-tab column col-12 columns col-gapless">
|
||||
<div class="workspace-query-runner column col-12">
|
||||
<div class="workspace-query-runner-footer">
|
||||
<div class="workspace-query-buttons">
|
||||
<button
|
||||
class="btn btn-primary btn-sm"
|
||||
:disabled="!isChanged"
|
||||
:class="{'loading':isSaving}"
|
||||
@click="saveChanges"
|
||||
>
|
||||
<BaseIcon
|
||||
class="mr-1"
|
||||
icon-name="mdiContentSave"
|
||||
:size="24"
|
||||
/>
|
||||
<span>{{ t('general.save') }}</span>
|
||||
</button>
|
||||
<button
|
||||
:disabled="!isChanged"
|
||||
class="btn btn-link btn-sm mr-0"
|
||||
:title="t('database.clearChanges')"
|
||||
@click="clearChanges"
|
||||
>
|
||||
<BaseIcon
|
||||
class="mr-1"
|
||||
icon-name="mdiDeleteSweep"
|
||||
:size="24"
|
||||
/>
|
||||
<span>{{ t('general.clear') }}</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="workspace-query-info">
|
||||
<div class="d-flex" :title="t('database.schema')">
|
||||
<BaseIcon
|
||||
class="mt-1 mr-1"
|
||||
icon-name="mdiDatabase"
|
||||
:size="18"
|
||||
/><b>{{ schema }}</b>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column col-auto">
|
||||
<div class="form-group">
|
||||
<label class="form-label">{{ t('general.name') }}</label>
|
||||
<input
|
||||
v-model="localView.name"
|
||||
class="form-input"
|
||||
type="text"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column col-auto">
|
||||
<div v-if="workspace.customizations.definer" class="form-group">
|
||||
<label class="form-label">{{ t('database.definer') }}</label>
|
||||
<BaseSelect
|
||||
v-model="localView.definer"
|
||||
:options="users"
|
||||
:option-label="(user: any) => user.value === '' ? t('database.currentUser') : `${user.name}@${user.host}`"
|
||||
:option-track-by="(user: any) => user.value === '' ? '' : `\`${user.name}\`@\`${user.host}\``"
|
||||
class="form-select"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column col-auto mr-2">
|
||||
<div v-if="workspace.customizations.viewSqlSecurity" class="form-group">
|
||||
<label class="form-label">{{ t('database.sqlSecurity') }}</label>
|
||||
<BaseSelect
|
||||
v-model="localView.security"
|
||||
:options="['DEFINER', 'INVOKER']"
|
||||
class="form-select"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column col-auto mr-2">
|
||||
<div v-if="workspace.customizations.viewAlgorithm" class="form-group">
|
||||
<label class="form-label">{{ t('database.algorithm') }}</label>
|
||||
<BaseSelect
|
||||
v-model="localView.algorithm"
|
||||
:options="['UNDEFINED', 'MERGE', 'TEMPTABLE']"
|
||||
class="form-select"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="workspace.customizations.viewUpdateOption" class="column col-auto mr-2">
|
||||
<div class="form-group">
|
||||
<label class="form-label">{{ t('database.updateOption') }}</label>
|
||||
<BaseSelect
|
||||
v-model="localView.updateOption"
|
||||
:option-track-by="(user: any) => user.value"
|
||||
:options="[{label: 'None', value: ''}, {label: 'CASCADED', value: 'CASCADED'}, {label: 'LOCAL', value: 'LOCAL'}]"
|
||||
class="form-select"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="workspace-query-results column col-12 mt-2 p-relative">
|
||||
<BaseLoader v-if="isLoading" />
|
||||
<label class="form-label ml-2">{{ t('database.selectStatement') }}</label>
|
||||
<QueryEditor
|
||||
v-show="isSelected"
|
||||
ref="queryEditor"
|
||||
v-model="localView.sql"
|
||||
:workspace="workspace"
|
||||
:schema="schema"
|
||||
:height="editorHeight"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { Ace } from 'ace-builds';
|
||||
import { ipcRenderer } from 'electron';
|
||||
import { Component, computed, onBeforeUnmount, onMounted, onUnmounted, Ref, ref, watch } from 'vue';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
import BaseIcon from '@/components/BaseIcon.vue';
|
||||
import BaseLoader from '@/components/BaseLoader.vue';
|
||||
import BaseSelect from '@/components/BaseSelect.vue';
|
||||
import QueryEditor from '@/components/QueryEditor.vue';
|
||||
import Views from '@/ipc-api/Views';
|
||||
import { useNotificationsStore } from '@/stores/notifications';
|
||||
import { useWorkspacesStore } from '@/stores/workspaces';
|
||||
|
||||
const { t } = useI18n();
|
||||
|
||||
const props = defineProps({
|
||||
tabUid: String,
|
||||
connection: Object,
|
||||
isSelected: Boolean,
|
||||
schema: String,
|
||||
view: String
|
||||
});
|
||||
|
||||
const { addNotification } = useNotificationsStore();
|
||||
const workspacesStore = useWorkspacesStore();
|
||||
|
||||
const {
|
||||
getWorkspace,
|
||||
refreshStructure,
|
||||
renameTabs,
|
||||
changeBreadcrumbs,
|
||||
setUnsavedChanges
|
||||
} = workspacesStore;
|
||||
|
||||
const queryEditor: Ref<Component & {editor: Ace.Editor; $el: HTMLElement}> = ref(null);
|
||||
const isLoading = ref(false);
|
||||
const isSaving = ref(false);
|
||||
const originalView = ref(null);
|
||||
const localView = ref(null);
|
||||
const editorHeight = ref(300);
|
||||
const lastView = ref(null);
|
||||
const sqlProxy = ref('');
|
||||
|
||||
const workspace = computed(() => getWorkspace(props.connection.uid));
|
||||
const isChanged = computed(() => JSON.stringify(originalView.value) !== JSON.stringify(localView.value));
|
||||
const isDefinerInUsers = computed(() => originalView.value ? workspace.value.users.some(user => originalView.value.definer === `\`${user.name}\`@\`${user.host}\``) : true);
|
||||
|
||||
const users = computed(() => {
|
||||
const users = [{ value: '' }, ...workspace.value.users];
|
||||
if (!isDefinerInUsers.value) {
|
||||
const [name, host] = originalView.value.definer.replaceAll('`', '').split('@');
|
||||
users.unshift({ name, host });
|
||||
}
|
||||
|
||||
return users;
|
||||
});
|
||||
|
||||
const getViewData = async () => {
|
||||
if (!props.view) return;
|
||||
isLoading.value = true;
|
||||
localView.value = { sql: '' };
|
||||
lastView.value = props.view;
|
||||
|
||||
const params = {
|
||||
uid: props.connection.uid,
|
||||
schema: props.schema,
|
||||
view: props.view
|
||||
};
|
||||
|
||||
try {
|
||||
const { status, response } = await Views.getMaterializedViewInformations(params);
|
||||
if (status === 'success') {
|
||||
originalView.value = response;
|
||||
localView.value = JSON.parse(JSON.stringify(originalView.value));
|
||||
sqlProxy.value = localView.value.sql;
|
||||
}
|
||||
else
|
||||
addNotification({ status: 'error', message: response });
|
||||
}
|
||||
catch (err) {
|
||||
addNotification({ status: 'error', message: err.stack });
|
||||
}
|
||||
|
||||
resizeQueryEditor();
|
||||
isLoading.value = false;
|
||||
};
|
||||
|
||||
const saveChanges = async () => {
|
||||
if (isSaving.value) return;
|
||||
isSaving.value = true;
|
||||
const params = {
|
||||
uid: props.connection.uid,
|
||||
view: {
|
||||
...localView.value,
|
||||
schema: props.schema,
|
||||
oldName: originalView.value.name
|
||||
}
|
||||
};
|
||||
|
||||
try {
|
||||
const { status, response } = await Views.alterMaterializedView(params);
|
||||
|
||||
if (status === 'success') {
|
||||
const oldName = originalView.value.name;
|
||||
|
||||
await refreshStructure(props.connection.uid);
|
||||
|
||||
if (oldName !== localView.value.name) {
|
||||
renameTabs({
|
||||
uid: props.connection.uid,
|
||||
schema: props.schema,
|
||||
elementName: oldName,
|
||||
elementNewName: localView.value.name,
|
||||
elementType: 'materializedview'
|
||||
});
|
||||
|
||||
changeBreadcrumbs({ schema: props.schema, view: localView.value.name });
|
||||
}
|
||||
else
|
||||
getViewData();
|
||||
}
|
||||
else
|
||||
addNotification({ status: 'error', message: response });
|
||||
}
|
||||
catch (err) {
|
||||
addNotification({ status: 'error', message: err.stack });
|
||||
}
|
||||
|
||||
isSaving.value = false;
|
||||
};
|
||||
|
||||
const clearChanges = () => {
|
||||
localView.value = JSON.parse(JSON.stringify(originalView.value));
|
||||
queryEditor.value.editor.session.setValue(localView.value.sql);
|
||||
};
|
||||
|
||||
const resizeQueryEditor = () => {
|
||||
if (queryEditor.value) {
|
||||
const footer = document.getElementById('footer');
|
||||
const size = window.innerHeight - queryEditor.value.$el.getBoundingClientRect().top - footer.offsetHeight;
|
||||
editorHeight.value = size;
|
||||
queryEditor.value.editor.resize();
|
||||
}
|
||||
};
|
||||
|
||||
const saveContentListener = () => {
|
||||
const hasModalOpen = !!document.querySelectorAll('.modal.active').length;
|
||||
if (props.isSelected && !hasModalOpen && isChanged.value)
|
||||
saveChanges();
|
||||
};
|
||||
|
||||
watch(() => props.schema, async () => {
|
||||
if (props.isSelected) {
|
||||
await getViewData();
|
||||
queryEditor.value.editor.session.setValue(localView.value.sql);
|
||||
lastView.value = props.view;
|
||||
}
|
||||
});
|
||||
|
||||
watch(() => props.view, async () => {
|
||||
if (props.isSelected) {
|
||||
await getViewData();
|
||||
queryEditor.value.editor.session.setValue(localView.value.sql);
|
||||
lastView.value = props.view;
|
||||
}
|
||||
});
|
||||
|
||||
watch(() => props.isSelected, (val) => {
|
||||
if (val) {
|
||||
changeBreadcrumbs({ schema: props.schema, view: localView.value.name });
|
||||
|
||||
setTimeout(() => {
|
||||
resizeQueryEditor();
|
||||
}, 50);
|
||||
}
|
||||
});
|
||||
|
||||
watch(isChanged, (val) => {
|
||||
setUnsavedChanges({ uid: props.connection.uid, tUid: props.tabUid, isChanged: val });
|
||||
});
|
||||
|
||||
(async () => {
|
||||
await getViewData();
|
||||
queryEditor.value.editor.session.setValue(localView.value.sql);
|
||||
})();
|
||||
|
||||
onMounted(() => {
|
||||
window.addEventListener('resize', resizeQueryEditor);
|
||||
|
||||
ipcRenderer.on('save-content', saveContentListener);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener('resize', resizeQueryEditor);
|
||||
});
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
ipcRenderer.removeListener('save-content', saveContentListener);
|
||||
});
|
||||
</script>
|
||||
|
|
@ -821,7 +821,7 @@ onBeforeUnmount(() => {
|
|||
transition: background 0.2s;
|
||||
|
||||
&:hover {
|
||||
background: rgba(var(--primary-color), 50%);
|
||||
background: var(--primary-color-dark);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -305,7 +305,7 @@ const customizations = computed(() => {
|
|||
});
|
||||
|
||||
const isTable = computed(() => {
|
||||
return !workspace.value.breadcrumbs.view;
|
||||
return props.elementType === 'table';
|
||||
});
|
||||
|
||||
const fields = computed(() => {
|
||||
|
|
@ -441,6 +441,25 @@ const resizeScroller = () => {
|
|||
const updateFilters = (clausoles: TableFilterClausole[]) => {
|
||||
filters.value = clausoles;
|
||||
results.value = [];
|
||||
|
||||
const permanentTabs = {
|
||||
table: 'data',
|
||||
view: 'data',
|
||||
trigger: 'trigger-props',
|
||||
triggerFunction: 'trigger-function-props',
|
||||
function: 'function-props',
|
||||
routine: 'routine-props',
|
||||
procedure: 'routine-props',
|
||||
scheduler: 'scheduler-props'
|
||||
} as Record<string, string>;
|
||||
|
||||
newTab({
|
||||
uid: props.connection.uid,
|
||||
schema: props.schema,
|
||||
elementName: props.table,
|
||||
type: permanentTabs[props.elementType],
|
||||
elementType: props.elementType
|
||||
});
|
||||
getTableData();
|
||||
};
|
||||
|
||||
|
|
@ -480,8 +499,8 @@ const openTableSettingTab = () => {
|
|||
uid: workspace.value.uid,
|
||||
elementName: props.table,
|
||||
schema: props.schema,
|
||||
type: isTable.value ? 'table-props' : 'view-props',
|
||||
elementType: isTable.value ? 'table' : 'view'
|
||||
type: isTable.value ? 'table-props' : props.elementType === 'view' ? 'view-props' : 'materialized-view-props',
|
||||
elementType: props.elementType
|
||||
});
|
||||
|
||||
changeBreadcrumbs({
|
||||
|
|
|
|||
|
|
@ -140,6 +140,7 @@ export const enUS = {
|
|||
total: 'Total',
|
||||
table: 'Table | Tables',
|
||||
view: 'View | Views',
|
||||
materializedview: 'Materialized view | Materialized views',
|
||||
definer: 'Definer',
|
||||
algorithm: 'Algorithm',
|
||||
trigger: 'Trigger | Triggers',
|
||||
|
|
@ -216,6 +217,7 @@ export const enUS = {
|
|||
updateOption: 'Update option',
|
||||
deleteView: 'Delete view',
|
||||
createNewView: 'Create new view',
|
||||
createNewMaterializedView: 'Create new materialized view',
|
||||
deleteTrigger: 'Delete trigger',
|
||||
createNewTrigger: 'Create new trigger',
|
||||
currentUser: 'Current user',
|
||||
|
|
@ -248,6 +250,7 @@ export const enUS = {
|
|||
thereAreNoTableFields: 'There are no table fields',
|
||||
newTable: 'New table',
|
||||
newView: 'New view',
|
||||
newMaterializedView: 'New materialized view',
|
||||
newTrigger: 'New trigger',
|
||||
newRoutine: 'New routine',
|
||||
newFunction: 'New function',
|
||||
|
|
|
|||
|
|
@ -4,106 +4,145 @@ export const jaJP = {
|
|||
save: '保存',
|
||||
close: '閉じる',
|
||||
delete: '削除',
|
||||
confirm: '確認',
|
||||
confirm: '確定',
|
||||
cancel: 'キャンセル',
|
||||
send: '送信',
|
||||
refresh: 'リフレッシュ',
|
||||
autoRefresh: 'オートリフレシュ',
|
||||
autoRefresh: '自動リフレッシュ',
|
||||
version: 'バージョン',
|
||||
donate: '寄付する',
|
||||
donate: '寄付',
|
||||
run: '実行',
|
||||
results: '結果',
|
||||
size: 'サイズ',
|
||||
mimeType: 'マイムタイプ',
|
||||
mimeType: 'MIME タイプ',
|
||||
download: 'ダウンロード',
|
||||
add: '追加',
|
||||
data: 'データ',
|
||||
properties: 'プロパティ',
|
||||
insert: '挿入',
|
||||
name: '名称',
|
||||
name: '名前',
|
||||
clear: 'クリア',
|
||||
seconds: '秒数',
|
||||
options: 'オプション',
|
||||
insert: '挿入',
|
||||
discard: '破棄',
|
||||
stay: 'ステイ',
|
||||
author: '作者',
|
||||
stay: '留まる',
|
||||
author: '作成者',
|
||||
upload: 'アップロード',
|
||||
browse: '閲覧',
|
||||
content: 'コンテンツ',
|
||||
cut: 'カット',
|
||||
browse: '参照',
|
||||
content: '内容',
|
||||
cut: '切り取り',
|
||||
copy: 'コピー',
|
||||
paste: '貼り付け',
|
||||
duplicate: '複製',
|
||||
tools: 'ツール',
|
||||
format: 'フォーマット',
|
||||
seconds: '秒',
|
||||
all: 'すべて',
|
||||
duplicate: 'デュプリケート',
|
||||
history: '履歴',
|
||||
new: '新規',
|
||||
select: '選択',
|
||||
deleteConfirm: 'のキャンセルを確認しますか？',
|
||||
change: '変更',
|
||||
include: '含める',
|
||||
includes: '含める',
|
||||
completed: '完了しました',
|
||||
aborted: '中断しました',
|
||||
disabled: '無効',
|
||||
enable: '有効化',
|
||||
disable: '無効化',
|
||||
contributors: 'コントリビューター',
|
||||
pin: '固定',
|
||||
unpin: '固定を解除',
|
||||
folder: 'フォルダー | フォルダー',
|
||||
none: 'なし',
|
||||
singleQuote: 'シングルクォート',
|
||||
doubleQuote: 'ダブルクォート',
|
||||
deleteConfirm: '次の要素を抹消します。確定しますか？',
|
||||
uploadFile: 'ファイルのアップロード',
|
||||
format: 'フォーマット',
|
||||
history: '履歴',
|
||||
filter: 'フィルタ',
|
||||
manualValue: 'マニュアル値',
|
||||
selectAll: 'すべてを選択する',
|
||||
pageNumber: 'ページ番号'
|
||||
selectAll: 'すべて選択',
|
||||
pageNumber: 'ページ番号',
|
||||
directoryPath: 'ディレクトリパス',
|
||||
actionSuccessful: '{action} 成功',
|
||||
outputFormat: '出力フォーマット',
|
||||
singleFile: '単一の {ext} ファイル',
|
||||
zipCompressedFile: 'ZIP 圧縮済の {ext} ファイル',
|
||||
copyName: '名前をコピー',
|
||||
search: '検索',
|
||||
title: 'タイトル',
|
||||
archive: 'アーカイブ',
|
||||
undo: '元に戻す',
|
||||
moveTo: '移動'
|
||||
},
|
||||
connection: {
|
||||
connection: '接続',
|
||||
connectionName: '接続名',
|
||||
client: 'クライアント',
|
||||
hostName: 'ホスト名',
|
||||
client: 'クライアント',
|
||||
port: 'ポート',
|
||||
user: 'ユーザー名',
|
||||
password: 'パスワード',
|
||||
credentials: '認証情報',
|
||||
connect: '接続',
|
||||
connected: '接続中',
|
||||
disconnect: '接続解除',
|
||||
disconnected: '接続解除',
|
||||
connected: '接続済',
|
||||
disconnect: '切断',
|
||||
disconnected: '切断済',
|
||||
ssl: 'SSL',
|
||||
enableSsl: 'SSL を有効化',
|
||||
privateKey: '秘密鍵',
|
||||
certificate: '証明書',
|
||||
caCertificate: 'CA 証明書',
|
||||
ciphers: '暗号',
|
||||
ciphers: '暗号化アルゴリズム',
|
||||
untrustedConnection: '信頼できない接続',
|
||||
passphrase: 'パスフレーズ',
|
||||
sshTunnel: 'SSH トンネル',
|
||||
addConnection: '接続の追加',
|
||||
createConnection: '接続の作成',
|
||||
createNewConnection: '新しい接続の作成',
|
||||
askCredentials: '認証情報の入力',
|
||||
testConnection: '接続のテスト',
|
||||
editConnection: '接続の編集',
|
||||
deleteConnection: '接続の削除',
|
||||
enableSsh: 'SSH を有効化',
|
||||
connectionString: '接続文字列',
|
||||
addConnection: '接続を追加',
|
||||
createConnection: '接続を作成',
|
||||
createNewConnection: '新規接続の作成',
|
||||
askCredentials: '認証情報を接続時に尋ねる',
|
||||
testConnection: '接続をテスト',
|
||||
editConnection: '接続を編集',
|
||||
deleteConnection: '接続を削除',
|
||||
connectionSuccessfullyMade: '接続に成功しました。',
|
||||
enableSsl: 'SSL 対応',
|
||||
enableSsh: 'SSH を有効にする'
|
||||
readOnlyMode: '読み取り専用モード',
|
||||
allConnections: 'すべての接続',
|
||||
searchForConnections: '接続を検索',
|
||||
keepAliveInterval: 'Keep alive 間隔',
|
||||
singleConnection: '単一接続'
|
||||
},
|
||||
database: {
|
||||
schema: 'スキーマ',
|
||||
type: 'タイプ',
|
||||
type: '型',
|
||||
insert: '挿入',
|
||||
indexes: 'インデックス',
|
||||
foreignKeys: '外部キー',
|
||||
length: '長さ',
|
||||
unsigned: '符号なし',
|
||||
default: 'デフォルト',
|
||||
default: 'デフォルト値',
|
||||
comment: 'コメント',
|
||||
collation: '照合',
|
||||
key: 'キー | キー',
|
||||
order: '順序',
|
||||
expression: '表現',
|
||||
autoIncrement: 'オートインクリメント',
|
||||
expression: '式',
|
||||
autoIncrement: '自動インクリメント',
|
||||
engine: 'エンジン',
|
||||
field: 'フィールド | フィールド',
|
||||
approximately: '約',
|
||||
total: '合計',
|
||||
table: 'テーブル',
|
||||
view: 'ビュー',
|
||||
indexes: 'インデックス',
|
||||
definer: 'デファイナー',
|
||||
algorithm: 'アルゴリズム',
|
||||
trigger: 'トリガー | トリガー',
|
||||
storedRoutine: 'ストアド・ルーチン | ストアド・ルーチン',
|
||||
scheduler: 'スケジューラー | スケジューラー',
|
||||
event: 'イベント',
|
||||
parameters: 'パラメータ',
|
||||
parameters: 'パラメーター',
|
||||
function: '関数 | 関数',
|
||||
deterministic: '決定論的',
|
||||
context: 'コンテキスト',
|
||||
export: 'エクスポート',
|
||||
import: 'インポート',
|
||||
returns: '戻り値',
|
||||
timing: 'タイミング',
|
||||
state: '状態',
|
||||
|
|
@ -115,128 +154,249 @@ export const jaJP = {
|
|||
database: 'データベース',
|
||||
array: '配列',
|
||||
structure: '構造',
|
||||
row: 'ロウ | ロウ',
|
||||
row: '行 | 行',
|
||||
cell: 'セル | セル',
|
||||
triggerFunction: 'トリガー関数 | トリガー関数',
|
||||
routine: 'ルーチン',
|
||||
unableEditFieldWithoutPrimary: '主キーのないフィールドを結果セットで編集できない',
|
||||
editCell: 'セルの編集',
|
||||
deleteRows: '行の削除 | {count} 行の削除',
|
||||
confirmToDeleteRows: '1つの行を削除することを確認しますか？ | {count} 行を削除することを確認しますか？',
|
||||
addNewRow: '新しい行の追加',
|
||||
numberOfInserts: 'インサート数',
|
||||
drop: 'ドロップ',
|
||||
commit: 'コミット',
|
||||
rollback: 'ロールバック',
|
||||
ddl: 'DDL',
|
||||
collation: '照合',
|
||||
resultsTable: '結果テーブル',
|
||||
unableEditFieldWithoutPrimary: '結果セットでは主キーのないフィールドを編集できません',
|
||||
editCell: 'セルを編集',
|
||||
deleteRows: '行を削除 | {count} 行を削除',
|
||||
confirmToDeleteRows: '行を削除します。確定しますか？ | {count} 行を削除します。確定しますか？',
|
||||
addNewRow: '行を新規追加',
|
||||
numberOfInserts: '挿入レコード数',
|
||||
affectedRows: '影響を受ける行',
|
||||
createNewDatabase: '新規データベースの作成',
|
||||
databaseName: 'データベース名',
|
||||
serverDefault: 'サーバーのデフォルト',
|
||||
deleteDatabase: 'データベースの削除',
|
||||
editDatabase: 'データベースの編集',
|
||||
clearChanges: '変更の消去',
|
||||
addNewField: '新しいフィールドの追加',
|
||||
deleteDatabase: 'データベースを削除',
|
||||
editDatabase: 'データベースを編集',
|
||||
clearChanges: '変更をクリア',
|
||||
addNewField: '新規フィールドを追加',
|
||||
manageIndexes: 'インデックスの管理',
|
||||
manageForeignKeys: '外部キーの管理',
|
||||
allowNull: 'NULL を許可する',
|
||||
zeroFill: 'ゼロフィル',
|
||||
allowNull: 'NULL を許可',
|
||||
zeroFill: 'ゼロ埋め',
|
||||
customValue: 'カスタム値',
|
||||
onUpdate: '更新時',
|
||||
deleteField: 'フィールドの削除',
|
||||
createNewIndex: '新しいインデックスの作成',
|
||||
addToIndex: 'インデックスへの追加',
|
||||
createNewTable: '新しいテーブルの作成',
|
||||
emptyTable: '空のテーブル',
|
||||
deleteTable: 'テーブルの削除',
|
||||
emptyConfirm: '空にすることを確認しますか？',
|
||||
thereAreNoIndexes: 'インデックスがありません',
|
||||
onUpdate: 'ON UPDATE',
|
||||
deleteField: 'フィールドを削除',
|
||||
createNewIndex: '新規インデックスの作成',
|
||||
addToIndex: 'インデックスに追加',
|
||||
createNewTable: '新規テーブルの作成',
|
||||
emptyTable: 'テーブルを空にする',
|
||||
duplicateTable: 'テーブルを複製',
|
||||
deleteTable: 'テーブルを削除',
|
||||
exportTable: 'テーブルをエクスポート',
|
||||
emptyConfirm: 'テーブルを空にします。確定しますか？',
|
||||
thereAreNoIndexes: 'インデックスがありません。',
|
||||
thereAreNoForeign: '外部キーがありません。',
|
||||
createNewForeign: '新しい外部キーの作成',
|
||||
createNewForeign: '新規外部キーの作成',
|
||||
referenceTable: '参照テーブル',
|
||||
referenceField: '参照フィールド',
|
||||
foreignFields: '外部フィールド',
|
||||
invalidDefault: '無効なデフォルト',
|
||||
onDelete: '削除時',
|
||||
selectStatement: '選択文',
|
||||
invalidDefault: '無効なデフォルト値',
|
||||
onDelete: 'ON DELETE',
|
||||
selectStatement: 'SELECT 文',
|
||||
triggerStatement: 'トリガー文',
|
||||
sqlSecurity: 'SQL セキュリティ',
|
||||
updateOption: '更新オプション',
|
||||
deleteView: 'ビューの削除',
|
||||
createNewView: '新規ビューの作成',
|
||||
deleteTrigger: 'トリガーの削除',
|
||||
createNewTrigger: '新しいトリガの作成',
|
||||
deleteTrigger: 'トリガーを削除',
|
||||
createNewTrigger: '新規トリガーの作成',
|
||||
currentUser: '現在のユーザー',
|
||||
routineBody: 'ルーチン本体',
|
||||
routineBody: 'ルーチンの本体',
|
||||
dataAccess: 'データアクセス',
|
||||
thereAreNoParameters: 'パラメータはありません',
|
||||
createNewParameter: '新しいパラメータの作成',
|
||||
createNewRoutine: 'ストアド・ルーチンの新規作成',
|
||||
thereAreNoParameters: 'パラメーターがありません',
|
||||
createNewParameter: '新規パラメータの作成',
|
||||
createNewRoutine: '新規ストアド・ルーチンの作成',
|
||||
deleteRoutine: 'ストアド・ルーチンの削除',
|
||||
functionBody: '関数本体',
|
||||
createNewFunction: '新しい関数の作成',
|
||||
deleteFunction: '関数の削除',
|
||||
schedulerBody: 'スケジューラ本体',
|
||||
createNewScheduler: 'スケジューラの新規作成',
|
||||
deleteScheduler: 'スケジューラの削除',
|
||||
functionBody: '関数の本体',
|
||||
createNewFunction: '新規関数の作成',
|
||||
deleteFunction: '関数を削除',
|
||||
schedulerBody: 'スケジューラの本体',
|
||||
createNewScheduler: '新規スケジューラの作成',
|
||||
deleteScheduler: 'スケジューラを削除',
|
||||
preserveOnCompletion: '完了時に保存する',
|
||||
tableFiller: 'テーブルフィラー',
|
||||
fakeDataLanguage: 'フェイクデータの言語',
|
||||
queryDuration: '問い合わせ期間',
|
||||
queryDuration: 'クエリ実行時間',
|
||||
setNull: 'NULL の設定',
|
||||
processesList: 'プロセス一覧',
|
||||
processInfo: 'プロセス情報',
|
||||
manageUsers: 'ユーザーの管理',
|
||||
createNewSchema: '新しいスキーマの作成',
|
||||
createNewSchema: '新規スキーマの作成',
|
||||
schemaName: 'スキーマ名',
|
||||
editSchema: 'スキーマの編集',
|
||||
deleteSchema: 'スキーマの削除',
|
||||
duplicateTable: 'テーブルを複製する',
|
||||
editSchema: 'スキーマを編集',
|
||||
deleteSchema: 'スキーマを削除',
|
||||
noSchema: 'スキーマなし',
|
||||
runQuery: 'クエリの実行',
|
||||
thereAreNoTableFields: 'テーブルのフィールドがありません',
|
||||
newTable: '新しいテーブル',
|
||||
newView: '新しいビュー',
|
||||
newTrigger: '新しいトリガー',
|
||||
newRoutine: '新しいルーチン',
|
||||
newFunction: '新しい関数',
|
||||
runQuery: 'クエリを実行',
|
||||
thereAreNoTableFields: 'テーブルにフィールドがありません。',
|
||||
newTable: '新規テーブル',
|
||||
newView: '新規ビュー',
|
||||
newTrigger: '新規トリガー',
|
||||
newRoutine: '新規ルーチン',
|
||||
newFunction: '新規関数',
|
||||
newScheduler: '新規スケジューラ',
|
||||
newTriggerFunction: '新しいトリガー機能',
|
||||
thereAreNoQueriesYet: 'まだ問い合わせはありません',
|
||||
newTriggerFunction: '新規トリガー機能',
|
||||
thereAreNoQueriesYet: 'クエリはまだありません。',
|
||||
searchForQueries: 'クエリの検索',
|
||||
killProcess: 'プロセスの停止'
|
||||
killProcess: 'プロセスの停止',
|
||||
exportSchema: 'スキーマをエクスポート',
|
||||
importSchema: 'スキーマをインポート',
|
||||
newInsertStmtEvery: 'それぞれに新しい INSERT 文',
|
||||
processingTableExport: '{table} を処理中',
|
||||
fetchingTableExport: '{table} のデータを取得中',
|
||||
writingTableExport: '{table} のデータを書き込み中',
|
||||
checkAllTables: 'すべてのテーブルを選択',
|
||||
uncheckAllTables: 'すべてのテーブルの選択を解除',
|
||||
killQuery: 'クエリを終了',
|
||||
insertRow: '行を挿入 | 行を挿入',
|
||||
commitMode: 'コミットモード',
|
||||
autoCommit: '自動コミット',
|
||||
manualCommit: '手動コミット',
|
||||
importQueryErrors: '警告: {n} 個のエラーが発生しました。 | 警告: {n} 個のエラーが発生しました。',
|
||||
executedQueries: '{n} 個のクエリを実行しました。 | {n} 個のクエリを実行しました。',
|
||||
disableFKChecks: '外部キーのチェックを無効化',
|
||||
formatQuery: 'クエリをフォーマット',
|
||||
queryHistory: 'クエリ履歴',
|
||||
clearQuery: 'クエリをクリア',
|
||||
fillCell: 'セルを埋める',
|
||||
executeSelectedQuery: '選択されたクエリを実行',
|
||||
noResultsPresent: '結果がありません。',
|
||||
sqlExportOptions: 'SQL エクスポートオプション',
|
||||
targetTable: '対象テーブル',
|
||||
switchDatabase: 'データベースを切り替え',
|
||||
searchForElements: '要素を検索',
|
||||
searchForSchemas: 'スキーマを検索',
|
||||
savedQueries: '保存済のクエリ'
|
||||
},
|
||||
application: {
|
||||
settings: '設定',
|
||||
console: 'コンソール',
|
||||
general: '一般',
|
||||
themes: 'テーマ',
|
||||
update: '更新情報',
|
||||
update: '更新',
|
||||
about: 'About',
|
||||
language: '言語',
|
||||
shortcuts: 'ショートカット',
|
||||
key: 'キー | キー', // キーボードのキー
|
||||
event: 'イベント',
|
||||
light: 'ライト',
|
||||
dark: 'ダーク',
|
||||
autoCompletion: 'オートコンプリート',
|
||||
application: 'アプリケーション',
|
||||
editor: 'エディター',
|
||||
scratchpad: 'スクラッチパッド',
|
||||
changelog: '変更履歴',
|
||||
madeWithJS: '💛 と JavaScript で作られています。',
|
||||
checkForUpdates: '更新情報の確認',
|
||||
noUpdatesAvailable: 'アップデートがありません',
|
||||
checkingForUpdate: 'アップデートを確認中',
|
||||
checkFailure: 'チェックに失敗しました、後で試してください',
|
||||
updateAvailable: 'アップデートが利用可能です',
|
||||
downloadingUpdate: 'アップデートのダウンロード',
|
||||
updateDownloaded: 'アップデートのダウンロード',
|
||||
restartToInstall: 'Antares を再起動してインストールしてください',
|
||||
small: '小',
|
||||
medium: '中',
|
||||
large: '大',
|
||||
appearance: '外観',
|
||||
color: '色',
|
||||
label: 'ラベル',
|
||||
icon: 'アイコン',
|
||||
fileName: 'ファイル名',
|
||||
choseFile: 'ファイルを選択',
|
||||
data: 'データ',
|
||||
password: 'パスワード',
|
||||
required: '必須',
|
||||
madeWithJS: '💛 と JavaScript で作られています！',
|
||||
checkForUpdates: '更新を確認',
|
||||
noUpdatesAvailable: '更新はありません。',
|
||||
checkingForUpdate: '更新を確認中',
|
||||
checkFailure: 'チェックに失敗しました、後で試してください。',
|
||||
updateAvailable: '更新が利用可能です。',
|
||||
downloadingUpdate: '更新をダウンロード中',
|
||||
updateDownloaded: '更新をダウンロード済',
|
||||
restartToInstall: 'Antares を再起動してインストールしてください。',
|
||||
includeBetaUpdates: 'ベータ版アップデートを含む',
|
||||
notificationsTimeout: '通知のタイムアウト',
|
||||
openNewTab: '新しいタブを開く',
|
||||
unsavedChanges: '保存されていない変更',
|
||||
discardUnsavedChanges: '保存されていない変更があります。このタブを閉じると、これらの変更は破棄されます。',
|
||||
applicationTheme: 'アプリケーションテーマ',
|
||||
editorTheme: 'エディターテーマ',
|
||||
wrapLongLines: '長い行の折り返し',
|
||||
includeBetaUpdates: 'ベータ版アップデートを含む',
|
||||
markdownSupported: 'マークダウン対応',
|
||||
applicationTheme: 'アプリケーションのテーマ',
|
||||
editorTheme: 'エディターのテーマ',
|
||||
wrapLongLines: '長い行を折り返す',
|
||||
markdownSupported: 'Markdown をサポートしています。',
|
||||
plantATree: '木を植える',
|
||||
dataTabPageSize: 'DATA タブのページサイズ',
|
||||
noOpenTabs: '開いているタブがありません。左のバーでナビゲートするか',
|
||||
noOpenTabs: '開いているタブがありません。',
|
||||
restorePreviousSession: '前のセッションに戻す',
|
||||
searchForElements: '要素の検索'
|
||||
closeTab: 'タブを閉じる',
|
||||
goToDownloadPage: 'ダウンロードページへ移動',
|
||||
disableBlur: 'ぼかしを無効化',
|
||||
missingOrIncompleteTranslation: '翻訳が不足しているか、または不完全ですか？',
|
||||
findOutHowToContribute: 'コントリビュートの方法を調べる',
|
||||
reportABug: 'バグを報告',
|
||||
nextTab: '次のタブ',
|
||||
previousTab: '前のタブ',
|
||||
selectTabNumber: 'タブ番号を選択 {param}',
|
||||
toggleConsole: 'コンソールを切り替え',
|
||||
addShortcut: 'ショートカットを追加',
|
||||
editShortcut: 'ショートカットを編集',
|
||||
deleteShortcut: 'ショートカットを削除',
|
||||
restoreDefaults: 'デフォルトに戻す',
|
||||
restoreDefaultsQuestion: 'デフォルト値に戻します。確定しますか？',
|
||||
registerAShortcut: 'ショートカットを登録',
|
||||
invalidShortcutMessage: '無効な組み合わせです、続けて入力してください。',
|
||||
shortcutAlreadyExists: 'ショートカットが既に存在します。',
|
||||
saveContent: '内容を保存',
|
||||
openAllConnections: 'すべての接続を開く',
|
||||
openSettings: '設定を開く',
|
||||
runOrReload: '実行またはリロード',
|
||||
openFilter: 'フィルタを開く',
|
||||
nextResultsPage: '次の結果ページ',
|
||||
previousResultsPage: '前の結果ページ',
|
||||
editFolder: 'フォルダーを編集',
|
||||
folderName: 'フォルダー名',
|
||||
deleteFolder: 'フォルダーを削除',
|
||||
newFolder: '新規フォルダー',
|
||||
outOfFolder: 'フォルダーの外',
|
||||
editConnectionAppearance: '接続の外観を編集',
|
||||
defaultCopyType: 'デフォルトのコピータイプ',
|
||||
showTableSize: 'サイドバーにテーブルのサイズを表示',
|
||||
showTableSizeDescription: 'MySQL/MariaDB のみ。このオプションを有効にすると、多数のテーブルを持つスキーマのパフォーマンスに影響を与える可能性があります。',
|
||||
switchSearchMethod: '検索方法を切り替え',
|
||||
phpArray: 'PHP 配列',
|
||||
closeAllTabs: 'すべてのタブを閉じる',
|
||||
closeOtherTabs: '他のタブを閉じる',
|
||||
closeTabsToLeft: '左のタブを閉じる',
|
||||
closeTabsToRight: '右のタブを閉じる',
|
||||
csvFieldDelimiter: 'フィールドの区切り文字',
|
||||
csvLinesTerminator: '行の終端',
|
||||
csvStringDelimiter: '文字列の区切り文字',
|
||||
csvIncludeHeader: 'ヘッダを含める',
|
||||
csvExportOptions: 'CSV エクスポートオプション',
|
||||
exportData: 'データをエクスポート',
|
||||
exportDataExplanation: 'Anteras に保存された接続をエクスポートします。エクスポートされたファイルを暗号化するためのパスワードが要求されます。',
|
||||
importData: 'データをインポート',
|
||||
importDataExplanation: '接続を含む .antares ファイルをインポートします。エクスポート時に定義したパスワードを入力する必要があります。',
|
||||
includeConnectionPasswords: '接続パスワードを含める',
|
||||
includeFolders: 'フォルダーを含める',
|
||||
encryptionPassword: '暗号化パスワード',
|
||||
encryptionPasswordError: '暗号化パスワードは8文字以上でなければなりません。',
|
||||
ignoreDuplicates: '重複を無視',
|
||||
wrongImportPassword: 'インポートパスワードが誤っています。',
|
||||
wrongFileFormat: 'ファイルフォーマットが誤っています。',
|
||||
dataImportSuccess: 'データのインポートに成功しました。',
|
||||
note: 'ノート | ノート',
|
||||
thereAreNoNotesYet: 'ノートはまだありません。',
|
||||
addNote: 'ノートを追加',
|
||||
editNote: 'ノートを編集',
|
||||
saveAsNote: 'ノートとして保存',
|
||||
showArchivedNotes: 'アーカイブ済のノートを表示',
|
||||
hideArchivedNotes: 'アーカイブ済のノートを非表示',
|
||||
tag: 'タグ', // ノートのタグ
|
||||
saveFile: 'ファイルを保存',
|
||||
saveFileAs: 'ファイルを別名で保存',
|
||||
openFile: 'ファイルを開く',
|
||||
openNotes: 'ノートを開く'
|
||||
|
||||
},
|
||||
faker: {
|
||||
address: '住所',
|
||||
|
|
@ -245,42 +405,42 @@ export const jaJP = {
|
|||
database: 'データベース',
|
||||
date: '日付',
|
||||
finance: 'ファイナンス',
|
||||
// git: 'ギット',
|
||||
git: 'Git',
|
||||
hacker: 'ハッカー',
|
||||
internet: 'インターネット',
|
||||
// lorem: 'ローレム',
|
||||
lorem: 'Lorem',
|
||||
name: '名前',
|
||||
music: '音楽',
|
||||
phone: '電話',
|
||||
random: 'ランダム',
|
||||
system: 'システム',
|
||||
time: '時間',
|
||||
vehicle: '車',
|
||||
vehicle: '車両',
|
||||
zipCode: '郵便番号',
|
||||
zipCodeByState: '都道府県別郵便番号',
|
||||
city: '都市名',
|
||||
cityPrefix: '市のプレフィックス',
|
||||
citySuffix: '市の接尾辞',
|
||||
cityPrefix: '都市のプレフィックス',
|
||||
citySuffix: '都市のサフィックス',
|
||||
streetName: '通りの名前',
|
||||
streetAddress: 'ストリートアドレス',
|
||||
streetSuffix: '通りの接尾辞',
|
||||
streetPrefix: 'ストリートプレフィックス',
|
||||
streetAddress: '通りの住所',
|
||||
streetSuffix: '通りのサフィックス',
|
||||
streetPrefix: '通りのプレフィックス',
|
||||
secondaryAddress: '副住所',
|
||||
county: '郡',
|
||||
country: '国名',
|
||||
countryCode: '国コード',
|
||||
state: '州',
|
||||
stateAbbr: '州の略語',
|
||||
stateAbbr: '州の略称',
|
||||
latitude: '緯度',
|
||||
longitude: '経度',
|
||||
direction: '方向',
|
||||
cardinalDirection: '枢機卿の方向',
|
||||
ordinalDirection: '序列方向',
|
||||
cardinalDirection: '4方位',
|
||||
ordinalDirection: '8方位',
|
||||
nearbyGPSCoordinate: '近くのGPS座標',
|
||||
timeZone: 'タイムゾーン',
|
||||
color: '色',
|
||||
department: '部門',
|
||||
productName: '商品名',
|
||||
productName: '製品名',
|
||||
price: '価格',
|
||||
productAdjective: '製品の形容詞',
|
||||
productMaterial: '製品の素材',
|
||||
|
|
@ -288,29 +448,30 @@ export const jaJP = {
|
|||
productDescription: '製品の説明',
|
||||
suffixes: 'サフィックス',
|
||||
companyName: '会社名',
|
||||
companySuffix: '会社のサフィックス',
|
||||
companySuffix: '会社名のサフィックス',
|
||||
catchPhrase: 'キャッチフレーズ',
|
||||
// bs: 'BS',
|
||||
bs: 'BS',
|
||||
catchPhraseAdjective: 'キャッチフレーズ形容詞',
|
||||
catchPhraseDescriptor: 'キャッチフレーズの説明文',
|
||||
catchPhraseNoun: 'キャッチフレーズの名詞',
|
||||
bsAdjective: 'BS 形容詞',
|
||||
bsBuzz: 'BS の話題',
|
||||
bsNoun: 'BS の名詞',
|
||||
column: 'コラム',
|
||||
column: 'カラム',
|
||||
type: 'タイプ',
|
||||
collation: '照合',
|
||||
engine: 'エンジン',
|
||||
past: '過去',
|
||||
now: '現在',
|
||||
future: '未来',
|
||||
between: '間',
|
||||
recent: '最近',
|
||||
soon: 'すぐ',
|
||||
soon: 'まもなく',
|
||||
month: '月',
|
||||
weekday: '曜日',
|
||||
account: 'アカウント',
|
||||
account: '口座',
|
||||
accountName: '口座名',
|
||||
routingNumber: 'ルーティング番号',
|
||||
routingNumber: 'ルーティングナンバー',
|
||||
mask: 'マスク',
|
||||
amount: '金額',
|
||||
transactionType: '取引の種類',
|
||||
|
|
@ -318,19 +479,19 @@ export const jaJP = {
|
|||
currencyName: '通貨名',
|
||||
currencySymbol: '通貨記号',
|
||||
bitcoinAddress: 'Bitcoin アドレス',
|
||||
litecoinAddress: 'ライトコインのアドレス',
|
||||
litecoinAddress: 'Litecoin アドレス',
|
||||
creditCardNumber: 'クレジットカード番号',
|
||||
creditCardCVV: 'クレジットカードの CVV',
|
||||
ethereumAddress: 'イーサリアムのアドレス',
|
||||
iban: 'アイバン',
|
||||
bic: 'ビック',
|
||||
transactionDescription: '取引内容',
|
||||
ethereumAddress: 'Ethereum アドレス',
|
||||
iban: 'IBAN',
|
||||
bic: 'BIC',
|
||||
transactionDescription: '取引の説明',
|
||||
branch: 'ブランチ',
|
||||
commitEntry: 'コミットエントリ',
|
||||
commitMessage: 'コミットメッセージ',
|
||||
commitSha: 'コミット SHA',
|
||||
shortSha: 'ショート SHA',
|
||||
abbreviation: '省略形',
|
||||
abbreviation: '略称',
|
||||
adjective: '形容詞',
|
||||
noun: '名詞',
|
||||
verb: '動詞',
|
||||
|
|
@ -345,23 +506,23 @@ export const jaJP = {
|
|||
domainName: 'ドメイン名',
|
||||
domainSuffix: 'ドメインのサフィックス',
|
||||
domainWord: 'ドメイン名',
|
||||
ip: 'Ip',
|
||||
ipv6: 'Ipv6',
|
||||
userAgent: 'ユーザーエージェント',
|
||||
// mac: 'Mac',
|
||||
ip: 'IP',
|
||||
ipv6: 'IPv6',
|
||||
userAgent: 'User-Agent',
|
||||
mac: 'MAC',
|
||||
password: 'パスワード',
|
||||
word: 'ワード',
|
||||
word: '単語',
|
||||
words: '単語',
|
||||
sentence: '文章',
|
||||
slug: 'スラッグ',
|
||||
sentences: 'センテンス',
|
||||
paragraph: 'パラグラフ',
|
||||
paragraphs: 'パラグラフ',
|
||||
slug: 'Slug',
|
||||
sentences: '文章',
|
||||
paragraph: '段落',
|
||||
paragraphs: '段落',
|
||||
text: 'テキスト',
|
||||
lines: '行',
|
||||
genre: 'ジャンル',
|
||||
firstName: 'ファーストネーム',
|
||||
lastName: '苗字',
|
||||
firstName: '姓',
|
||||
lastName: '名',
|
||||
middleName: 'ミドルネーム',
|
||||
findName: 'フルネーム',
|
||||
jobTitle: '役職名',
|
||||
|
|
@ -371,35 +532,35 @@ export const jaJP = {
|
|||
title: '役職名',
|
||||
jobDescriptor: '職務記述書',
|
||||
jobArea: '職務領域',
|
||||
jobType: '仕事の種類',
|
||||
jobType: '職種',
|
||||
phoneNumber: '電話番号',
|
||||
phoneNumberFormat: '電話番号のフォーマット',
|
||||
phoneFormats: '電話番号のフォーマット',
|
||||
// number: '番号',
|
||||
// float: 'フロート',
|
||||
number: '数字',
|
||||
float: '浮動小数点数',
|
||||
arrayElement: '配列要素',
|
||||
arrayElements: '配列要素',
|
||||
objectElement: 'オブジェクトの要素',
|
||||
// uuid: 'Uuid',
|
||||
// boolean: 'ブール',
|
||||
uuid: 'UUID',
|
||||
boolean: 'ブール値',
|
||||
image: '画像',
|
||||
locale: 'ロケール',
|
||||
alpha: '英字',
|
||||
alphaNumeric: '英数字',
|
||||
hexaDecimal: '16進法',
|
||||
hexaDecimal: '16進数',
|
||||
fileName: 'ファイル名',
|
||||
commonFileName: '一般的なファイル名',
|
||||
mimeType: 'Mimeタイプ',
|
||||
mimeType: 'MIME タイプ',
|
||||
commonFileType: '共通のファイルタイプ',
|
||||
commonFileExt: '共通のファイル拡張子',
|
||||
fileType: 'ファイルタイプ',
|
||||
fileExt: 'ファイル拡張子',
|
||||
directoryPath: 'ディレクトリパス',
|
||||
filePath: 'ファイルパス',
|
||||
// semver: 'セムバー',
|
||||
manufacturer: 'メーカー名',
|
||||
semver: 'セマンティックバージョニング',
|
||||
manufacturer: 'メーカー',
|
||||
model: 'モデル',
|
||||
fuel: '燃料'
|
||||
// vin: 'Vin'
|
||||
fuel: '燃料',
|
||||
vin: '車両識別番号'
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -19,4 +19,20 @@ export default class {
|
|||
static createView (params: CreateViewParams & { uid: string }): Promise<IpcResponse> {
|
||||
return ipcRenderer.invoke('create-view', unproxify(params));
|
||||
}
|
||||
|
||||
static createMaterializedView (params: CreateViewParams & { uid: string }): Promise<IpcResponse> {
|
||||
return ipcRenderer.invoke('create-materialized-view', unproxify(params));
|
||||
}
|
||||
|
||||
static getMaterializedViewInformations (params: { uid: string; schema: string; view: string }): Promise<IpcResponse> {
|
||||
return ipcRenderer.invoke('get-materialized-view-informations', unproxify(params));
|
||||
}
|
||||
|
||||
static dropMaterializedView (params: { uid: string; schema: string; view: string }): Promise<IpcResponse> {
|
||||
return ipcRenderer.invoke('drop-materialized-view', unproxify(params));
|
||||
}
|
||||
|
||||
static alterMaterializedView (params: { view: AlterViewParams & { uid: string }}): Promise<IpcResponse> {
|
||||
return ipcRenderer.invoke('alter-materialized-view', unproxify(params));
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -558,6 +558,8 @@ export const useWorkspacesStore = defineStore('workspaces', {
|
|||
|
||||
switch (type) {
|
||||
case 'new-table':
|
||||
case 'new-view':
|
||||
case 'new-materialized-view':
|
||||
case 'new-trigger':
|
||||
case 'new-trigger-function':
|
||||
case 'new-function':
|
||||
|
|
@ -659,6 +661,8 @@ export const useWorkspacesStore = defineStore('workspaces', {
|
|||
break;
|
||||
case 'data':
|
||||
case 'table-props':
|
||||
case 'view-props':
|
||||
case 'materialized-view-props':
|
||||
case 'trigger-props':
|
||||
case 'trigger-function-props':
|
||||
case 'function-props':
|
||||
|
|
|
|||
Loading…
Reference in New Issue