harry/keystone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

server list, logs removed, driver/plan wip

Browse Source
This commit is contained in:
Harry (hjbdev)
2025-03-31 12:41:09 +00:00
parent 678581b822
commit 75f2ecb7bf
14 changed files with 164 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
resources/js/components/AppSidebarHeader.vue
View File

@@ -20,10 +20,18 @@ const environment = usePage().props.environment ?? null;
<header
class="flex h-16 shrink-0 items-center gap-2 border-b border-sidebar-border/70 px-6 transition-[width,height] ease-in-out group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12 md:px-4"
>
<div class="flex items-center gap-4">
<div class="flex w-full items-center gap-4">
<SidebarTrigger class="-ml-1" />
<div class="gap-0.25 flex items-center">
<Button :as="organisation ? Link : 'button'" :href="organisation ? route('organisations.show', { organisation: organisation?.id }) : null" variant="ghost" size="xs">
<template v-if="breadcrumbs.length > 0">
<Breadcrumbs :breadcrumbs="breadcrumbs" />
</template>
<div class="gap-0.25 ml-auto flex items-center">
<Button
:as="organisation ? Link : 'button'"
:href="organisation ? route('organisations.show', { organisation: organisation?.id }) : null"
variant="ghost"
size="xs"
>
{{ organisation?.name ?? 'Select Organisation' }}
</Button>
<DropdownMenu>
@@ -42,15 +50,18 @@ const environment = usePage().props.environment ?? null;
</div>
<div v-if="organisation" class="gap-0.25 flex items-center">
<Button
:disabled="!organisation?.applications?.length"
:as="application ? Link : 'button'"
:href="application ? route('applications.show', { organisation: application.organisation_id, application: application.id }) : null"
:href="
application ? route('applications.show', { organisation: application.organisation_id, application: application.id }) : null
"
variant="ghost"
size="xs"
>
{{ application?.name ?? 'Select Application' }}
{{ application?.name ?? 'Application' }}
</Button>
<DropdownMenu>
<DropdownMenuTrigger :as="Button" size="iconxs" variant="ghost">
<DropdownMenuTrigger :as="Button" size="iconxs" variant="ghost" :disabled="!organisation?.applications?.length">
<ChevronsUpDown class="size-3" />
</DropdownMenuTrigger>
<DropdownMenuContent>
@@ -63,32 +74,44 @@ const environment = usePage().props.environment ?? null;
</DropdownMenuContent>
</DropdownMenu>
</div>
<div v-if="application" class="gap-0.25 flex items-center">
<div class="gap-0.25 flex items-center">
<Button
:disabled="!application?.environments?.length"
:as="environment ? Link : 'button'"
:href="environment ? route('environments.show', { organisation: application.organisation_id, application: application.id, environment: environment.id }) : null"
:href="
environment
? route('environments.show', {
organisation: application.organisation_id,
application: application.id,
environment: environment.id,
})
: null
"
variant="ghost"
size="xs"
>
{{ environment?.name ?? 'Select Environment' }}
{{ environment?.name ?? 'Environment' }}
</Button>
<DropdownMenu>
<DropdownMenuTrigger :as="Button" size="iconxs" variant="ghost">
<DropdownMenuTrigger :as="Button" size="iconxs" variant="ghost" :disabled="!application?.environments?.length">
<ChevronsUpDown class="size-3" />
</DropdownMenuTrigger>
<DropdownMenuContent>
<DropdownMenuItem
v-for="env in application?.environments"
:as="Link"
:href="route('environments.show', { organisation: application.organisation_id, application: application.id, environment: env.id })"
:href="
route('environments.show', {
organisation: application.organisation_id,
application: application.id,
environment: env.id,
})
"
>{{ env.name }}</DropdownMenuItem
>
</DropdownMenuContent>
</DropdownMenu>
</div>
<template v-if="breadcrumbs.length > 0">
<Breadcrumbs :breadcrumbs="breadcrumbs" />
</template>
</div>
</header>
</template>