دیالوگ صفحه اول

نمای دیالوگ به صورت زیر است

کد

<dialog id="waiting-dialog" borderCornerRadius="4" height="wrap_content" margin="32"
        background="nocolor" onshown="script/waiting_script:autoCloseDialog()">

    <script id="waiting_script">
        function autoCloseDialog() {
            let id = Appsan.findElementById('doc_id').value
            let pass = Appsan.findElementById('pass_id').value

            try {
                HTTPClient.post('http://5.253.24.175:8001/api/v1/documentVerification/getdata/', {
                        NationalRegisterNo: id,
                        SecretNo: pass
                    },
                    {
                        headers: {
                            "Content-Type": "application/json",
                            "Authorization":"Bearer eyJhbGciOiJIUzUxMiJ9.eyJtaW5pQXBwTmFtZSI6ImFwcDphZG1pbjpzYWJ0LXRhc2RpZ2gtc2FuYWQiLCJ1c2VybmFtZSI6IjExMTExMTExMTEiLCJzdWIiOiJtaW5pQXBwIiwiaWF0IjoxNjk5MDQzNTI3LCJleHAiOjE2OTk5MDc1Mjd9.S0133PWjzZoxlEELcvXymWj748dpDynpzQ9xZa3IzdMAfL_2mKvx_L1QR8yO08ttdGzJGMfykCHF_ZEb8XHZng",
                            //  "user-token": "eyJhbGciOiJSUzI1NiIsInR5cCIgOiAiSldUIiwia2lkIiA6ICJhZml0NzlQUmdQZWZ2VlgzSWdBSk9GdmZUeF8ta3BYamM4c2NIRDVsaGl3In0.eyJleHAiOjE2OTg5NjIzNDcsImlhdCI6MTY5ODkyNjM0NywianRpIjoiMDEwNTIwYjItNTI2NC00ZjFiLWI0ZGUtOTY1NTVjZDA4MmZiIiwiaXNzIjoiaHR0cHM6Ly9hdXRoLXNlcnZlci1zZWN1cml0eS1zb2MuYXBwcy5sYWIubm90YXJ5LmlyL3JlYWxtcy9zdXBlcmFwcCIsImF1ZCI6ImFjY291bnQiLCJzdWIiOiJmMzgzNTg3OS0xOWQ0LTQ2MzUtOGQ4My0yMDRlNGQ4Y2Q4NTEiLCJ0eXAiOiJCZWFyZXIiLCJhenAiOiJzdXBlcmFwcCIsInNlc3Npb25fc3RhdGUiOiIzYzM2OGJmOC04YThmLTRjMWUtOWMzYS00MGEwMjE0NDczZmUiLCJhY3IiOiIxIiwiYWxsb3dlZC1vcmlnaW5zIjpbIi8qIl0sInJlYWxtX2FjY2VzcyI6eyJyb2xlcyI6WyJvZmZsaW5lX2FjY2VzcyIsInVtYV9hdXRob3JpemF0aW9uIiwiZGVmYXVsdC1yb2xlcy1zdXBlcmFwcCIsImNvbnN1bWVyIl19LCJyZXNvdXJjZV9hY2Nlc3MiOnsiYWNjb3VudCI6eyJyb2xlcyI6WyJtYW5hZ2UtYWNjb3VudCIsIm1hbmFnZS1hY2NvdW50LWxpbmtzIiwidmlldy1wcm9maWxlIl19fSwic2NvcGUiOiJwcm9maWxlIGVtYWlsIiwic2lkIjoiM2MzNjhiZjgtOGE4Zi00YzFlLTljM2EtNDBhMDIxNDQ3M2ZlIiwiZmF0aGVyTmFtZSI6Itiz2YrYr9mF2K3ZhdmI2K8iLCJlbWFpbF92ZXJpZmllZCI6ZmFsc2UsImJpcnRoZGF0ZSI6IjEzNjgvMDMvMjYiLCJnZW5kZXIiOiLZhdix2K8iLCJzaGVuYXNuYW1lTm8iOiIwMDEwMzkxNDI4IiwiTXlHcm91cCI6W10sInByZWZlcnJlZF91c2VybmFtZSI6IjAwMTAzOTE0MjgiLCJnaXZlbl9uYW1lIjoi2LPZitiv2YfYp9i02YUiLCJwaG9uZU51bWJlciI6IjA5MjE3MTkyMjUzIiwic2VyaWFsIjoiNjAxNTQyIiwibmFtZSI6Itiz2YrYr9mH2KfYtNmFINi52YTZiNmK2KfZhiDYtNmH2LHZiiIsImJpcnRoTG9jIjoi2KrZh9ix2KfZhiAiLCJzZXJpIjoi2KczNSIsImZhbWlseV9uYW1lIjoi2LnZhNmI2YrYp9mGINi02YfYsdmKIiwibmF0aW9uQ29kZSI6IjAwMTAzOTE0MjgifQ.vce5LgwA9b9fRGyTZJ_VqajYfpK4ghlgEG3dHvmm4IxELkDUPhgktvmBAKcfyyn2vV1GubvswYuzwTt-RyQCCDbho0Jvz-w98MNtedQ2RDBLsn0yPaziX7537aNkjm5NDzxyQTsSokvLro9k7toN65ubWjp-Wh_ffb3r7gGHgAdrea82kHqKfo5lbPJ-qr9fU3qOEsAt5oJ79dRcGfUge6FGN1YRXhbGFlCQ1A-PU6523d2jcibeM2F6vpkVeoe04MYoXwkJ-Qdt9sz3TaUmLEnY1T49BtTEy1-1XVUixg_pqhFo3tuOWB0LyzwipnfQvtl-ydpiHYkP-b3cl7oE8A"
                        }
                    }).subscribe(res => {
                    Appsan.setVariable('response', JSON.stringify(res))
                    if (res && res.succseed === 'true' && res.ExistDoc === 'true')
                        Appsan.runAction('app/closeDialog:waiting-dialog;page/result-page');
                    else
                        Appsan.runAction('app/closeDialog:waiting-dialog;page/result-not-found');

                }, err => {
                    Appsan.runAction('snackbar/errorSnakeBar');
                    Appsan.runAction('app/closeDialog:waiting-dialog');
                });
            } catch (e) {
                Appsan.runAction('snackbar/errorSnakeBar');
                Appsan.runAction('app/closeDialog:waiting-dialog');
            }

        }
    </script>


    <frame layout="linear_vertical" background="white" margin="0" borderCornerRadius="8">
        <frame layout="linear_vertical" padding="16" margin="0">
            <progressbar layout="circular" color="#0164BC"/>
            <text text="استعلام سند جهت بررسی ارسال گردید، ‌لطفا منتظر بمانید. " margin_top="16"
                  textalignment="center" textsize="12" textcolor="#424750"
                  gravity="center" selfgravity="center" layoutgravity="center"
            />
        </frame>

        <frame layout="linear_vertical" margin="0" margin_top="4">
            <divider color="#c1c7c3" margin="0" padding="0" />
            <text text="لغو" textcolor="#0164BC" textsize="14" padding="8"
                  textalignment="center" gravity="center" onclick="app/closedialog"/>
        </frame>

        <snackbar textSize="12" text="دریافت اطلاعات با خطا مواجه شد، دقایقی دیگر مجددا تلاش نمایید." duration="long" location="bottom" textColor="FF5733" id="errorSnakeBar">

    </frame>

</dialog>