feat: one two button dialog

libs/portal-integration-angular/assets/i18n/de.json

@@ -89,5 +89,9 @@
   },
   "OCX_HELP_ITEM_EDITOR": {
     "SAVE_ERROR": "Das Formular ist nicht gültig. Der Hilfeartikel kann nicht aktualisiert werden."
+  },
+  "OCX_BUTTON_DIALOG": {
+    "CONFIRM": "Bestätigen",
+    "CANCEL": "Absagen"
   }
 }

libs/portal-integration-angular/assets/i18n/en.json

@@ -89,5 +89,9 @@
   },
   "OCX_HELP_ITEM_EDITOR": {
     "SAVE_ERROR": "Form is not valid. Cannot update the Help Item."
+  },
+  "OCX_BUTTON_DIALOG": {
+    "CONFIRM": "Confirm",
+    "CANCEL": "Cancel"
   }
 }

libs/portal-integration-angular/src/index.ts

@@ -50,6 +50,8 @@ export * from './lib/core/components/custom-group-column-selector/custom-group-c
 export * from './lib/core/components/data-list-grid-sorting/data-list-grid-sorting.component'
 export * from './lib/core/components/group-by-count-diagram/group-by-count-diagram.component'
 export * from './lib/core/components/diagram/diagram.component'
+export * from './lib/core/components/button-dialog/button-dialog.component'
+export * from './lib/core/components/button-dialog/dialog-message-content/dialog-message-content.component'
 export * from './lib/core/components/search-config/search-config.component'
 export * from './lib/core/components/loading-indicator/loading-indicator.component'
 export * from './lib/core/components/content-container/content-container.component'
@@ -94,6 +96,7 @@ export * from './lib/model/column-type.model'
 export * from './lib/model/data-sort-direction'
 export * from './lib/model/breadcrumb-menu-item.model'
 export * from './lib/model/data-action'
+export * from './lib/model/button-dialog'
 export * from './lib/model/diagram-type'
 export * from './lib/model/config-key.model'
 export * from './lib/model/search-config'

libs/portal-integration-angular/src/lib/core/components/button-dialog/button-dialog.component.html

@@ -0,0 +1,25 @@
+<div>
+    <ng-container #container></ng-container>
+    <ng-content></ng-content>
+    <div class="w-full flex justify-content-end mb-3">
+        <button
+            id="buttonDialogSecondaryButton"
+            pButton 
+            *ngIf="dialogData.config.secondaryButtonIncluded"
+            class="mx-2"
+            [icon]="dialogData.config.secondaryButtonDetails!.icon !== undefined ? dialogData.config.secondaryButtonDetails!.icon : ''"
+            (click)="secondaryButtonAction()"
+            [label]="dialogData.config.secondaryButtonDetails!.key | translate:dialogData.config.secondaryButtonDetails?.parameters"
+            [disabled]="secondaryButtonDisabled$ | async"
+        ></button>
+        <button 
+            id="buttonDialogPrimaryButton"
+            pButton
+            class="mx-2"
+            [icon]="dialogData.config.primaryButtonDetails!.icon !== undefined ? dialogData.config.primaryButtonDetails!.icon : ''"
+            (click)="primaryButtonAction()"
+            [label]="dialogData.config.primaryButtonDetails!.key | translate:dialogData.config.primaryButtonDetails?.parameters"
+            [disabled]="primaryButtonDisabled$ | async"
+        ></button>
+    </div>
+</div>