wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-22 08:20:39 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

UBER-130: Fix expand/collapse on multiple levels (#3198)

Browse Source 
Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
This commit is contained in:
Andrey Sobolev 2023-05-16 20:03:10 +07:00 committed by GitHub
parent 57b0975404
commit 55780b116a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
plugins/view-resources/src/components/list/List.svelte
View File

@ -124,6 +124,7 @@
{viewOptionsConfig} {viewOptionsConfig}
{selectedObjectIds} {selectedObjectIds}
level={0} level={0}
groupPersistKey={''}
{createItemDialog} {createItemDialog}
{createItemLabel} {createItemLabel}
on:check on:check

3
plugins/view-resources/src/components/list/ListCategories.svelte
View File

@ -56,6 +56,7 @@
} }
export let listDiv: HTMLDivElement export let listDiv: HTMLDivElement
export let selection: number | undefined = undefined export let selection: number | undefined = undefined
export let groupPersistKey: string
$: groupByKey = viewOptions.groupBy[level] ?? noCategory $: groupByKey = viewOptions.groupBy[level] ?? noCategory
let categories: CategoryType[] = [] let categories: CategoryType[] = []
@ -297,6 +298,7 @@
{config} {config}
{itemModels} {itemModels}
{_class} {_class}
groupPersistKey={`${groupPersistKey}_${level}_${typeof category === 'object' ? category.name : category}`}
singleCat={level === 0 && categories.length === 1} singleCat={level === 0 && categories.length === 1}
oneCat={viewOptions.groupBy.length === 1} oneCat={viewOptions.groupBy.length === 1}
lastCat={i === categories.length - 1} lastCat={i === categories.length - 1}
@ -357,6 +359,7 @@
{flatHeaders} {flatHeaders}
{props} {props}
{level} {level}
groupPersistKey={`${groupPersistKey}_${level}_${typeof category === 'object' ? category.name : category}`}
{initIndex} {initIndex}
{viewOptionsConfig} {viewOptionsConfig}
{listDiv} {listDiv}

6
plugins/view-resources/src/components/list/ListCategory.svelte
View File

@ -63,6 +63,7 @@
} }
export let listDiv: HTMLDivElement export let listDiv: HTMLDivElement
export let index: number export let index: number
export let groupPersistKey: string
$: lastLevel = level + 1 >= viewOptions.groupBy.length $: lastLevel = level + 1 >= viewOptions.groupBy.length
@ -72,9 +73,7 @@
$: initialLimit = !lastLevel ? undefined : singleCat ? singleCategoryLimit : defaultLimit $: initialLimit = !lastLevel ? undefined : singleCat ? singleCategoryLimit : defaultLimit
$: limit = initialLimit $: limit = initialLimit
$: categoryCollapseKey = `list_collapsing_${location.pathname}_${ $: categoryCollapseKey = `list_collapsing_${location.pathname}_${groupPersistKey}`
typeof category === 'object' ? category.name : category
}`
$: storedCollapseState = localStorage.getItem(categoryCollapseKey) $: storedCollapseState = localStorage.getItem(categoryCollapseKey)
$: collapsed = storedCollapseState === 'true' || storedCollapseState === null $: collapsed = storedCollapseState === 'true' || storedCollapseState === null
@ -402,6 +401,7 @@
{flatHeaders} {flatHeaders}
{props} {props}
level={level + 1} level={level + 1}
{groupPersistKey}
{viewOptionsConfig} {viewOptionsConfig}
{listDiv} {listDiv}
dragItem dragItem