sortorder 0 if not exist

This commit is contained in:
Lone Iversen
2024-02-12 11:48:28 +01:00
parent b73c12d2fc
commit d6239220b2
2 changed files with 15 additions and 18 deletions

View File

@@ -35,7 +35,8 @@ export class UmbDocumentTypeWorkspaceViewEditPropertiesElement extends UmbLitEle
let sortOrder: number;
if (model.length > 1) {
sortOrder = modelIndex > 0 ? model[modelIndex - 1].sortOrder + 1 : model[modelIndex + 1].sortOrder - 1;
sortOrder =
modelIndex > 0 ? (model[modelIndex - 1].sortOrder ?? 0) + 1 : (model[modelIndex + 1].sortOrder ?? 0) - 1;
} else {
sortOrder = 0;
}

View File

@@ -17,26 +17,16 @@ export class UmbDocumentTypeWorkspaceViewEditTabElement extends UmbLitElement {
PropertyTypeContainerModelBaseModel,
UmbDocumentTypeWorkspaceViewEditPropertiesElement
>(this, {
getUniqueOfElement: (element) =>
element.querySelector('umb-document-type-workspace-view-edit-properties')?.containerId ?? '',
getUniqueOfElement: (element) => {
console.log('unique');
return element.querySelector('umb-document-type-workspace-view-edit-properties')?.containerId ?? '';
},
getUniqueOfModel: (modelEntry) => modelEntry.id,
identifier: 'document-type-container-sorter',
itemSelector: 'span',
containerSelector: '#container-list',
containerSelector: '.container-list',
onChange: ({ item, model }) => {
const modelIndex = model.findIndex((entry) => entry.id === item.id);
if (modelIndex === -1) return;
let sortOrder: number;
if (model.length > 1) {
sortOrder = modelIndex > 0 ? model[modelIndex - 1].sortOrder + 1 : model[modelIndex + 1].sortOrder - 1;
} else {
sortOrder = 0;
}
this._groupStructureHelper.partialUpdateContainer(item.id, {
sortOrder: sortOrder,
});
console.log(model, item);
this._groups = model;
},
@@ -129,6 +119,7 @@ export class UmbDocumentTypeWorkspaceViewEditTabElement extends UmbLitElement {
render() {
return html`
<div class="container-list"></div>
${!this._noTabName
? html`
<uui-box>
@@ -139,7 +130,7 @@ export class UmbDocumentTypeWorkspaceViewEditTabElement extends UmbLitElement {
</uui-box>
`
: ''}
<div id="container-list">
<div class="container-list">
${repeat(
this._groups,
(group) => group.id ?? '' + group.name,
@@ -252,6 +243,11 @@ export class UmbDocumentTypeWorkspaceViewEditTabElement extends UmbLitElement {
border-radius: var(--uui-border-radius);
border: 1px dashed var(--uui-color-divider-emphasis);
}
.container-list {
min-height: 50px;
border: 1px solid red;
}
`,
];
}