دفاتر رسمی ازدواج و طلاق نزدیک
صفحه ی اول
نمای مینی اپ به صورت زیر است
کد
<page id="choose-from-map" scrollable="false" onshown="script/map-js:init()">
<frame layout="frame" height="match_parent" width="match_parent" margin="0">
<osmmap id="map" width="match_parent" height="match_parent" latitude="35.8029459" longitude="51.3933681"
showUserDot="true" onChange="update/map" margin="0">
<marker latitude="35.8029459" longitude="51.3933681" title="دفترخانه 147" src="images/marker.png"
onMarkerClick="script/map-js:markerClick('1')"/>
</osmmap>
<frame layout="linear_vertical" selfgravity="top" layoutgravity="top" margin_top="16">
<frame layout="linear_horizontal" onclick="page/recent-search"
weightsum="1" reverse="true" borderColor="#E0E0E0" height="56"
borderCornerRadius="28" borderStrokeWidth="0" background="white">
<img width="24" height="24" scaleType="fit_xy" margin_right="10" src="images/location.png"/>
<text text="جستجو..." textcolor="#ADADAD" background="transparent" onclick="page/recent-search"
textalignment="right" gravity="right" weight="1"/>
</frame>
</frame>
<frame layoutgravity="top_right" selfgravity="top_right" layout="linear_horizontal" borderCornerRadius="4"
background="#FFFFFF" height="30" width="wrap_content" margin_top="90" margin_right="12" reverse="true"
padding="6" padding_right="8" padding_left="8" onclick="page/saved">
<img src="images/tag.png" margin="0" />
<text text="دفاتر ذخیره شده من" textcolor="#0164BC" textsize="12" margin="0"/>
</frame>
<frame layoutgravity="bottom_right" layout="linear_vertical" borderCornerRadius="4"
background="#FFFFFF" padding="12" width="50" height="50">
<imagebutton src="images/navigation.png" margin="0"/>
</frame>
</frame>
<include layout="pages/map.js.appsan"/>
<include layout="pages/dialog/search-dialog.xml.appsan"/>
</page>
<script id="map-js">
function init(){
Appsan.runAction("dialog/search-dialog");
}
function markerClick(id){
// console.log("markerClick");
// console.log(id);
// Appsan.setVariable('officeId', '1');
// Appsan.runAction('dialog/map-detail');
}
</script>
صفحه ی دوم(جستجو)
نمای مینی اپ به صورت زیر است
کد
<page id="recent-search" scrollable="true" layout="linear_vertical">
<frame layout="linear_vertical" selfgravity="top" layoutgravity="top" margin_top="16">
<frame layout="linear_horizontal"
weightsum="1" reverse="true" borderColor="#E0E0E2" height="56"
borderCornerRadius="28" borderStrokeWidth=".5" background="white">
<img width="24" height="24" scaleType="fit_xy" margin_right="10" src="images/search.png"/>
<textinput hint="جستجو..." textcolor="#ADADAD" background="transparent" onChange="script/recent-js:onSearch()"
textalignment="right" gravity="right" weight="1" focusable="true"/>
</frame>
</frame>
<frame layout="linear_horizontal" borderCornerRadius="4"
background="#FFFFFF" height="match_parent" width="match_parent" margin_top="10" reverse="true">
<img src="images/navigation.png" width="30" height="30" scaleType="fit_center" margin_right="50"/>
<text text="استفاده از موقعیت مکانی فعلی" textalignment="right" textcolor="#424750" textsize="12" margin="0"/>
</frame>
<frame layout="linear_vertical" borderColor="#E0E0E2" borderStrokeWidth=".5" width="match_parent" height="2"
margin_right="16" margin_left="16">
</frame>
<frame layout="linear_horizontal" padding_right="16" id="recent-title">
<img src="images/trash.png" width="30" height="30" scaleType="fit_center" margin_left="8" gravity="left"/>
<text text="بازدیدهای اخیر" textalignment="right" textcolor="#81858B" textsize="12" margin="0"/>
</frame>
<!-- <frame layout="linear_horizontal" padding_right="16" id="search-title">-->
<!-- <text text="نتایج جستجو" textalignment="right" textcolor="#81858B" textsize="12" margin="0"/>-->
<!-- </frame>-->
<frame id="recent" layout="linear_vertical">
<frame layout="linear_vertical" padding_right="8" margin_bottom="16" onclick="">
<frame layout="linear_horizontal" width="match_parent" margin="0">
<text text="دفتر اسناد رسمی ۶۸" textalignment="right" textcolor="#424750" textsize="12" margin="0"
margin_right="8"/>
<img src="images/time.png" width="24" height="24" scaleType="fit_center" margin_right="25"/>
</frame>
<frame layout="linear_horizontal" margin="0">
<text textsize="12" textcolor="#81858B" width="wrap_content" textalignment="right">خیابان فردوسی،پلاک خیابان فردوسی،پلاک ۷خیابان فردوسی،پلاک ۷خیابان فردوسی،پلاک ۷۷</text>
</frame>
</frame>
<frame layout="linear_vertical" padding_right="8" margin_bottom="16" onclick="">
<frame layout="linear_horizontal" width="match_parent" margin="0">
<text text="دفتر اسناد رسمی ۶۸" textalignment="right" textcolor="#424750" textsize="12" margin="0"
margin_right="8"/>
<img src="images/time.png" width="24" height="24" scaleType="fit_center" margin_right="25"/>
</frame>
<frame layout="linear_horizontal" margin="0">
<text textsize="12" textcolor="#81858B" width="wrap_content" textalignment="right">خیابان فردوسی،پلاک خیابان فردوسی،پلاک ۷خیابان فردوسی،پلاک ۷خیابان فردوسی،پلاک ۷۷</text>
</frame>
</frame>
</frame>
<!-- visibility gone هست اما کار نمیکنه-->
<frame id="results" layout="linear_vertical" visibility="gone">
<frame layout="linear_vertical" padding_right="8" margin_bottom="16" onclick="">
<frame layout="linear_horizontal" width="match_parent" margin="0">
<text text="دفتر اسناد رسمی ۶۸" textalignment="right" textcolor="#424750" textsize="12" margin="0"
margin_right="8"/>
</frame>
<frame layout="linear_horizontal" margin="0">
<text textsize="12" textcolor="#81858B" width="wrap_content" textalignment="right">خیابان فردوسی،پلاک خیابان فردوسی،پلاک ۷خیابان فردوسی،پلاک ۷خیابان فردوسی،پلاک ۷۷</text>
</frame>
</frame>
<frame layout="linear_vertical" padding_right="8" margin_bottom="16" onclick="">
<frame layout="linear_horizontal" width="match_parent" margin="0">
<text text="دفتر اسناد رسمی ۶۸" textalignment="right" textcolor="#424750" textsize="12" margin="0"
margin_right="8"/>
</frame>
<frame layout="linear_horizontal" margin="0">
<text textsize="12" textcolor="#81858B" width="wrap_content" textalignment="right">خیابان فردوسی،پلاک خیابان فردوسی،پلاک ۷خیابان فردوسی،پلاک ۷خیابان فردوسی،پلاک ۷۷</text>
</frame>
</frame>
</frame>
<script id="recent-js">
function onSearch() {
Appsan.setProperty('recent', 'visibility', 'gone');
Appsan.setProperty('recent-title', 'visibility', 'gone');
Appsan.setProperty('results', 'visibility', 'visible');
Appsan.setProperty('search-title', 'visibility', 'visible');
}
</script>
</page>
صفحه ی سوم (مکان های مورد علاقه)
نمای مینی اپ به صورت زیر میباشد
کد
<page id="saved" layout="linear_vertical">
<frame id="item" layout="linear_vertical" margin_top="10" onclick="page/dafater-info">
<frame layout="linear_horizontal" id="alert-message" width="match_parent" reverse="true"
gravity="center" margin="0" margin_right="10"
weightsum="1" padding="0">
<text gravity="left" textalignment="right" text="دفترخانه رسمی شماره ۸ شهر تهران،دبیرخانه" weight="1"
width="match_parent"
padding_left="4" textsize="13"/>
</frame>
<frame layout="linear_horizontal" weightsum="6" reverse="true"
borderStrokeWidth="0" margin_top="0"
borderCornerRadius="14" background="#FFFFFF">
<frame layout="linear_vertical" padding="0" weight="1" margin="0">
<frame layout="linear_horizontal" id="alert-message" width="match_parent" reverse="true"
gravity="center"
weightsum="1" padding="0">
<img width="24" height="24" gravity="right" scaleType="fit_center"
src="images/location.png"/>
<text gravity="left" textalignment="right" text="تهران،خیابان فردوسی،پلاک ۷۸" weight="1"
width="match_parent"
padding_left="4" textsize="12" textcolor="#424750"/>
</frame>
<frame layout="linear_horizontal" id="alert-message" width="match_parent" reverse="true"
gravity="center"
weightsum="1" padding="0">
<img width="24" height="24" gravity="right" scaleType="fit_center"
src="images/circle.png"/>
<text gravity="left" textalignment="right" text="۱۷۴۲۴۲۶۲۴۸۳۲" weight="1" width="match_parent"
padding_left="4" textsize="12" textcolor="#424750"/>
</frame>
<frame layout="linear_horizontal" weightsum="3" reverse="true">
<frame layout="linear_horizontal" weight="1" reverse="true" width="wrap_content"
borderColor="#E0E0E2" borderStrokeWidth="0.5" borderCornerRadius="16"
padding_right="12" padding_left="0" padding_top="6" padding_bottom="6" onclick="call/09000000000">
<img width="18" height="18" margin_right="20" gravity="right"
scaleType="fit_center"
src="images/phone-icon.png"/>
<text textsize="11" textalignment="right" margin_left="0" textcolor="#424750" text="تماس"/>
</frame>
<frame layout="linear_horizontal" weight="1" reverse="true" width="wrap_content"
borderColor="#E0E0E2" borderStrokeWidth="0.5" borderCornerRadius="16"
padding_right="12" padding_left="0" padding_top="6" padding_bottom="6" onclick="navigate/35.8029459,35.8029459">
<img width="18" height="18" margin_right="22" gravity="right"
scaleType="fit_center"
src="images/direction.png"/>
<text textsize="11" textalignment="right" margin_left="0" textcolor="#424750"
text="مسیریابی"/>
</frame>
<frame layout="linear_horizontal" weight="3"></frame>
</frame>
</frame>
<frame weight="5" gravity="top">
<frame layout="frame" gravity="top" onclick="dialog/delete-confirm">
<!--
ok delete visibility gone beshe hamoon id k hazf shod mese button 4taie
id e image-->
<img width="40" height="40" scaleType="fit_center" src="images/tag-filled-circle.png"/>
</frame>
</frame>
</frame>
<frame layout="linear_vertical" borderColor="#E0E0E2" borderStrokeWidth=".5" width="match_parent" height="2">
</frame>
</frame>
<frame id="item-2" layout="linear_vertical" margin_top="10" >
<frame layout="linear_horizontal" id="alert-message" width="match_parent" reverse="true"
gravity="center" margin="0" margin_right="10"
weightsum="1" padding="0">
<text gravity="left" textalignment="right" text="دفترخانه رسمی شماره ۸ شهر تهران،دبیرخانه" weight="1"
width="match_parent"
padding_left="4" textsize="13"/>
</frame>
<frame layout="linear_horizontal" weightsum="6" reverse="true"
borderStrokeWidth="0" margin_top="0"
borderCornerRadius="14" background="#FFFFFF">
<frame layout="linear_vertical" padding="0" weight="1" margin="0">
<frame layout="linear_horizontal" id="alert-message" width="match_parent" reverse="true"
gravity="center"
weightsum="1" padding="0">
<img width="24" height="24" gravity="right" scaleType="fit_center"
src="images/location.png"/>
<text gravity="left" textalignment="right" text="تهران،خیابان فردوسی،پلاک ۷۸" weight="1"
width="match_parent"
padding_left="4" textsize="12" textcolor="#424750"/>
</frame>
<frame layout="linear_horizontal" id="alert-message" width="match_parent" reverse="true"
gravity="center"
weightsum="1" padding="0">
<img width="24" height="24" gravity="right" scaleType="fit_center"
src="images/circle.png"/>
<text gravity="left" textalignment="right" text="۱۷۴۲۴۲۶۲۴۸۳۲" weight="1" width="match_parent"
padding_left="4" textsize="12" textcolor="#424750"/>
</frame>
<frame layout="linear_horizontal" weightsum="3" reverse="true">
<frame layout="linear_horizontal" weight="1" reverse="true" width="wrap_content"
borderColor="#E0E0E2" borderStrokeWidth="0.5" borderCornerRadius="16"
padding_right="12" padding_left="0" padding_top="6" padding_bottom="6" onclick="call/09000000000">
<img width="18" height="18" margin_right="20" gravity="right"
scaleType="fit_center"
src="images/phone-icon.png"/>
<text textsize="11" textalignment="right" margin_left="0" textcolor="#424750" text="تماس"/>
</frame>
<frame layout="linear_horizontal" weight="1" reverse="true" width="wrap_content"
borderColor="#E0E0E2" borderStrokeWidth="0.5" borderCornerRadius="16"
padding_right="12" padding_left="0" padding_top="6" padding_bottom="6" onclick="navigate/35.8029459,35.8029459">
<img width="18" height="18" margin_right="22" gravity="right"
scaleType="fit_center"
src="images/direction.png"/>
<text textsize="11" textalignment="right" margin_left="0" textcolor="#424750"
text="مسیریابی"/>
</frame>
<frame layout="linear_horizontal" weight="3"></frame>
</frame>
</frame>
<frame weight="5" gravity="top">
<frame layout="frame" gravity="top" onclick="dialog/delete-confirm">
<img width="40" height="40" scaleType="fit_center" src="images/tag-filled-circle.png"/>
</frame>
</frame>
</frame>
<frame layout="linear_vertical" borderColor="#E0E0E2" borderStrokeWidth=".5" width="match_parent" height="2">
</frame>
</frame>
<script id="search-dialog-js">
function raiseDialog() {
Appsan.setProperty('province-frame', 'visibility', 'visible');
Appsan.setProperty('city-frame', 'visibility', 'visible');
Appsan.setProperty('button-frame', 'visibility', 'visible');
}
</script>
</page>
<include layout="pages/dialog/ostan.xml.appsan"/>
<include layout="pages/dialog/city.xml.appsan"/>
<include layout="pages/dialog/delete-confirm.xml.appsan"/>
<include layout="pages/dafater-info.xml.appsan"/>
دیالوگ صفحه سوم(حذف مکان)
نمای مینی اپ به صورت زیر است
کد
<dialog id="delete-confirm" borderCornerRadius="10" padding="8">
<frame layout="linear_vertical">
<text renderas="html" textcolor="#45464F" text="حذف از لیست دفاتر ذخیره شده من" textsize="14" textstyle="bold"
textalignment="right" gravity="right"></text>
</frame>
<frame layout="linear_vertical">
<text renderas="html" textcolor="#45464F" text="با حذف این آدرس از لیست دفاتر ذخیره شده من حذف می‌شود. آیا مطمئن هستید؟" textsize="14"
textalignment="right" gravity="right"></text>
</frame>
<frame reverse="true">
<button width="wrap_content" padding="6" margin_left="8" margin_right="8" text="انصراف" textsize="14"
textcolor="#0164BC" borderColor="#0164BC" borderStrokeWidth="0.5" height="wrap_content" onclick="app/closeDialog"
background="#FFFFFF" borderCornerRadius="16" id="enseraf"/>
<button width="wrap_content" padding="6" margin_left="8" margin_right="8" text="تایید حذف" textsize="14"
textcolor="#FFFFFF" height="wrap_content" onclick="script/confirm2:openDialog();script/confirm:closeDialog()"
background="#0164BC" borderCornerRadius="16" id="taeed"/>
</frame>
<script id="confirm2">
function openDialog() {
Appsan.runAction('dialog/delete-ok');
}
</script>
<script id="confirm">
function closeDialog() {
Appsan.runAction('app/closeDialog');
}
</script>
</dialog>
دیالوگ بعدی پس از حذف مکان
کد
<dialog id="delete-ok" borderCornerRadius="5">
<frame layout="linear_vertical" width="75" height="65" gravity="center" onclick="app/closeDialog">
<image src="images/Ok.png" width="match_parent" selfgravity="center"/>
</frame>
<frame layout="linear_vertical" onclick="app/closeDialog">
<text renderas="html" textcolor="#424750" text="دفترخانه از لیست دفاتر ذخیره‌شده من حذف شد." textsize="12"
textalignment="center" gravity="center"></text>
</frame>
<frame></frame>
</dialog>