How to add button/action in Serenity

[harifenny]

I want to add approval procedure in system, so how to add button/action like Approved button/action?

[erehtolleh]

You can override the gettoolbarbutton in the dialog.ts or editordialog.ts file. In the dialog you can have the form opens up another form for approval or approve the open form. You can also create a button on the grid and have it open the same dialog below for the user to approve.

If someone else did something different, I would like to know about it also.

Thanks

getToolbarButtons() {
           var buttons = super.getToolbarButtons();

           buttons.push(myproj.Common.ReportHelper.createToolButton({
               title: 'View Report',
               cssClass: 'export-pdf-button',
               reportKey: 'myproj.projectreport',

               getParams: () => ({ Id: this.get_entityId() })
           }));
           
           buttons.push({
               title: 'Resend Email',
               cssClass: 'myproj-mail-button mail-button',
               onClick: () => this.SendEmail()

               
           });
           buttons.push(
               <Serenity.ToolButton>{
                   title: "Dept. Review",
                   hint: "Review/Approve Form.",
                   cssClass: 'approve-button',
                   onClick: () => this.openMyApprovalForm()
               }

           );
           return buttons;
       }

        private openMyApprovalForm() {
            if (this.isNew()) {
                Q.notifyInfo("You need to save the form first.")
            }
            else if (this.isEditMode()) {
                if (this.getSaveState() == this.loadedState) { //sample has codes on this checking for changes
                    var dlg = new myproj.myprojApprovalDialog(); //declare the dialog
                    var frmId = this.entity.Id ? this.entity.Id : 0;
                    
                    this.dialogClose();
                    if (frmId != 0) 
                        dlg.loadByIdAndOpenDialog(frmId);//opens another dialog to do approval but you can just approve this form

                } else {
                    Q.notifyInfo("You have made changes to the form.  Please save the form first and try again.")
                }
            }
        }