Message Dialog Box

unknown

Been going through the guide and examples, newer H5 developer, and haven't found what I'm looking for. 

I'm using the ConfirmDialog.ShowMessageDialog to inform the user to wait until an API call has finished, is there a proper way to close a dialog box created in that fashion? I'm trying to avoid deleting as I've tried with other elements and see it clog up the HTML with empty divs all over the place. 

Apologies for my naivety if there is a simple solution, and thank you for any help. 

unknown

I would suggest possibly putting a loading function instead and possibly changing the loading text. I haven't had success with it but the option is there if you can make it work.

another suggestion which unfortunately I don't have a sample code for would be to set a dialog message with a delay close and then call a function to check if API response has returned, example set a global variable to true once a response is received, if not true then call dialog message again.

---

/**

 * @notes : Sending loadStatus populates in Status bar and is Optional.

 *          Example for loading text can be used if loading is initiated once and not in a loop. otherwise statusBar is prefered option.

 *

*/

if(ScriptUtil.version >= 2.0){this.uiVersion = 2/**New UI*/}else{this.uiVersion = 1/**Classic UI */};

/**@callExample */

    this.isLoading(true);

   

    var loadStatus = `Processing Label ${i} of ${_this.labelCount}`;

    this.updateStatusBar(true,loadStatus);

/**@closeExample */

    this.isLoading(false);

   

/**@functionExample1 */

    async isLoading(isLoading,loadStatus) {

        if(this.uiVersion === 1){

            if(isLoading === true){this.controller.ParentWindow.inforBusyIndicator({ delay: 0, modal: false });}

            else{this.controller.ParentWindow.inforBusyIndicator('close');this.updateStatusBar(false);};

        }else{

            if(isLoading === true){this.controller.busyIndicator.displayDelay = 0; this.controller.busyIndicator.open(0);}

            else{this.controller.busyIndicator.close();this.updateStatusBar(false);};

        };

    }

    async updateStatusBar(isLoading,loadStatus) {

        if(isLoading === true){this.controller.ShowMessageInStatusBar(loadStatus)}

        else{this.controller.ShowMessageInStatusBar()};

    }

/**@functionExample2 */

    SCRIPTNAME.prototype.isLoading  = async function(isLoading){

        if(this.uiVersion === 1){

            if(isLoading === true){this.controller.ParentWindow.inforBusyIndicator({ delay: 0, modal: false });}

            else{this.controller.ParentWindow.inforBusyIndicator('close');this.updateStatusBar(false);};

        }else{

            if(isLoading === true){this.controller.busyIndicator.displayDelay = 0; this.controller.busyIndicator.open(0);}

            else{this.controller.busyIndicator.close();this.updateStatusBar(false);};

        };

    };

   

    SCRIPTNAME.prototype.updateStatusBar  = async function(isLoading,loadStatus){

        if(isLoading === true){this.controller.ShowMessageInStatusBar(loadStatus)}

        else{this.controller.ShowMessageInStatusBar()};

    };

/**@consoleLogTestExamples

 * @note : To use in script dont forget to replace controller with this.controller

 */

if (ScriptUtil.version >= 2.0) {

    var uiVersion = 2; // New UI

    var controller = ScriptUtil.getController()

} else {

    var uiVersion = 1; // Classic UI

    var controller = this.getActiveController()

};

/** @oldUI */

controller.ParentWindow.inforBusyIndicator({delay:0,modal:false})

controller.ParentWindow.inforBusyIndicator('close')

/** @newIU */

controller.busyIndicator.displayDelay = 0;

controller.busyIndicator.busyindicator.loadingText = 'Test Message...';

controller.busyIndicator.open(0);

controller.busyIndicator.close()

---

EDIT: I read your request incorrectly and what I suggested below is irrelevant. I will leave it below in case it helps someone else.

This is how I typically call a dialog box. This works for both New and Classic UI.

    //DialogType Options( 'Error','Warning','Prompt')

    SCRIPTNAME.prototype.showMessage = function (DialogType, Header, Message) {

        ConfirmDialog.ShowMessageDialog({

            dialogType: DialogType,

            header: Header,

            message: Message

        });

        return;

    };

    //Example Call Command

    this.showMessage('DialogType', 'Header','Message');

I've also used another method to pass variables for a confirmation dialog and then if confirmed passes to an API Function

    SCRIPTNAME.prototype.TaskConfirmation = async function(variable1,variable2,variable3,variable4,variable5,variable6,variable7,variable8){

        // User Confirmation for Task, once confirmed with "Yes" pass variables to API_FUNCTION

        ConfirmDialog.ShowMessageDialog({

          dialogType: "Question",

          header: "Header",

          message: `Do the Following?<br>variable1: ${variable1}<br>variable2: ${variable2}<br>variable3-4: ${variable3} - ${variable4}<br>variable5: ${variable5}<br>variable6&7: ${variable6} ${variable7}<br>variable8: ${variable8}`,

          closed: (arg) => {

            if (arg.ok) {

              this.API_FUNCTION(variable1, variable2, variable3, variable4, variable5, variable6, variable7);

            };

          },

        });

    };