mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-10-30 16:17:25 +00:00
c32038a76d
* critical alert ui * updating ui, backend logic * revert * type check fix npm * checking out cli files from main * moving alert icon * adding sqlx mock data * more sqlx changes * feat(frontend): nodes from flow can be connected directly in expr input through a plug icon (#4652) * Add flow prop picker # Conflicts: # frontend/src/lib/components/propertyPicker/PropPicker.svelte * fix unwanted copy * cleaning * Fix unset context * move button and always display input * fix unwanted proppicker display * update * update * clean all * clean all --------- Co-authored-by: Ruben Fiszel <ruben@rubenfiszel.com> * replace hide/show with toggle * adding mutable setting and navigation to settings to configure channels * merge fix * ee non ee changees * auto-acknowledge when muted * pr comments * fix bad log * user inner modal component * update unaknowledge alerts after acknowledging from modal * aknowledge -> acknowledge * format * adding backend support for workspace critical alerts * immediately check for alerts * immediately check for alerts * adding openapi changes * simplify loading of superadmin/ee * update modal logic * frontend logic update * sqlx prepare * adding mute functionality for workspace critical alerts + show alerts button for instance and workspace settings * npm / rust warnings & errors * reverting non-mac cargo toml * reverting non-mac cargo toml * mute toggles in critical alert ui * ui polish * adding acknowledged_workspace column * sqlx prepare * make sure we wait for all stores to be loaded * adding workspace mute logic to report_critical alert * auto ack recovered alerts * toggle workspace as superadmin and critical alerts in logs menu * adding critical alert button if width < 786px * refresh on change * Move notification to logs (#4698) * Move notification to logs * removing unused button --------- Co-authored-by: Alexander Petric <petric.al@gmail.com> * tailwind typo * auto ack on mute * don't change deref * sqlx prep * avoid renaming db column, keep acknowledged instead of acknowledged_global * hide critical alert menu when not ee * if workspace muted, also acknowledge global when workspace set * removing save button for mute setting and improve ux/responsiveness * fix: deployment callbacks have a concurrency limit of 1 on same path * sqlx prep * ee-repo ref * z-[9999] for modal --------- Co-authored-by: Guilhem <guilhemlemouel@gmail.com> Co-authored-by: Ruben Fiszel <ruben@rubenfiszel.com> Co-authored-by: Ruben Fiszel <ruben@windmill.dev>
82 lines
2.3 KiB
Svelte
82 lines
2.3 KiB
Svelte
<script lang="ts">
|
|
import { twMerge } from 'tailwind-merge'
|
|
import Popover from '../Popover.svelte'
|
|
import { createEventDispatcher } from 'svelte'
|
|
import SideBarNotification from './SideBarNotification.svelte'
|
|
export let label: string | undefined = undefined
|
|
export let icon: any | undefined = undefined
|
|
export let isCollapsed: boolean
|
|
export let disabled: boolean = false
|
|
export let lightMode: boolean = false
|
|
export let stopPropagationOnClick: boolean = false
|
|
export let shortcut: string = ''
|
|
export let notificationsCount: number = 0
|
|
|
|
let dispatch = createEventDispatcher()
|
|
</script>
|
|
|
|
{#if !disabled}
|
|
<Popover appearTimeout={0} disappearTimeout={0} class="w-full" disablePopup={!isCollapsed}>
|
|
<button
|
|
on:click={(e) => {
|
|
if (stopPropagationOnClick) e.preventDefault()
|
|
dispatch('click')
|
|
}}
|
|
class={twMerge(
|
|
'group flex items-center px-2 py-2 font-light rounded-md h-8 gap-3 w-full',
|
|
lightMode
|
|
? 'text-primary hover:bg-surface-hover '
|
|
: ' hover:bg-[#2A3648] text-primary-inverse dark:text-primary',
|
|
'transition-all',
|
|
$$props.class
|
|
)}
|
|
title={label}
|
|
>
|
|
{#if icon}
|
|
<svelte:component
|
|
this={icon}
|
|
size={16}
|
|
class={twMerge(
|
|
'flex-shrink-0',
|
|
lightMode
|
|
? 'text-primary group-hover:text-secondary'
|
|
: 'text-primary-inverse group-hover:text-secondary-inverse dark:group-hover:text-secondary dark:text-primary',
|
|
'transition-all'
|
|
)}
|
|
/>
|
|
{/if}
|
|
|
|
{#if !isCollapsed && label}
|
|
<span
|
|
class={twMerge(
|
|
'whitespace-pre truncate',
|
|
lightMode ? 'text-primary' : 'text-primary-inverse dark:text-primary',
|
|
'transition-all',
|
|
$$props.class
|
|
)}
|
|
>
|
|
{label}
|
|
<span class="pl-2 text-xs dark:text-secondary light:text-secondary-inverse font-semibold">
|
|
{shortcut}
|
|
</span>
|
|
</span>
|
|
{/if}
|
|
|
|
{#if isCollapsed && notificationsCount > 0}
|
|
<div class="absolute translate-x-1/2 translate-y-1/2 -top-2 right-1 flex h-fit w-fit">
|
|
<SideBarNotification notificationCount={notificationsCount} small={true} />
|
|
</div>
|
|
{:else if notificationsCount > 0}
|
|
<div class="ml-auto">
|
|
<SideBarNotification notificationCount={notificationsCount} small={false} />
|
|
</div>
|
|
{/if}
|
|
</button>
|
|
<svelte:fragment slot="text">
|
|
{#if label}
|
|
{label}
|
|
{/if}
|
|
</svelte:fragment>
|
|
</Popover>
|
|
{/if}
|