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

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

کد

<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>