Class GenericDialog

A generic dialog.

<!-- example-dialog.html -->
   <generic-dialog load-model.bind="load" finish.bind="finish" width="25rem">
       <normal-text slot="header" value="Example dialog."></normal-text>

       <generic-dialog-content au-slot>
           <text-box value.two-way="name"></text-box>
       </generic-dialog-content>

       <cancel-button au-slot="footer"></cancel-button>
       <save-button au-slot="footer"></save-button>
   </generic-dialog>
Copy

// example-dialog.ts

export class ExampleDialog {
   public constructor(private readonly service: IGenericDialogService = resolve(IGenericDialogService)) {}

   private name = "";

   private loadModel = async (model): Promise<void> => {
       // Load some data.
   };

   private finish = async (): Promise<string> => {
       // Save data.
       return "Example dialog result.";
   };
}
Copy

export class ExampleUsage {
   public constructor(private readonly service: IGenericDialogService = resolve(IGenericDialogService)) {}

   public async showDialog() {
       const result = this.service.open({ viewModel: ExampleDialog });
       if (!result.canceled) {
           console.log(result.value);
       }
   }
}
Copy