46 lines
3.3 KiB
Vue
46 lines
3.3 KiB
Vue
<script setup lang="ts">
|
|
import { Activity, AlertTriangle, Braces, CalendarClock, Clock, Code2, Database, Eye, FileCode, Gauge, KeyRound, Link2, ListTree, Network, Package, PencilRuler, ScrollText, ShieldCheck, Table, TableProperties, UsersRound, Zap } from "@lucide/vue";
|
|
import DatabaseIcon from "@/components/icons/DatabaseIcon.vue";
|
|
import PluginIcon from "@/components/plugins/PluginIcon.vue";
|
|
import { isEventObjectBrowserTab, tabDatabaseIconType } from "@/lib/tabs/tabPresentation";
|
|
import type { QueryTab } from "@/types/database";
|
|
|
|
// Mirrors EditorGroupTabBar's per-mode tab icon chain so surfaces outside the
|
|
// group bar (e.g. the special-page strip's return tabs) render identical icons.
|
|
defineProps<{ tab: QueryTab }>();
|
|
</script>
|
|
|
|
<template>
|
|
<AlertTriangle v-if="tab.externalSqlFileMissing" />
|
|
<Eye v-else-if="tab.objectSource?.objectType === 'VIEW' || tab.objectSource?.objectType === 'MATERIALIZED_VIEW' || tab.tableMeta?.tableType?.toUpperCase() === 'VIEW' || tab.tableMeta?.tableType?.toUpperCase() === 'MATERIALIZED_VIEW'" />
|
|
<Database v-else-if="tab.mode === 'redis'" />
|
|
<Table v-else-if="tab.mode === 'data' || tab.mode === 'mongo' || tab.mode === 'hbase'" />
|
|
<DatabaseIcon v-else-if="tab.mode === 'mq'" :db-type="tabDatabaseIconType(tab)" />
|
|
<TableProperties v-else-if="tab.mode === 'vector'" />
|
|
<KeyRound v-else-if="tab.mode === 'etcd' || tab.mode === 'zookeeper' || tab.mode === 'consul'" />
|
|
<Gauge v-else-if="tab.mode === 'consul-overview' || tab.mode === 'etcd-dashboard' || tab.mode === 'mysql-dashboard' || tab.mode === 'postgres-dashboard' || tab.mode === 'nacos-dashboard'" />
|
|
<ShieldCheck v-else-if="tab.mode === 'etcd-access-control'" />
|
|
<Network v-else-if="tab.mode === 'nacos'" />
|
|
<Database v-else-if="tab.mode === 'databases'" />
|
|
<Clock v-else-if="isEventObjectBrowserTab(tab)" />
|
|
<TableProperties v-else-if="tab.mode === 'objects'" />
|
|
<UsersRound v-else-if="tab.mode === 'users'" />
|
|
<PencilRuler v-else-if="tab.mode === 'structure'" />
|
|
<ScrollText v-else-if="tab.objectSource?.objectType === 'PROCEDURE'" />
|
|
<Braces v-else-if="tab.objectSource?.objectType === 'FUNCTION'" />
|
|
<Zap v-else-if="tab.objectSource?.objectType === 'TRIGGER'" />
|
|
<Clock v-else-if="tab.objectSource?.objectType === 'EVENT' || tab.objectSource?.objectType === 'JOB'" />
|
|
<ListTree v-else-if="tab.objectSource?.objectType === 'SEQUENCE'" />
|
|
<Link2 v-else-if="tab.objectSource?.objectType === 'SYNONYM'" />
|
|
<Package v-else-if="tab.objectSource?.objectType === 'PACKAGE'" />
|
|
<FileCode v-else-if="tab.objectSource?.objectType === 'PACKAGE_BODY'" />
|
|
<Braces v-else-if="tab.objectSource?.objectType === 'TYPE'" />
|
|
<FileCode v-else-if="tab.objectSource?.objectType === 'TYPE_BODY'" />
|
|
<CalendarClock v-else-if="tab.mode === 'dameng-jobs'" />
|
|
<Activity v-else-if="tab.mode === 'processlist' || tab.mode === 'sqlserver-trace'" />
|
|
<Gauge v-else-if="tab.mode === 'dolt-version-control'" />
|
|
<PluginIcon v-else-if="tab.mode === 'plugin-workbench' && tab.pluginWorkbench" :plugin-id="tab.pluginWorkbench.pluginId" :contribution-id="tab.pluginWorkbench.contributionId" />
|
|
<PluginIcon v-else-if="tab.mode === 'plugin-filesystem' && tab.pluginFilesystem" :plugin-id="tab.pluginFilesystem.pluginId" :contribution-id="tab.pluginFilesystem.providerId" />
|
|
<Code2 v-else />
|
|
</template>
|