diff --git a/lib/content-services/src/lib/category/categories-management/categories-management.component.scss b/lib/content-services/src/lib/category/categories-management/categories-management.component.scss index d9a052b991..be67052de3 100644 --- a/lib/content-services/src/lib/category/categories-management/categories-management.component.scss +++ b/lib/content-services/src/lib/category/categories-management/categories-management.component.scss @@ -5,7 +5,7 @@ display: flex; justify-content: space-between; width: 100%; - background: rgba(33, 33, 33, 0.05); + background: background: var(--adf-metadata-tags-background-color); height: 32px; border-radius: 12px; align-items: center; diff --git a/lib/content-services/src/lib/category/categories-management/categories-management.component.spec.ts b/lib/content-services/src/lib/category/categories-management/categories-management.component.spec.ts index ebc28385aa..027c637ae2 100644 --- a/lib/content-services/src/lib/category/categories-management/categories-management.component.spec.ts +++ b/lib/content-services/src/lib/category/categories-management/categories-management.component.spec.ts @@ -467,12 +467,6 @@ describe('CategoriesManagementComponent', () => { expect(component.categories.length).toBe(0); })); - it('should hide categoryNameControl and emit event', fakeAsync(() => { - component.hideNameInput(); - expect(component.categoryNameControlVisible).toBe(false); - expect(component.existingCategoriesPanelVisible).toBe(false); - })); - it('should toggle categoryNameControl visibility', () => { component.categoryNameControlVisible = true; expect(component.categoryNameControlVisible).toBe(true); diff --git a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.html b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.html index c1ff321d8c..1ec58be580 100644 --- a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.html +++ b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.html @@ -148,10 +148,10 @@
- - diff --git a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.ts b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.ts index 4882097d25..231439c019 100644 --- a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.ts +++ b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.ts @@ -238,10 +238,10 @@ export class ContentMetadataComponent implements OnChanges, OnInit, OnDestroy { * Called after clicking save button. It confirms all changes done for metadata and hides both category and tag name controls. * Before clicking on that button they are not saved. */ - saveChanges(group:any, event: Event) { + + saveChanges(event: Event) { event.stopPropagation(); this._saving = true; - group.editable = !group.editable; if (this.hasContentTypeChanged(this.changedProperties)) { this.contentMetadataService.openConfirmDialog(this.changedProperties).subscribe(() => { this.updateNode(); @@ -251,45 +251,27 @@ export class ContentMetadataComponent implements OnChanges, OnInit, OnDestroy { } } + saveGroupChanges(group: any, event: Event) { + this.saveChanges(event); + group.editable = !group.editable; + } + saveGeneralInfoChanges(event: Event) { - event.stopPropagation(); - this._saving = true; + this.saveChanges(event); this.editableGeneralInfo = !this.editableGeneralInfo; - if (this.hasContentTypeChanged(this.changedProperties)) { - this.contentMetadataService.openConfirmDialog(this.changedProperties).subscribe(() => { - this.updateNode(); - }); - } else { - this.updateNode(); - } } saveTagsChanges(event: Event) { - event.stopPropagation(); - this._saving = true; + this.saveChanges(event); this.tagNameControlVisible = false; this.editableTags = !this.editableTags; - if (this.hasContentTypeChanged(this.changedProperties)) { - this.contentMetadataService.openConfirmDialog(this.changedProperties).subscribe(() => { - this.updateNode(); - }); - } else { - this.updateNode(); - } } + saveCategoriesChanges(event: Event) { - event.stopPropagation(); - this._saving = true; - this.editableCategories = !this.editableCategories; + this.saveChanges(event); this.categoryControlVisible = false; - if (this.hasContentTypeChanged(this.changedProperties)) { - this.contentMetadataService.openConfirmDialog(this.changedProperties).subscribe(() => { - this.updateNode(); - }); - } else { - this.updateNode(); - } + this.editableCategories = !this.editableCategories; } /** @@ -319,32 +301,30 @@ export class ContentMetadataComponent implements OnChanges, OnInit, OnDestroy { this.hasMetadataChanged = false; } - cancelChanges(group: any, event: Event) { + cancelChanges(event: Event) { event.stopPropagation(); this.revertChanges(); this.loadProperties(this.node); + } + + cancelGroupChanges(group: any, event: Event) { + this.cancelChanges(event); group.editable = !group.editable; } cancelGeneralInfoChanges(event: Event) { - event.stopPropagation(); - this.revertChanges(); - this.loadProperties(this.node); + this.cancelChanges(event); this.editableGeneralInfo = !this.editableGeneralInfo; } CancelTagsChanges(event: Event) { - event.stopPropagation(); - this.revertChanges(); - this.loadProperties(this.node); + this.cancelChanges(event); this.editableTags = !this.editableTags; } cancelCategoriesChanges(event: Event) { - event.stopPropagation(); - this.revertChanges(); - this.loadProperties(this.node); - this.editableCategories = !this.editableCategories + this.cancelChanges(event); + this.editableCategories = !this.editableCategories; } showGroup(group: CardViewGroup): boolean { @@ -494,7 +474,7 @@ export class ContentMetadataComponent implements OnChanges, OnInit, OnDestroy { event.stopPropagation(); this.editableGeneralInfo = !this.editableGeneralInfo; if (!this.panel.expanded) { - this.panel.open(); // Expand the panel if it's collapsed + this.panel.open(); } } @@ -526,14 +506,14 @@ export class ContentMetadataComponent implements OnChanges, OnInit, OnDestroy { } } - expandePanel(group:any) { + expandePanel(group: any) { group.expanded = true; } onPanelOpened(group: any): void { group.aspectPanelstate = true; } - onPanelClosed(group: any): void { + onPanelClosed(group: any): void { group.aspectPanelstate = false; } }