jprdonnelly/kestra
1
0
Fork 0
mirror of https://github.com/kestra-io/kestra.git synced 2025-12-19 18:05:41 -05:00
Code Issues Packages Projects Releases Wiki Activity

feature

Browse Source
This commit is contained in:
MilosPaunovic
2025-12-17 12:28:33 +01:00
parent 3cbdd25813
commit c6af2e92c3
3 changed files with 85 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
ui/src/components/layout/SideBar.vue
View File

@@ -8,7 +8,6 @@
:collapsed="collapsed"
linkComponentName="LeftMenuLink"
hideToggle
showOneChild
>
<template #header>
<SidebarToggleButton

162
ui/src/override/components/useLeftMenu.ts
View File

@@ -7,6 +7,7 @@ import {useMiscStore} from "override/stores/misc";
import {getDashboard} from "../../components/dashboard/composables/useDashboards";
// Main icons
import ChartLineVariant from "vue-material-design-icons/ChartLineVariant.vue";
import FileTreeOutline from "vue-material-design-icons/FileTreeOutline.vue";
import LayersTripleOutline from "vue-material-design-icons/LayersTripleOutline.vue";
@@ -19,8 +20,17 @@ import PuzzleOutline from "vue-material-design-icons/PuzzleOutline.vue";
import ShapePlusOutline from "vue-material-design-icons/ShapePlusOutline.vue";
import OfficeBuildingOutline from "vue-material-design-icons/OfficeBuildingOutline.vue";
import ServerNetworkOutline from "vue-material-design-icons/ServerNetworkOutline.vue";
// Blueprints icons
import Wrench from "vue-material-design-icons/Wrench.vue";
// Tenant Administration icons
import Monitor from "vue-material-design-icons/Monitor.vue";
import DatabaseOutline from "vue-material-design-icons/DatabaseOutline.vue";
import LockOutline from "vue-material-design-icons/LockOutline.vue";
import LightningBolt from "vue-material-design-icons/LightningBolt.vue";
import ShieldAccount from "vue-material-design-icons/ShieldAccount.vue";
export type MenuItem = {
title: string;
routes?: RouteRecordNameGeneric[];
@@ -115,17 +125,6 @@ export function useLeftMenu() {
locked: true,
},
},
{
title: t("templates"),
routes: routeStartWith("templates"),
href: {
name: "templates/list",
},
icon: {
element: ContentCopy, // TODO: Consider changing the icon for this
},
hidden: !miscStore.configs?.isTemplateEnabled,
},
{
title: t("executions"),
routes: routeStartWith("executions"),
@@ -170,6 +169,17 @@ export function useLeftMenu() {
element: FolderOpenOutline,
},
},
{
title: t("templates"),
routes: routeStartWith("templates"),
href: {
name: "templates/list",
},
icon: {
element: ContentCopy, // TODO: Consider changing the icon for this
},
hidden: !miscStore.configs?.isTemplateEnabled,
},
{
title: t("plugins.names"),
routes: routeStartWith("plugins"),
@@ -218,23 +228,6 @@ export function useLeftMenu() {
element: FileTreeOutline,
},
},
{
title: t("blueprints.apps"),
routes: routeStartWith("blueprints/app"),
href: {
name: "blueprints",
params: {
kind: "app",
tab: "community",
},
},
icon: {
element: LayersTripleOutline,
},
attributes: {
locked: true,
},
},
{
title: t("blueprints.dashboards"),
routes: routeStartWith("blueprints/dashboard"),
@@ -253,32 +246,48 @@ export function useLeftMenu() {
},
{
title: t("tenant_administration"),
// routes: routeStartWith("blueprints"), // TODO: change route
routes: [
"admin/stats",
"admin/triggers",
"admin/auditlogs",
"admin/iam",
"kv",
"secrets",
]
.map(routeStartWith)
.find((routes) => routes.length > 0),
icon: {
element: OfficeBuildingOutline,
},
child: [
{
href: {name: "admin/stats"},
routes: routeStartWith("admin/stats"),
title: t("system overview"),
},
{
href: {name: "kv/list"},
routes: routeStartWith("kv"),
title: t("kv.name"),
// icon: {
// element: DatabaseOutline,
//
// },
},
{
href: {name: "secrets/list"},
routes: routeStartWith("secrets"),
title: t("secret.names"),
routes: routeStartWith("admin/stats"),
href: {
name: "admin/stats",
},
icon: {
// element: ShieldKeyOutline,
//
element: Monitor,
},
},
{
title: t("kv.name"),
routes: routeStartWith("kv"),
href: {
name: "kv/list",
},
icon: {
element: DatabaseOutline,
},
},
{
title: t("secret.names"),
routes: routeStartWith("secrets"),
href: {
name: "secrets/list",
},
icon: {
element: LockOutline,
},
attributes: {
locked: true,
@@ -286,22 +295,37 @@ export function useLeftMenu() {
},
{
href: {name: "admin/triggers"},
routes: routeStartWith("admin/triggers"),
title: t("triggers"),
routes: routeStartWith("admin/triggers"),
href: {
name: "admin/triggers",
},
icon: {
element: LightningBolt,
},
},
{
href: {name: "admin/auditlogs/list"},
routes: routeStartWith("admin/auditlogs"),
title: t("auditlogs"),
routes: routeStartWith("admin/auditlogs"),
href: {
name: "admin/auditlogs/list",
},
icon: {
element: FileDocumentOutline,
},
attributes: {
locked: true,
},
},
{
href: {name: "admin/iam"},
routes: routeStartWith("admin/iam"),
title: t("iam"),
routes: routeStartWith("admin/iam"),
href: {
name: "admin/iam",
},
icon: {
element: ShieldAccount,
},
attributes: {
locked: true,
},
@@ -310,34 +334,16 @@ export function useLeftMenu() {
},
{
title: t("instance_administration"),
// routes: routeStartWith("admin"),
routes: routeStartWith("admin/instance"),
href: {
name: "admin/instance",
},
icon: {
element: ServerNetworkOutline,
},
child: [
{
href: {name: "admin/instance"},
routes: routeStartWith("admin/instance"),
title: t("instance"),
attributes: {
locked: true,
},
},
{
href: {name: "admin/tenants/list"},
routes: routeStartWith("admin/tenants"),
title: t("tenant.names"),
attributes: {
locked: true,
},
},
{
href: {name: "admin/concurrency-limits"},
routes: routeStartWith("admin/concurrency-limits"),
title: t("concurrency limits"),
hidden: !miscStore.configs?.isConcurrencyViewEnabled,
},
],
attributes: {
locked: true,
},
},
];

1
ui/src/styles/components/sidebar-menu.scss
View File

@@ -93,6 +93,7 @@
margin-left: 1.8rem;
.vsm--icon {
margin-left: calc($spacer / 2);
color: var(--ks-content-secondary);
}