wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-23 16:56:07 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Save pin state (#5554)

Browse Source 
Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>
This commit is contained in:
Denis Bykhov 2024-05-09 11:29:02 +05:00 committed by GitHub
parent d1e0790d08
commit 1075751fda
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 31 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
packages/ui/src/popups.ts
View File

@ -1,6 +1,6 @@
import { getResource } from '@hcengineering/platform'
import { type ComponentType } from 'svelte'
import { derived, writable } from 'svelte/store'
import { derived, get, writable } from 'svelte/store'
import type {
AnyComponent,
AnySvelteComponent,
@ -63,6 +63,17 @@ function addPopup (props: CompAndProps): void {
return popups
})
}
function checkDockPosition (refId: string | undefined): boolean {
if (refId !== undefined && localStorage.getItem('dock-popup') === refId) {
const docked = get(dockStore)
if (docked === undefined) {
return true
}
}
return false
}
let popupId: number = 0
export function showPopup (
component: AnySvelteComponent | AnyComponent | ComponentType,
@ -91,17 +102,29 @@ export function showPopup (
})
}
const _element = element instanceof HTMLElement ? getPopupPositionElement(element) : element
const data: Omit<CompAndProps, 'is'> = {
id,
props,
element: _element,
onClose,
onUpdate,
close: closePopupOp,
options
}
if (checkDockPosition(options.refId)) {
data.dock = true
}
if (typeof component === 'string') {
getResource(component)
.then((resolved) => {
addPopup({ id, is: resolved, props, element: _element, onClose, onUpdate, close: closePopupOp, options })
addPopup({ ...data, is: resolved })
})
.catch((err) => {
Analytics.handleError(err)
console.error(err)
})
} else {
addPopup({ id, is: component, props, element: _element, onClose, onUpdate, close: closePopupOp, options })
addPopup({ ...data, is: component })
}
return {
id,
@ -426,7 +449,11 @@ export function getEventPositionElement (evt: MouseEvent): PopupAlignment | unde
export function pin (id: string): void {
popupstore.update((popups) => {
const current = popups.find((p) => p.id === id)
popups.forEach((p) => (p.dock = p.id === id))
if (current?.options.refId !== undefined) {
localStorage.setItem('dock-popup', current.options.refId)
}
return popups
})
}
@ -436,4 +463,5 @@ export function unpin (): void {
popups.forEach((p) => (p.dock = false))
return popups
})
localStorage.removeItem('dock-popup')
}