تصدیق اصالت سند

صفحه ی اول

 

نمای مینی اپ به صورت زیر میباشد

image-1699358726972.png

 

 

image-1699366025472.png

کد ها

<page id="main-page" title="تصدیق اصالت سند" layout="linear_vertical" margin="0" padding="16"
      scrollable="false" gravity="top" height="match_parent" width="match_parent" clearBackStack="true">
    <include layout="pages/main/main.js.appsan" />

   <frame id="content" layout="linear_vertical" margin="0" padding="0" weightsum="1" scrollable="false"
          height="match_parent">

       <frame layout="linear_vertical" gravity="top" margin="0" padding="0" scrollable="true" weight="1" weightsum="1">

           <frame layout="linear_horizontal" weightsum="1" background="#D5E3FF"
                  reverse="true" padding_bottom="10" layoutgravity="top"
                  padding_top="10" padding_left="16" padding_right="16"
                  borderCornerRadius="4" >

               <img src="images/warning.png" width="24" height="24" scaleType="fit_center"/>
               <text weight="1" textsize="14" textcolor="#0164BC" textstyle="normal"
                     text="اسناد ثبت شده از سال ۱۳۹۳ به بعد در سامانه می‌باشد." />
           </frame>


           <frame layout="linear_vertical" margin_top="16" margin="0" width="match_parent">

               <text textsize="16" textcolor="#424750" textstyle="bold"
                     text="تصدیق اصالت سند اسناد رسمی" />

               <img src="images/header.png" width="91"
                    height="91" scaleType="fit_center"/>

               <frame layout="linear_vertical" margin="0"
                      margin_top="16" margin_bottom="32" width="match_parent">

                   <material-textinput id="doc_text_id" margin_left="10" margin_right="10"
                                       rtl="true" expandHint="true" borderCornerRadius="4" width="match_parent"
                                       erroricon="images/error_icon.png" hint="شناسه سند" margin="0"
                                        >

                       <textinput hintsize="11" hintcolor="#424750" textsize="11" textcolor="black" maxlength="18"
                                  id="doc_id" padding_top="16" width="match_parent"
                                  padding_bottom="16" padding_right="12"
                                  padding_left="12" inputtype="number"
                                  onChange="script/main-script:check_empty_fields()"/>

                   </material-textinput>


                   <material-textinput margin_left="10" margin_right="10" expandHint="true" rtl="true"
                                       endiconmode="password_toggle" showendicon="true"
                                       hint="رمز تصدیق" borderCornerRadius="4"
                                       hideArrow="true" margin_top="16" margin="0" >

                       <textinput hintsize="11" hintcolor="#424750" textsize="11" textcolor="black" id="pass_id"
                                  padding_top="16" padding_bottom="16" padding_right="12" borderCornerRadius="4"
                                  padding_left="12" inputtype="number_password"
                                  onChange="script/main-script:check_empty_fields()"/>

                   </material-textinput>
               </frame>

           </frame>
       </frame>

       <frame layout="frame" layoutgravity="bottom_center" margin="0" >
           <button height="wrap_content" onclick="script/main-script:check_inputs()"
                   textsize="14" id="btn_id"
                   width="match_parent" text="بررسی" textcolor="white" background="#92C0E2"
                   borderCornerRadius="4" elevation="0" enabled="false" />
       </frame>
   </frame>

</page>

<include layout="pages/main/dialogs/waiting.xml.appsan" />
<include layout="pages/result/result.xml.appsan" />
<include layout="pages/main/dialogs/waiting.js.appsan" />

<script id="main-script">

    function check_empty_fields(id='doc_id', password='pass_id', btn='btn_id') {
        if (Appsan.findElementById(password).value.length > 0 ) {
            Appsan.setProperty(btn, 'background', '#0164BC');
            Appsan.setProperty(btn, 'enabled', 'true');
            return true;
        } else {
            Appsan.setProperty(btn, 'background', '#92C0E2');
            Appsan.setProperty(btn, 'enabled', 'false');
            return false;
        }
    }

    function check_inputs(doc_id='doc_id', password='pass_id') {
        let id = Appsan.findElementById(doc_id).value
        let pass = Appsan.findElementById(password).value
        let valid_id_number = 18

        if (check_empty_fields()) {
            if (id.length === valid_id_number){
                Appsan.setProperty('doc_text_id', 'showError', 'false');
                Appsan.runAction('dialog/waiting-dialog');

            } else {
                Appsan.setProperty('doc_text_id', 'showError', 'true');
                Appsan.setProperty('doc_text_id', 'error', 'تعداد ارقام وارد شده صحیح نمی‌باشد.');
            }
        }
    }

</script>

 

 

 

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

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

image-1699432938202.png

 

کد

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

صفحه دوم (نتیجه سند)

نمای مینی اپ به صورت زیر خواهد بود

image-1699433114520.png

image-1699433468931.png

 

image-1699433507021.png

کد

<page id="result-page" title="تصدیق اصالت سند" layout="linear_vertical"
      background="#FFFFFF" scrollable="true" padding="16" onshown="script/main:init()">

    <include layout="pages/result/result.js.appsan" />

    <frame layout="linear_vertical" margin_left="16" margin_right="12"
           borderCornerRadius="4" background="transparent">

        <frame layout="linear_vertical" margin="0" padding="0">
            <img src="images/vekalat.png" height="150" width="328" scaleType="fit_center"/>

            <text id="DocType" text="" textsize="12" textalignment="right" margin_top="16"
                  textcolor="#424750" textstyle="bold" />

            <frame layout="linear_horizontal" reverse="true" gravity="right" childgravity="center_vertical"
                   layoutgravity="center_vertical" margin="0" padding="0">

                <text text="شناسه سند" textsize="11" textcolor="#424750" width="wrap_content"/>

                <image src="images/dot.png" width="5" height="match_parent" scaleType="fit_center"
                     gravity="center_vertical" layoutgravity="center_vertical" margin="8"
                     selfgravity="center_vertical" childgravity="center_vertical"/>

                <text id="NationalRegisterNo" text="۱۳۹۵۹۳۲۵۱۱۰۰۰۰۳۹" textsize="11" textcolor="#424750" width="wrap_content"/>
            </frame>

        </frame>


        <frame layout="linear_horizontal" reverse="true" height="wrap_content"
               width="wrap_content" margin_top="16"
               margin="0" padding="0" childgravity="bottom" gravity="bottom">

            <frame layout="linear_vertical" margin="0" padding="0" padding_bottom="0">

                <text gravity="center" textalignment="center" height="wrap_content"
                      textsize="12" id="menu-btn-1" textcolor="#0164BC"
                      elevation="0" text="مشخصات سند" onclick="script/main:changeColor('menu-btn-1')"
                      textstyle="normal" />

                <img id="menu-img-1" src="images/indicator.png" margin="0" padding="0"/>

            </frame>

            <frame layout="linear_vertical" margin="0" padding="0"
                   padding_bottom="0" width="wrap_content">

                <text gravity="center" textalignment="center" height="wrap_content"
                      width="wrap_content"
                      textsize="12" id="menu-btn-2" textcolor="#43474E"
                      elevation="0" text="افراد" onclick="script/main:changeColor('menu-btn-2')"
                      textstyle="normal" />

                <img id="menu-img-2" src="images/indicator.png" margin="0" padding="0"
                     visibility="invisible" width="wrap_content"/>

            </frame>

            <frame layout="linear_vertical" margin="0" padding="0" padding_bottom="0">

                <text gravity="center" textalignment="center" height="wrap_content"
                      textsize="12" id="menu-btn-3" textcolor="#43474E"
                      elevation="0" text="جزییات سند" onclick="script/main:changeColor('menu-btn-3')"
                      textstyle="normal" />

                <img id="menu-img-3" src="images/indicator.png" margin="0"
                     padding="0" visibility="invisible"/>

            </frame>
        </frame>
        <divider size="1" color="#E6E0E9" margin="0" padding="0"/>

        <frame id="menu-frame-1" layout="linear_vertical" visibility="visibile"
               width="match_parent" height="wrap_content"
               margin="0" padding="0" margin_top="24" gravity="right">

            <frame layout="linear_horizontal" reverse="true" margin="0"
                   padding="0" margin_bottom="16" weightsum="1"
                   childgravity="right" gravity="center_right">

                <text text="دفترخانه تنظیم‌کننده" textsize="10" textalignment="right"
                      selfgravity="center_right" layoutgravity="center_right"
                      textstyle="normal" textcolor="#424750" padding="0"
                      margin_left="4" gravity="center_right"
                      width="wrap_content" margin="0"
                />

                <text id="ScriptoriumName" text=""
                      width="wrap_content" textalignment="right" weight="1"
                      textcolor="#424750" textstyle="bold" margin_right="4"
                      padding="0" gravity="right" margin="0"
                      textsize="10" />
            </frame>

            <divider color="#F0F0F1" margin="0" size="1" />



            <frame layout="linear_horizontal" reverse="true" margin="0"
                   padding="0" margin_top="16" margin_bottom="16" weightsum="1"
                   childgravity="right" gravity="center_right">

                <text text="شناسه یکتا" textsize="10" textalignment="right"
                      selfgravity="center_right" layoutgravity="center_right"
                      textstyle="normal" textcolor="#424750" padding="0" margin_left="4" gravity="center_right"
                      width="wrap_content" margin="0"
                />

                <text id="NationalRegisterNo2" text="" width="wrap_content" textalignment="right"
                      textcolor="#424750" textstyle="bold" margin_right="4" weight="1"
                      padding="0" gravity="right" margin="0"
                      textsize="10" />
            </frame>

            <divider color="#F0F0F1" margin="0" size="1" />


            <frame layout="linear_horizontal" reverse="true" margin="0"
                   padding="0" margin_top="16" margin_bottom="16" weightsum="1"
                   childgravity="right" gravity="center_right">

                <text text="شماره ثبت دفتر" textsize="10" textalignment="right"
                      selfgravity="center_right" layoutgravity="center_right"
                      textstyle="normal" textcolor="#424750" padding="0" margin_left="4"
                      gravity="center_right"
                      width="wrap_content" margin="0"
                />

                <text id="CaseClasifyNo" text="" width="wrap_content" textalignment="right"
                      textcolor="#424750" textstyle="bold" margin_right="4" weight="1"
                      padding="0" gravity="right" margin="0"
                      textsize="10" />
            </frame>

            <divider color="#F0F0F1" margin="0" size="1" />


            <frame layout="linear_horizontal" reverse="true" margin="0"
                   padding="0" margin_top="16" margin_bottom="16" weightsum="1"
                   childgravity="right" gravity="center_right">

                <text text="تاریخ سند" textsize="10" textalignment="right"
                      selfgravity="center_right" layoutgravity="center_right"
                      textstyle="normal" textcolor="#424750" padding="0" margin_left="4" gravity="center_right"
                      width="wrap_content" margin="0"
                />

                <text id="DocDate" text="" width="wrap_content" textalignment="right"
                      textcolor="#424750" textstyle="bold" margin_right="4"
                      padding="0" gravity="right" margin="0" weight="1"
                      textsize="10" />
            </frame>
        </frame>



        <frame id="menu-frame-2" layout="linear_vertical" visibility="gone"
               width="match_parent" height="wrap_content"
               margin="0" padding="0" margin_top="24" gravity="right">


        </frame>



        <!-- frame 3-->
        <frame layout="linear_vertical" id="menu-frame-3" visibility="gone" margin="0"
               padding="0">

            <frame layout="linear_vertical" margin="0" padding="0" gravity="right" margin_bottom="16">

                <text text="متن سند" textcolor="#424750" textsize="12" textstyle="bold" margin="0"
                      padding="0" margin_top="16" />

                <text id="ImpotrtantAnnexText" textcolor="#424750" textsize="11" textstyle="normal"
                      margin="0" padding="0" margin_top="16"
                    text="" />

                <frame id="more-btn" layout="linear_horizontal" reverse="true"
                       weightsum="1" margin="0" padding="0"
                       margin_top="16" onclick="script/main:showMore()"
                       width="wrap_content" gravity="right" selfgravity="right" >

                    <text text="مشاهده بیشتر" textcolor="#0164BC" textsize="12"
                          weight="1" margin="0" margin_left="8" />
                    <image src="images/chevron.png" height="24" width="24"
                           scaleType="fit_center" margin="0" />

                </frame>
            </frame>


            <!-- commented  -->

            <divider size="1" color="#E6E0E9" margin="0" padding="0" visibility="gone"/>


            <frame id="doc_errors" layout="linear_vertical" margin="0" padding="0" visibility="gone">
                <frame layout="linear_horizontal" reverse="true" weightsum="1" margin="0"
                       padding="0" margin_top="16">
                    <image src="images/detail.png" height="24" width="24" scaleType="fit_center"
                           margin="0" padding="0" margin_left="10"/>

                    <text weight="1" textsize="11" margin_right="0" padding="0"
                          textcolor="#424750" text="این وکالت نامه بلاعزل نیست" />
                </frame>

                <frame layout="linear_horizontal" reverse="true" weightsum="1" margin="0"
                       padding="0" margin_top="16">
                    <image src="images/detail.png" height="24" width="24" scaleType="fit_center"
                           margin="0" padding="0" margin_left="10"/>

                    <text weight="1" textsize="11" margin_right="0" padding="0"
                          textcolor="#424750" text="این وکالت نامه بلاعزل نیست" />
                </frame>

                <frame layout="linear_horizontal" reverse="true" weightsum="1" margin="0"
                       padding="0" margin_top="16">
                    <image src="images/detail.png" height="24" width="24" scaleType="fit_center"
                           margin="0" padding="0" margin_left="10"/>

                    <text weight="1" textsize="11" margin_right="0" padding="0"
                          textcolor="#424750" text="این وکالت نامه بلاعزل نیست" />
                </frame>
            </frame>
        </frame>
    </frame>
</page>



<include layout="pages/main/dialogs/waiting.xml.appsan" />

 

 

<script id="main">
    const data = JSON.parse(Appsan.getVariable('response').value);
    function init() {

        Appsan.setProperty('DocType', 'text', numberToPersian(data.DocType));
        Appsan.setProperty('NationalRegisterNo', 'text', numberToPersian(data.NationalRegisterNo));
        Appsan.setProperty('ScriptoriumName', 'text', numberToPersian(data.ScriptoriumName));
        Appsan.setProperty('NationalRegisterNo2', 'text', numberToPersian(data.NationalRegisterNo));
        Appsan.setProperty('CaseClasifyNo', 'text', numberToPersian(data.CaseClasifyNo));
        Appsan.setProperty('DocDate', 'text', numberToPersian(data.DocDate));
        Appsan.setProperty('ImpotrtantAnnexText', 'text', numberToPersian(data.ImpotrtantAnnexText.substring(0, 300)));

        let personsFrame = ``;
        for (let role of data.lstUserRoles){
            let group = `<frame layout="linear_vertical" margin="0" padding="0">`
            for (const person of data.lstFindPersonInQuery[role]) {
                let frame = `
                <frame layout="linear_horizontal" reverse="true" weightsum="1"
                   margin="0" padding="0"
                   margin_bottom="22">

                <frame layout="linear_vertical" width="wrap_content" height="match_parent"
                       margin="0" padding="0" gravity="top">

                    <image src="images/user-image.png" height="32"
                           width="32" margin="0" padding="0"
                           scaleType="fit_center"
                    />
                </frame>

                <frame layout="linear_vertical" weight="1" margin_right="16" margin="0"
                       margin_top="4" height="wrap_content" layoutgravity="right" gravity="right">

                    <frame layout="linear_horizontal" reverse="true" margin="0" padding="0"
                           margin_bottom="16" height="wrap_content"
                           childgravity="right" gravity="center_right">

                        <text text="نام و نام خانوادگی ${person.RoleType}" textsize="10"
                              textalignment="right" height="wrap_content"
                              selfgravity="center_right" layoutgravity="center_right"
                              textstyle="normal" textcolor="#424750" padding="0"
                              margin_left="4" gravity="center_right"
                              width="wrap_content" margin="0"
                        />

                        <text text="${person.Name} ${person.Family}" width="wrap_content" textalignment="right"
                              textcolor="#424750" textstyle="bold" margin_right="4"
                              padding="0" gravity="right" margin="0"
                              textsize="10" />
                    </frame>

                    <frame layout="linear_horizontal" reverse="true" margin="0" padding="0"
                           margin_bottom="16" weight="1" layoutgravity="right"
                           childgravity="right" gravity="center_right">

                        <text text="کد ملی ${person.RoleType}" textsize="10" textalignment="right"
                              selfgravity="center_right" layoutgravity="center_right"
                              textstyle="normal" textcolor="#424750" padding="0" margin_left="4"
                              gravity="center_right"
                              width="wrap_content" margin="0"
                        />

                        <text text="${numberToPersian(person.NationalNo)}" width="wrap_content" textalignment="right"
                              textcolor="#424750" textstyle="bold" margin_right="4"
                              padding="0" gravity="right" margin="0"
                              textsize="10" />
                    </frame>
                </frame>

            </frame>
                `

                group += frame;
            }
            group += `</frame>`
            personsFrame += group;
            personsFrame += `<divider color="#F0F0F1" margin="0" size="1" />`
        }

        Appsan.setProperty('menu-frame-2', 'innerElements', personsFrame);
    }

    function numberToPersian(number) {
        let persianDigits = "۰۱۲۳۴۵۶۷۸۹";
        let persianMap = persianDigits.split("");
        let persianNumbers = number.replace(/\d/g, function (m) {
            return persianMap[parseInt(m)];
        });
        return persianNumbers;
    }


    function showMore() {
        Appsan.setProperty('ImpotrtantAnnexText', 'text', numberToPersian(data.ImpotrtantAnnexText));
        Appsan.setProperty('more-btn', 'visibility', 'gone');
    }
    function changeColor(id) {
        const buttons = ['menu-btn-1', 'menu-btn-2', 'menu-btn-3'];
        const images = ['menu-img-1', 'menu-img-2', 'menu-img-3'];
        const frames = ['menu-frame-1', 'menu-frame-2', 'menu-frame-3'];


        for (let i=0; i < buttons.length; i++) {
            let btn_id = buttons[i];
            let img_id = images[i];
            let frame_id = frames[i];

            if (btn_id === id) {
                Appsan.setProperty(btn_id, 'textcolor', '#0164BC');
                Appsan.setProperty(btn_id, 'textstyle', 'bold');
                Appsan.setProperty(img_id, 'visibility', 'visible');
                Appsan.setProperty(frame_id, 'visibility', 'visible');

            } else {
                Appsan.setProperty(btn_id, 'textcolor', '#43474E');
                Appsan.setProperty(btn_id, 'textstyle', 'normal');
                Appsan.setProperty(img_id, 'visibility', 'invisible')
                Appsan.setProperty(frame_id, 'visibility', 'gone');
            }
        }
    }

    function closeElem(id){
        Appsan.setProperty(id, 'visibility', 'gone');
    }

</script>

صفحه دوم (پیدا نشد)

 

نمای مینی اپ به صورت زیر است

image-1699433662112.png

کد

<page id="result-not-found" title="تصدیق اصالت سند" layout="linear_vertical"
      scrollable="false">

    <frame layout="linear_vertical" margin="0" padding="0"
           gravity="center" layoutgravity="center" >

        <image src="images/search.png" width="128" height="128"
               scaleType="fit_center" gravity="center" />

        <text gravity="center" textalignment="center"
              text="سند مورد نظر در این سامانه یافت نشد"
              textsize="14" textcolor="#424750"
              textstyle="bold" margin_top="10"  />


        <frame padding_left="16" padding_right="16" padding_top="8" padding_bottom="8" margin_top="24"
               borderCornerRadius="4" borderColor="#0164BC" borderStrokeWidth="1" background="white"
               onclick="page/main-page" width="wrap_content" height="wrap_content" gravity="center">
            <text textstyle="normal" text="بازگشت به صفحه اصلی" textcolor="#0164BC" textsize="14" />
        </frame>


    </frame>

</page>