Add support to set dialog handlers (#205)

velis74 · Sep 20, 2023 · 913e6f3 · 913e6f3
1 parent 1ce7499
commit 913e6f3
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 0 deletions.
diff --git a/vue/dynamicforms/src/components/api_consumer/api-consumer.vue b/vue/dynamicforms/src/components/api_consumer/api-consumer.vue
@@ -16,6 +16,7 @@ import RowTypes from '../table/definitions/row-types';
 import { gettext } from '../util/translations-mixin';
 
 import ComponentDisplay from './component-display';
+import ConsumerLogicBase from './consumer-logic-base';
 import FormConsumerBase from './form-consumer/base';
 import { APIConsumer } from './namespace';
 
@@ -32,6 +33,7 @@ const props = defineProps<{
   consumer: APIConsumer.ConsumerLogicBaseInterface | FormConsumerBase,
   displayComponent: ComponentDisplay,
   handlers?: IHandlers,
+  dialogHandlers?: IHandlers,
 }>();
 
 if (!ComponentDisplay.isDefined(props.displayComponent)) {
@@ -67,6 +69,10 @@ const renderComponentData = computed(() => {
 
 const { handler } = useActionHandler();
 
+if (props.consumer instanceof ConsumerLogicBase) {
+  (<APIConsumer.ConsumerLogicBaseInterface> props.consumer).setDialogHandlers(props.dialogHandlers);
+}
+
 async function actionDelete(actionData: Action, payload: FormPayload) {
   const res = await dfModal.yesNo('Delete', gettext('Are you sure you want to delete this record?'));
   if (res.action.name.toUpperCase() === 'YES') {

diff --git a/vue/dynamicforms/src/components/api_consumer/consumer-logic-api.ts b/vue/dynamicforms/src/components/api_consumer/consumer-logic-api.ts
@@ -132,6 +132,7 @@ class ConsumerLogicApi extends ConsumerLogicBase implements APIConsumer.Consumer
       this.trailingSlash,
       pk,
       this.formData,
+      this.dialogHandlers,
     );
 
     await this.reload();

diff --git a/vue/dynamicforms/src/components/api_consumer/consumer-logic-base.ts b/vue/dynamicforms/src/components/api_consumer/consumer-logic-base.ts
@@ -1,3 +1,4 @@
+import { IHandlers } from '../actions/action-handler-composable';
 import FilteredActions from '../actions/filtered-actions';
 import { ActionsNS } from '../actions/namespace';
 import FormPayload from '../form/definitions/form-payload';
@@ -46,6 +47,8 @@ abstract class ConsumerLogicBase implements APIConsumer.ConsumerLogicBaseInterfa
 
   protected titles: APIConsumer.Titles;
 
+  protected dialogHandlers?: IHandlers;
+
   protected constructor() {
     /**
      * pkName specifies the primary key for the table. This field is expected to be unique and will be used to uniquely
@@ -99,6 +102,10 @@ abstract class ConsumerLogicBase implements APIConsumer.ConsumerLogicBaseInterfa
       this.requestedPKValue : this.formData?.[this.pkName];
   }
 
+  setDialogHandlers = (handlers?: IHandlers) => {
+    this.dialogHandlers = handlers;
+  };
+
   /** @virtual */
   processUXDefinition(UXDefinition: APIConsumer.TableUXDefinition): void {
     /**

diff --git a/vue/dynamicforms/src/components/api_consumer/namespace.ts b/vue/dynamicforms/src/components/api_consumer/namespace.ts
@@ -58,6 +58,7 @@ export namespace APIConsumer {
 
   export interface ConsumerLogicBaseInterface {
     pkName: string;
+    setDialogHandlers(handlers?: IHandlers): void;
     setOrdering(parameter: string, style: any | null, counter: number): void;
     reload(filter: boolean): Promise<void>;
     deleteRow(tableRow: FormPayload): Promise<void>;