doc: A case widget can now be duplicated (#1317)

doc: A case widget can now be duplicated
valtimo-platform · Jan 10, 2025 · cb9e6f9 · cb9e6f9
1 parent b4fcac5
commit cb9e6f9
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 2 deletions.
diff --git a/projects/valtimo/components/src/lib/services/key-generator.service.ts b/projects/valtimo/components/src/lib/services/key-generator.service.ts
@@ -25,7 +25,7 @@ export class KeyGeneratorService {
       .toLowerCase()
       .replace(/[^a-z0-9-_]+|-[^a-z0-9]+/g, '-')
       .replace(/_[-_]+/g, '_')
-      .replace(/^[^a-z]+/g, '');
+      .replace(/^[^a-z]+|[^a-z0-9]+$/g, '');
 
     if (!usedKeys.includes(dashCaseKey)) {
       return dashCaseKey;

diff --git a/projects/valtimo/config/assets/core/de.json b/projects/valtimo/config/assets/core/de.json
@@ -1171,6 +1171,7 @@
     "collapse": "Kollaps",
     "expand": "Expandieren",
     "download": "Herunterladen",
+    "duplicate": "Duplikat",
     "openInNewTab": "In neuem Tab öffnen",
     "create": "Erstellen",
     "save": "Speichern",

diff --git a/projects/valtimo/config/assets/core/en.json b/projects/valtimo/config/assets/core/en.json
@@ -1175,6 +1175,7 @@
     "collapse": "Collapse",
     "expand": "Expand",
     "download": "Download",
+    "duplicate": "Duplicate",
     "openInNewTab": "Open in new tab",
     "create": "Create",
     "save": "Save",

diff --git a/projects/valtimo/config/assets/core/nl.json b/projects/valtimo/config/assets/core/nl.json
@@ -1174,6 +1174,7 @@
     "collapse": "Inklappen",
     "expand": "Uitklappen",
     "download": "Download",
+    "duplicate": "Dupliceren",
     "openInNewTab": "In nieuw tabblad openen",
     "create": "Aanmaken",
     "save": "Opslaan",

diff --git a/...nents/dossier-management-widget-tab/editor/dossier-management-widgets-editor.component.ts b/...nents/dossier-management-widget-tab/editor/dossier-management-widgets-editor.component.ts
@@ -39,6 +39,7 @@ import {BehaviorSubject, combineLatest, map, Observable, Subject, take} from 'rx
 import {AVAILABLE_WIDGETS, WidgetStyle, WidgetTypeTags} from '../../../models';
 import {WidgetTabManagementService, WidgetWizardService} from '../../../services';
 import {DossierManagementWidgetWizardComponent} from '../../dossier-management-widget-wizard/dossier-management-widget-wizard.component';
+import {cloneDeep} from 'lodash';
 
 @Component({
   selector: 'valtimo-dossier-management-widgets-editor',
@@ -107,6 +108,10 @@ export class DossierManagementWidgetsEditorComponent {
       label: 'interface.edit',
       callback: this.editWidget.bind(this),
     },
+    {
+      label: 'interface.duplicate',
+      callback: this.duplicateWidget.bind(this),
+    },
     {
       label: 'interface.delete',
       callback: this.deleteWidget.bind(this),
@@ -164,6 +169,12 @@ export class DossierManagementWidgetsEditorComponent {
     this.isWizardOpen$.next(true);
   }
 
+  public duplicateWidget(tabWidget: CaseWidget): void {
+    const tabWidgetClone = cloneDeep(tabWidget);
+    tabWidgetClone.key = null;
+    this.editWidget(tabWidgetClone);
+  }
+
   public openAddModal(): void {
     this.isWizardOpen$.next(true);
   }

diff --git a/...components/dossier-management-widget-wizard/dossier-management-widget-wizard.component.ts b/...components/dossier-management-widget-wizard/dossier-management-widget-wizard.component.ts
@@ -57,7 +57,7 @@ export class DossierManagementWidgetWizardComponent {
     this._editMode = value;
     if (!value) return;
 
-    this.currentStep.set(WidgetWizardStep.WIDTH);
+    this.currentStep.set(WidgetWizardStep.CONTENT);
   }
   public get editMode(): boolean {
     return this._editMode;