صفحه اول

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

image-1699452098551.png

image-1699541802568.png

image-1699541895500.png

 

کد

 

<page id="asnad-man">

    <script id="main">
        function changeColor(id) {
            const buttons = ['asnadman', 'asnadother', 'sharelist']
            for (const btn_id of buttons) {
                if (btn_id === id) {

                    Appsan.setProperty(btn_id, 'textcolor', '#55BECC');
                    Appsan.setProperty(btn_id, 'background', '#EAFCFE');
                } else {
                    Appsan.setProperty(btn_id, 'textcolor', '#616161');
                    Appsan.setProperty(btn_id, 'background', 'white');
                }
            }
            if (id === buttons[0]) {
                Appsan.setProperty('asnade-man', 'visibility', 'visible');
                Appsan.setProperty('other', 'visibility', 'gone');
                Appsan.setProperty('list', 'visibility', 'gone');

            } else if (id === buttons[1]) {
                Appsan.setProperty('asnade-man', 'visibility', 'gone');
                Appsan.setProperty('other', 'visibility', 'visible');
                Appsan.setProperty('list', 'visibility', 'gone');

            } else {
                Appsan.setProperty('asnade-man', 'visibility', 'gone');
                Appsan.setProperty('other', 'visibility', 'gone');
                Appsan.setProperty('list', 'visibility', 'visible');
            }
        }

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

    </script>

    <frame weightsum="2" layout="linear_vertical" gravity="center"  margin="16" width="match_parent"
           background="white" elevation="2" borderCornerRadius="2">
        <frame weight="1" layout="linear_horizontal" gravity="center" reverse="true" margin_right="16" margin_top="16" margin_left="10">
            <img width="40" height="40" scaleType="fit_center" src="images/asnad.png"/>
            <text width="wrap_content" textsize="16" weight="1" textcolor="#1C4B78" padding_bottom="4"  textalignment="right" text="اسناد من"/>
            <img width="24" height="24" margin_left="16" scaleType="fit_center" src="images/alert-circle.png"/>
        </frame>

        <frame layout="linear_vertical" reverse="true" weight="1" margin="16">
            <frame layout="linear_horizontal" reverse="true" gravity="right" background="#FAFAFA" borderCornerRadius="3"   padding="10" >
                <img width="24" height="24" src="images/search.png"  scaleType="fit_center"   padding_top="16"/>
                <textinput hint="جستجو..." textcolor="#ADADAD" textalignment="right" textsize="11" background="transparent"
                      width="wrap_content"/>
            </frame>
        </frame>
    </frame>

    <frame layout="linear_horizontal" background="white" borderCornerRadius="8" padding="8" reverse="true" height="wrap_content" width="wrap_content">
        <text gravity="center" textalignment="center" height="wrap_content" padding="8" textsize="12" id="asnadman" borderCornerRadius="4" textcolor="#55BECC" elevation="0" background="#EAFCFE" text="اسناد من" onclick="script/main:changeColor('asnadman')" />
        <text gravity="center" textalignment="center" height="wrap_content" padding="8" textsize="12" textcolor="#616161" id="asnadother" borderCornerRadius="4" elevation="0" background="white" text="اسناد سایرین" onclick="script/main:changeColor('asnadother')" />
        <text gravity="center" textalignment="center" height="wrap_content" padding="8" textsize="12" textcolor="#616161" id="sharelist" borderCornerRadius="4" elevation="0" background="white" text="لیست اشترک ها" onclick="script/main:changeColor('sharelist')" />
    </frame>

    <frame layout="linear_horizontal" id="alert-message" width="match_parent" height="64" margin_top="12" background="#EBF8FF" reverse="true" gravity="center"  borderStrokeWidth="1"
           margin_left="16" margin_right="16" borderColor="#C6E7F8" borderCornerRadius="4" weightsum="1">
        <text gravity="right" textalignment="right" text="کاربر گرامی! در نظر داشته باشید اسناد نمایش داده شده مربوط به سال ۱۳۹۲  و پس از آن می باشد."  weight="1" width="match_parent"
            padding_right="10"  textcolor="#7A7A7A" textsize="12"/>
        <img width="20" height="20" margin_left="16" gravity="left" scaleType="fit_center" src="images/x-circle.png" onclick="script/main:closeElem('alert-message')"/>
    </frame>


    <frame layout="linear_vertical" id="asnade-man" visibility="visible" borderStrokeWidth="1" borderColor="#E0E0E0" weightsum="6"  margin_top="20"
           margin_right="16" margin_left="16" borderCornerRadius="6" padding="16">
        <frame layout="linear_horizontal" weight="1" weightsum="2" reverse="true"
               padding_right="10" padding_left="10" >
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right" padding_top="10" padding_bottom="10"
                   weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="##2E2E2E" textalignment="right"  gravity="right" textstyle="bold"
                      text="شماره پرونده"/>
            </frame>
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right"  padding_top="10" padding_bottom="10" reverse="true"
                   background="white">
                <text textsize="12" textcolor="#616161" textalignment="left" gravity="left"
                      text="۱۳۹۵۴۰۱۵۱۱۲۱۰۰۱۲۷۷"/>
            </frame>
        </frame>

        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>

        <frame layout="linear_horizontal" weight="1" weightsum="2" reverse="true"
               padding_right="10" padding_left="10" >
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right" padding_top="10" padding_bottom="10"
                   weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="##2E2E2E" textalignment="right"  gravity="right" textstyle="bold"
                      text="نوع سند"/>
            </frame>
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right"  padding_top="10" padding_bottom="10" reverse="true"
                   background="white">
                <text textsize="12" textcolor="#616161" textalignment="left" gravity="left"
                      text="رضایت نامه غیر مالی"/>
            </frame>
        </frame>

        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>


        <frame layout="linear_horizontal" weight="1" weightsum="2" reverse="true"
               padding_right="10" padding_left="10" >
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right" padding_top="10" padding_bottom="10"
                   weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="##2E2E2E" textalignment="right"  gravity="right" textstyle="bold"
                      text="تاریخ سند"/>
            </frame>
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right"  padding_top="10" padding_bottom="10" reverse="true"
                   background="white">
                <text textsize="12" textcolor="#616161" textalignment="left" gravity="left"
                      text="۱۳۹۶/۰۹/۲۰"/>
            </frame>
        </frame>

        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>

        <frame layout="linear_horizontal" weight="1" weightsum="2" reverse="true"
               padding_right="10" padding_left="10" >
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right" padding_top="10" padding_bottom="10"
                  weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="#2E2E2E" textalignment="right"  gravity="right" textstyle="bold"
                  margin_right="16"    text="ثبت نهایی"/>
            </frame>

            <imagebutton src="images/check.png"  width="45" height="45"  scaletype="fit_center" gravity="left"/>

        </frame>

        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>


        <frame layout="linear_horizontal" reverse="true"  margin_top="10" margin_bottom="10" padding_right="10" padding_left="10"
               height="wrap_content" width="match_parent" weightsum="1">

            <text textsize="13" textalignment="right" gravity="right" textcolor="#2E2E2E" text="عملیات" height="wrap_content" width="wrap_content"
            />
            <frame layout="linear_horizontal" reverse="true" height="wrap_content" weight="1" gravity="left" width="wrap_content" childgravity="left" margin="0" padding="0">

                    <img margin_top="7"  scaleType="fit_center" height="35" width="35" padding="8" src="images/share.png" gravity="center" onclick="dialog/dialog-eshterak" />

                <frame layout="linear_horizontal" borderStrokeWidth="0.5" borderColor="#55BECC" borderCornerRadius="3"
                       height="wrap_content" width="wrap_content" reverse="true" padding="7" onclick="">
                    <img padding="0" margin="0" margin_left="8" scaleType="fit_center" width="23" height="23" src="images/printer.png" gravity="center" />
                    <text padding="0" margin="0" textalignment="center_vertical" textcolor="#55BECC" textsize="9" text="دریافت سند" height="wrap_content" width="60"/>
                </frame>
            </frame>
        </frame>


        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>

        <frame layout="linear_horizontal" reverse="true" weight="1" width="wrap_content">

            <imagebutton src="images/details.png" width="150" height="70" scaletype="fit_center" gravity="right" onclick="page/details"/>
            <imagebutton src="images/tozihat.png" width="150" height="70" scaletype="fit_center" gravity="left" onclick="dialog/dialog-tozihat"/>

        </frame>
        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>
        <text textsize="13" textcolor="##2E2E2E" textalignment="right"  gravity="right"
              text=""/>
    </frame>


    <frame id = "other" visibility="gone" layout="linear_vertical"  borderStrokeWidth="1" borderColor="#E0E0E0" weightsum="6"  margin_top="20"
           margin_right="16" margin_left="16" borderCornerRadius="6" padding="16">

        <frame layout="linear_horizontal" weight="1" weightsum="2" reverse="true"
               padding_right="10" padding_left="10" >
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right" padding_top="10" padding_bottom="10"
                   weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="##2E2E2E" textalignment="right"  gravity="right" textstyle="bold"
                      text="شماره پرونده"/>
            </frame>
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right"  padding_top="10" padding_bottom="10" reverse="true"
                   background="white">
                <text textsize="12" textcolor="#616161" textalignment="left" gravity="left"
                      text="۱۳۹۵۴۰۱۵۱۱۲۱۰۰۱۲۷۷"/>
            </frame>
        </frame>

        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>

        <frame layout="linear_horizontal" weight="1" weightsum="2" reverse="true"
               padding_right="10" padding_left="10" >
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right" padding_top="10" padding_bottom="10"
                   weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="##2E2E2E" textalignment="right"  gravity="right" textstyle="bold"
                      text="نوع سند"/>
            </frame>
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right"  padding_top="10" padding_bottom="10" reverse="true"
                   background="white">
                <text textsize="12" textcolor="#616161" textalignment="left" gravity="left"
                      text="رضایت نامه غیر مالی"/>
            </frame>
        </frame>

        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>


        <frame layout="linear_horizontal" weight="1" weightsum="2" reverse="true"
               padding_right="10" padding_left="10" >
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right" padding_top="10" padding_bottom="10"
                   weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="##2E2E2E" textalignment="right"  gravity="right" textstyle="bold"
                      text="تاریخ سند"/>
            </frame>
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right"  padding_top="10" padding_bottom="10" reverse="true"
                   background="white">
                <text textsize="12" textcolor="#616161" textalignment="left" gravity="left"
                      text="۱۳۹۶/۰۹/۲۰"/>
            </frame>
        </frame>

        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>

        <frame layout="linear_horizontal" weight="1" weightsum="2" reverse="true"
               padding_right="10" padding_left="10" >
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right" padding_top="10" padding_bottom="10"
                   weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="##2E2E2E" textalignment="right"  gravity="right" textstyle="bold"
                      text="مدت زمان باقی مانده اشتراک"/>
            </frame>
           <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right"  padding_top="10" padding_bottom="10" reverse="true"
                  background="white">
               <text textsize="12" textcolor="#616161" textalignment="left" gravity="left"
                     text="۵ روز ۱۲ ساعت"/>
           </frame>

        </frame>

        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>
        <frame layout="linear_horizontal" weight="1" weightsum="2" reverse="true"
               padding_right="10" padding_left="10" >
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right" padding_top="10" padding_bottom="10"
                   weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="##2E2E2E" textalignment="right"  gravity="right" textstyle="bold"
                      margin_right="16"  text="ثبت نهایی"/>
            </frame>

            <imagebutton src="images/check.png"  width="45" height="45"  scaletype="fit_center" gravity="left"/>

        </frame>
        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>
        <frame layout="linear_horizontal" reverse="true"  margin_top="10" margin_bottom="10" padding_right="10" padding_left="10"
               height="wrap_content" width="match_parent" weightsum="1">

            <text textsize="13" textalignment="right" gravity="right" textcolor="#2E2E2E" text="عملیات" height="wrap_content" width="wrap_content"
            />
            <frame layout="linear_horizontal" reverse="true" height="wrap_content" weight="1" gravity="left" width="wrap_content" childgravity="left" margin="0" padding="0">

                <frame layout="linear_horizontal" borderStrokeWidth="0.5" borderColor="#55BECC" borderCornerRadius="3"
                       height="wrap_content" width="wrap_content" reverse="true" padding="7" onclick="">
                    <img padding="0" margin="0" margin_left="8" scaleType="fit_center" width="23" height="23" src="images/printer.png" gravity="center" />
                    <text padding="0" margin="0" textalignment="center_vertical" textcolor="#55BECC" textsize="9" text="دریافت سند" height="wrap_content" width="60"/>
                </frame>
            </frame>
        </frame>
        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>

    </frame>

    <frame id = "list" visibility="gone" layout="linear_vertical"  borderStrokeWidth="1" borderColor="#E0E0E0" weightsum="6"  margin_top="20"
           margin_right="16" margin_left="16" borderCornerRadius="6" padding="16">

        <frame layout="linear_horizontal" weight="1" weightsum="2" reverse="true"
               padding_right="10" padding_left="10" >
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right" padding_top="10" padding_bottom="10"
                   weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="##2E2E2E" textalignment="right"  gravity="right" textstyle="bold"
                      text="شماره پرونده"/>
            </frame>
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right"  padding_top="10" padding_bottom="10" reverse="true"
                   background="white">
                <text textsize="12" textcolor="#616161" textalignment="left" gravity="left"
                      text="۱۳۹۵۴۰۱۵۱۱۲۱۰۰۱۲۷۷"/>
            </frame>
        </frame>

        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>

        <frame layout="linear_horizontal" weight="1" weightsum="2" reverse="true"
               padding_right="10" padding_left="10" >
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right" padding_top="10" padding_bottom="10"
                   weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="##2E2E2E" textalignment="right"  gravity="right" textstyle="bold"
                      text="نوع سند"/>
            </frame>
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right"  padding_top="10" padding_bottom="10" reverse="true"
                   background="white">
                <text textsize="12" textcolor="#616161" textalignment="left" gravity="left"
                      text="رضایت نامه غیر مالی"/>
            </frame>
        </frame>

        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>


        <frame layout="linear_horizontal" weight="1" weightsum="2" reverse="true"
               padding_right="10" padding_left="10" >
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right" padding_top="10" padding_bottom="10"
                   weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="##2E2E2E" textalignment="right"  gravity="right" textstyle="bold"
                      text="تاریخ سند"/>
            </frame>
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right"  padding_top="10" padding_bottom="10" reverse="true"
                   background="white">
                <text textsize="12" textcolor="#616161" textalignment="left" gravity="left"
                      text="۱۳۹۶/۰۹/۲۰"/>
            </frame>
        </frame>

        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>

        <frame layout="linear_horizontal" weight="1" reverse="true"
               padding_right="10" padding_left="10" >
            <frame layout="linear_horizontal" height="50" weight="1" gravity="right" childgravity="right" padding_top="10" padding_bottom="10"
                   weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="##2E2E2E" textalignment="right"  gravity="right" textstyle="bold"
                      text="مدت زمان باقی مانده اشتراک"/>
            </frame>
            <frame layout="linear_horizontal" height="50" weight="1" gravity="right" childgravity="right"   padding_bottom="10" reverse="true"
                   background="white">
                <text textsize="12" textcolor="#616161" textalignment="left" gravity="left"
                      text="۵ روز ۱۲ ساعت"/>
                <img src="images/laghv.png" padding="0" width="32" height="32" scaleType="fit_center" gravity="left"/>
            </frame>

        </frame>

        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>
        <frame layout="linear_horizontal" weight="1" weightsum="2" reverse="true"
               padding_right="10" padding_left="10" >
            <frame layout="linear_vertical" height="50" weight="1" gravity="right" childgravity="right" padding_top="10" padding_bottom="10"
                   weightsum="1" reverse="true" background="white">
                <text textsize="13" textcolor="##2E2E2E" textalignment="right"  gravity="right" textstyle="bold"
                      margin_right="16"  text="ثبت نهایی"/>
            </frame>

            <imagebutton src="images/check.png"  width="45" height="45"  scaletype="fit_center" gravity="left"/>

        </frame>
        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>


        <frame layout="linear_horizontal" reverse="true"  margin_top="10" margin_bottom="10" padding_right="10" padding_left="10"
               height="wrap_content" width="match_parent" weightsum="1">

            <text textsize="13" textalignment="right" gravity="right" textcolor="#2E2E2E" text="عملیات" height="wrap_content" width="wrap_content"
            />
            <frame layout="linear_horizontal" reverse="true" height="wrap_content" weight="1" gravity="left" width="wrap_content" childgravity="left" margin="0" padding="0">

                <frame layout="linear_horizontal" borderStrokeWidth="0.5" borderColor="#55BECC" borderCornerRadius="3"
                       height="wrap_content" width="wrap_content" reverse="true" padding="7" onclick="">
                    <img padding="0" margin="0" margin_left="8" scaleType="fit_center" width="23" height="23" src="images/printer.png" gravity="center" />
                    <text padding="0" margin="0" textalignment="center_vertical" textcolor="#55BECC" textsize="9" text="دریافت سند" height="wrap_content" width="60"/>
                </frame>
            </frame>
        </frame>


        <frame margin_right="16" margin_left="16"><divider color = "#E0E0E0" size = "1" ></divider></frame>

    </frame>

</page>
<page id="asnad-man-not">
    <frame weightsum="2" layout="linear_vertical" gravity="center"  margin="16" width="match_parent"
           background="white" elevation="2" borderCornerRadius="2">
        <frame weight="1" layout="linear_horizontal" gravity="center" reverse="true" margin_right="16" margin_top="16" margin_left="10">
            <img width="40" height="40" scaleType="fit_center" src="images/asnad.png"/>
            <text width="wrap_content" textsize="16" weight="1" textcolor="#1C4B78" padding_bottom="4"  textalignment="right" text="اسناد من"/>
            <img width="24" height="24" margin_left="16" scaleType="fit_center" src="images/alert-circle.png"/>
        </frame>

        <frame layout="linear_vertical" reverse="true" weight="1" margin="16">
            <frame layout="linear_horizontal" reverse="true" gravity="right" background="#FAFAFA" borderCornerRadius="3"   padding="10" >
                <img width="24" height="24" src="images/search.png"  scaleType="fit_center"   padding_top="16"/>
                <textinput hint="جستجو..." textcolor="#ADADAD" textalignment="right" textsize="11" background="transparent"
                           width="wrap_content"/>
            </frame>
        </frame>
    </frame>

<!--    <frame layout="linear_horizontal" weight="1" weightsum="1" reverse="true"-->
<!--           padding_right="10" padding_left="10" >-->

        <frame layout="linear_vertical" height="50"  padding_right="10" weight="1" gravity="right"  padding_top="10" padding_bottom="10"
               weightsum="1" reverse="true"  background="white">
            <text textsize="13" textcolor="#2E2E2E" textalignment="right"  gravity="right"
                  text="فهرست اسناد"/>
        </frame>
<!--    </frame>-->

    <frame layout="linear_horizontal" width="match_parent" height="64" margin_top="12" background="#EBF8FF" reverse="true" gravity="center"  borderStrokeWidth="1"
           margin_left="16" margin_right="16" borderColor="#C6E7F8" borderCornerRadius="4" weightsum="1">
        <text gravity="right" textalignment="right" text="کاربر گرامی! در نظر داشته باشید اسناد نمایش داده شده مربوط به سال ۱۳۹۲  و پس از آن می باشد."  weight="1" width="match_parent"
             padding_right="10" textcolor="#7A7A7A" textsize="12"/>
        <img width="20" height="20" margin_left="16" gravity="left" scaleType="fit_center" src="images/x-circle.png" onclick="app/closeDialog"/>
    </frame>

    <frame  layoutgravity="center" layout="linear_horizontal" width="match_parent" height="100" margin_top="80" gravity="center" childgravity="center">
        <img width="88" height="88" gravity="center" src="images/searchnot.png" scaleType="fit_center" selfgravity="center_horizontal" onclick="app/end"/>

    </frame>
    <text gravity="center" textalignment="center" text="موردی یافت نشد"
          textcolor="#616161" textsize="13"/>
    <imagebutton src="images/bazgasht.png" scaletype="fit_center" margin_top="30" width="wrap_content" onclick="app/end"/>

</page>