تعیین نام هوشمند



صفحه ی اول



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

کدها

<page title="تعیین نام هوشمند" height="match_parent" padding="16"

 width="match_parent" layout="linear_vertical" scrollable="true">

 <include layout="pages/baresi-nam/barresi.js.appsan" />

 <frame layout="linear_vertical" gravity="center_vertical" padding="0" margin="0"

 height="wrap_content" width="match_parent">

 <frame layout="linear_horizontal" weightsum="1" background="#D5E3FF" id="header_message"

 visibility="gone" margin="0" padding="0"

 padding_top="8" padding_bottom="8"

 reverse="true" layoutgravity="top"

 borderCornerRadius="4" >

 <img id="header_img" src="images/warning.png" width="24" height="24"

 scaleType="fit_center" margin_top="10" margin_right="16" margin_bottom="10" />

 <text id="header_text" weight="1" textsize="14" textcolor="#0164BC" textstyle="normal" gravity="top"

 height="match_parent"

 text="" />

 </frame>

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

 <text id="title" text="تعیین نام شرکت" textalignment="right"

 gravity="center" textsize="16" textcolor="#424750" textstyle="bold"/>

 <img src="images/logo.png" margin_top="16"

 width="91" height="91" scaleType="fit_center"/>

 </frame>

 <frame layout="linear_vertical" margin="0" padding="0" margin_top="24">

 <material-textinput id="namewrapper" expandHint="true" rtl="true" borderColor="#E0E0E2"

 endiconmode="custom"

 hint="نام شرکت" borderCornerRadius="4" textcolor="#43474E" defaulthintcolor="#81858B"

 hideArrow="true" margin="0">

 <textinput id="company_name" hintsize="11" hintcolor="#424750" textsize="11" textcolor="#43474E"

 padding_top="16" padding_bottom="16" padding_right="12" borderCornerRadius="4"

 hintcolor="#81858B"

 padding_left="12" onfocus="script/checkNameAction:changeHint()"

 onfocuslost="script/checkNameAction:changeHint()"

 onChange="script/checkNameAction:check_empty_field()"/>

 </material-textinput>

 <text margin_right="10" text="راهنمای قوانین تعیین نام شرکت" margin_top="12"

 onclick=""

 textcolor="#0164BC" textsize="12" margin_bottom="8" />

 </frame>

 <frame layout="linear_horizontal" weightsum="2" margin="0" padding="0" margin_top="24" id="btn_frame">

 <frame background="#92C0E2" weight="1" margin="0" padding="0" id="btn_id"

 onclick="script/checkNameAction:check_name()"

 borderCornerRadius="8" padding_top="4" padding_bottom="4">

 <text textsize="14" text="بررسی" textcolor="#FFFFFF" textalignment="center"/>

 </frame>

 <frame background="#0164BC" weight="1" visibility="invisible"

 margin="0" padding="0" focusable="false" clickable="false">

 <text textsize="" text="بررسی" textcolor="#0164BC" />

 </frame>

 </frame>

 <frame id="result" layout="linear_vertical">

 </frame>

 <progressbar id="progress-bar" color="#0164BC" layout="circular" margin_top="52" visibility="gone" />

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

 </frame>

</page>

<script id="checkNameAction">

 let hintFocused = true;

 let resultMode = false;

 function resetEveryThing() {

 Appsan.setProperty('header_message', 'visibility', 'gone');

 Appsan.setProperty('namewrapper', 'showendicon', 'false');

 Appsan.setProperty('title', 'visibility', 'visible');

 Appsan.setProperty('btn_frame', 'visibility', 'visible');

 Appsan.setProperty('result', 'visibility', 'gone');

 }

 function changeResultMode() {

 if (resultMode) {

 resetEveryThing();

 resultMode = false;

 }

 }

 function changeHint() {

 if (hintFocused)

 Appsan.setProperty('namewrapper', 'hint', 'درج نام شرکت');

 else

 Appsan.setProperty('namewrapper', 'hint', 'نام شرکت');

 hintFocused = !hintFocused;

 }

 function show_header_message(id='header_message', status='error') {

 let property = {

 success: {

 text: 'نام شرکت مورد تایید است',

 textcolor: '#0164BC',

 img: 'images/warning.png',

 background: '#D5E3FF',

 imageicon: 'images/tickicon.png',

 endicontint: "#41A447"

 },

 error: {

 text: 'نام شرکت باید اصلاح شود',

 textcolor: '#FF6666',

 img: 'images/erroricon.png',

 background: '#FFE5E5',

 imageicon: 'images/crossicon.png',

 endicontint: "#FF6666"

 }

 }

 Appsan.setProperty('header_text', 'text',property[status]['text']);

 Appsan.setProperty('header_img', 'src',property[status]['img']);

 Appsan.setProperty('header_message', 'background',property[status]['background']);

 Appsan.setProperty('header_text', 'textcolor',property[status]['textcolor']);

 Appsan.setProperty('namewrapper', 'endicon', property[status]['imageicon']);

 Appsan.setProperty('namewrapper', 'endicontint', property[status]['endicontint']);

 Appsan.setProperty('namewrapper', 'showendicon', 'true');

 Appsan.setProperty('header_message', 'visibility', 'visible');

 }

 function check_empty_field(id='company_name', btn='btn_id') {

 changeResultMode();

 if (Appsan.findElementById(id).value.length >= 1) {

 Appsan.setProperty(btn, 'background', '#0164BC');

 Appsan.setProperty(btn, 'clickable', 'true');

 Appsan.setProperty(btn, 'focusable', 'true');

 return true;

 } else {

 Appsan.setProperty(btn, 'background', '#92C0E2');

 Appsan.setProperty(btn, 'clickable', 'false');

 Appsan.setProperty(btn, 'focusable', 'false');

 return false;

 }

 }

 function check_name(){

 if (!check_empty_field())

 return;

 Appsan.setProperty('title', 'visibility', 'gone');

 Appsan.setProperty('btn_frame', 'visibility', 'gone');

 Appsan.setProperty('result', 'visibility', 'gone');

 Appsan.setProperty('header_message', 'visibility', 'gone');

 Appsan.setProperty('progress-bar', 'visibility', 'visible');

 name = Appsan.findElementById('company_name').value;

 HTTPClient.get(`http://5.253.24.175:8001/api/v1/company/check/${name}`, {

 headers: {

 'Content-Type': 'application/json; charset=utf-8',

 "Authorization":"Bearer eyJhbGciOiJIUzUxMiJ9.eyJtaW5pQXBwTmFtZSI6ImFwcDphZG1pbjp0YWVpbi1uYW0taG9vc2htYW5kIiwidXNlcm5hbWUiOiIxMTExMTExMTExIiwic3ViIjoibWluaUFwcCIsImlhdCI6MTY5OTA0Mjk2NSwiZXhwIjoxNjk5OTA2OTY1fQ.Xej8W2H8KMnANzgBVYia4YbKqVV7QzrYwz7oKongEnDsTsruL3D7-VwSdOZWKx4TDzzkYf0rBroRHWZX8bdpbA",

 }

 }).subscribe(response => {

 Appsan.setProperty('progress-bar', 'visibility', 'gone');

 if (response['result'] === 'accept') {

 show_header_message('header_message', 'success');

 resultMode = true;

 } else if (response['result'] === 'reject' || response['result'] === 'warning'){

 let reasons_template = ``;

 for (let reason of response['reasons']){

 reasons_template +=

 `

 <frame layout="linear_horizontal" reverse="true" weightsum="1" margin="0" padding="0"

 layoutgravity="center_horizantal" gravity="center" >

 <text renderas="markdown" weight="1" textcolor="#FF6666" textsize="10" margin="0" padding="0"

 text="* ${reason['desc']}" textalignment="center_vertical" />

 </frame>

 `;

 }

 let errorMessage = (response['result'] === 'reject') ?

 'نام انتخابی به دلایل ذیل قابل قبول نیست:' :

 'نام انتخابی به دلایل ذیل ممکن است رد شود:'

 let reject =

 `<frame id="title" layout="linear_vertical" margin="0" padding="0" reverse="true">

 <text textcolor="#000000" textsize="12" text="${errorMessage}" margin="0"

 padding="0" margin_bottom="12" margin_top="4" />

 </frame>` + reasons_template

 Appsan.setProperty('result', 'innerElements', reject);

 Appsan.setProperty('result', 'visibility', 'visible');

 show_header_message('header_message', 'error');

 resultMode = true;

 } else {

 Appsan.setProperty('progress-bar', 'visibility', 'gone');

 // Appsan.runAction('snackbar/errorSnakeBar');

 resultMode = true;

 }

 }, err => {

 Appsan.setProperty('progress-bar', 'visibility', 'gone');

 // Appsan.runAction('snackbar/errorSnakeBar');

 resultMode = true;

 });

 }

</script>