From ce9d1714e26c1705f1e80fb9cb95e28367dfac30 Mon Sep 17 00:00:00 2001 From: Darel Date: Thu, 29 Mar 2018 10:06:07 +0800 Subject: [PATCH] update meter tracker --- .vs/IZYIM-mobile-client/v15/.suo | Bin 56832 -> 64000 bytes .vs/VSWorkspaceState.json | 2 +- .vs/slnx.sqlite | Bin 94208 -> 94208 bytes css/global.style.css | 137 ++++++++++++++++++------------- meter-progress-trackers.html | 100 ++++++++++++++-------- 5 files changed, 148 insertions(+), 91 deletions(-) diff --git a/.vs/IZYIM-mobile-client/v15/.suo b/.vs/IZYIM-mobile-client/v15/.suo index 45debc6afe37accd9c60f445b719084226de2016..3d89bded1f4fe5e5bb0232eda8610795d1667eba 100644 GIT binary patch delta 3837 zcmd6q4Nz3q702IwyDSSV%Px?GAmW0!*#PeBQiy1&?u4yPOhy*+A;ld84TNvj6)6xu z7NTj&XoWqR55SM?m{w^UWgkN`*2&PZwoa0X1gfG2W768BCT&e?XiO96|1K+`j>$lp z>GaP0=H7SS*?Z6XpZm^z>pm`XUzfF;=L$EQMi6uu%fR@=!~{1pN=%FDEmnzYbFi`h ziQf*hOjrkO)U0S0BbhWNhBBrkCXd+~7WkPKeKNQcgn(!;A7I7_J^C2100e_LPzYi{ zBv1eYmxUC*gKNDiYXME*+PVhs4{hGIAT2NDtJ2%gAlhW#sAPw%f@l$2~5i z1#lT30bEAz4;gh_$0-@Pk+*mRK1Z7oaN`!Pdd}o?Cf}m!9k*4L@`C0>f2n?{fvIPp zpN%m=5P=NHK@d=YV4wscAQXfF6$l4v5CM4D9I}TU?JZU@kE&krIM)8joz$#q7PXAV zR9i$1qlWM;igUPOP)nai1&cZO?f-O5twQu<*p&QDO9YhLw1C!U3@Z`)1W(+jS z4{EqFdtiPB_*HU*Ufw#0i#Nd#7zV!wXTVv&okq}~2N%Fa@D>;am%!WLGI$5P3;qE9 z2(ExXf%m}s;LqSH_yBwe{sR6A{w4_D6|Q0M5%@d!2e=MC24mo#;1h5IdoRLTZ9q)**7MKDi#h33kYjjQ^aeyTookMv&5%RgL3P3c+TMijc(4na7D0%ew7Nxzp- z`jZZ_x2S3Gd6m>q-Nwl3aM0jM6_sa=M&|tj&xnP0y@L9tMaZXV)#AhduW88n2GSsn zCyJuSlq4ltFUcrzc$voaOIM-BnNu;=e)T|_L#QErTC}t-c`x%W7s;KOL`ji}bYhVu zs2wR7B#Yqza!XdS8m!a$Y>yFBuDHa!OGWQWIqMQF58lhS!-f^|{ zTvm_R>)QWxM4fM(FGYiuW^$X`%@<#|-}fKUtE_~ zJMQ;XT7wHt^YSSWb1x>V*=Ssg)1Vp)ZV=W9E}=qjVqud|DSW4;O}km|I-tL?WW?~n zs9kD*!^tRepMxBBl_t~|eC&aj&p1EMu6b3y@uBbWusVv>l$&di298;o=RPHg?yT9b z;LR7k4!QSXxvwyX(FxH)^^0;tgrx}C%EQKP=SRj=DZn@`S`ebpD}_GNJ4@%6xLhT* zkC)bz*4A%W_*iLmMMJ5pY0Y%2g^rdlWc}QG!F2nVc$@tGG|$;1WmGOkRJAY24>Q}6 zo2i~GSNv4t;X!lZEAvhR$9nwlR=;Bfqh4n$)l_Yk_S9C%XnoZ#I#Ta9(4Jbnwx|NY z-zu!LdOUfEV4KwsQj9Z^qP)JQ`XRDZq~1L%?-?a!{rdZumJ-D%(KgH6q@~Ox8jFcX z{|Jvhb(a1!+$MMez7waK4kPRfn(LhJZ4@P|vx!A5pSmjuxfsXeJe#|zk?A!2`^n!@ z2I4X18_KqaZ&F&e?$@+*!(Fx?v7en#h;ax)B^!kB+N z*$$I_QyFcowbAeDW2H8iT}J77cIw_;CJk;gGkUkLQ-;bziQ9LQ(|wkSq%EnVqgjzs zYta@))h{NKX}cS@Ql<_EQ|nNW@1^C8A5*^Fb{g1`OrOPt@;UwEl{-G60q2eXc;r09 zqUVxqx=sg%@5Q~HnFo+hOoOk(7GG6A{nlwSJT`?AUG+wHOVAo;HjDW1dMgvlpU7Io`^ z$^}c@znVs}Bk9%7P|1Dj4J8eA84*VuwZG`}9uj?n_>$K2UL&*HK*}E*rImd?#JV$< zZ*Kg>)Y9nCkLciqHdJwS5P#v@sCVZoOqm`$`RB2RI=c5#QL0MXcD9UB#z_|qcBSAO zO3gwk; HFn;lGB^|qc delta 2353 zcmchXdrZ?;6vuz}_9rb+p*$=P0c(NUF~GuvAu{Z=F{n%mLv)A?QNiJSfW`nrDX4S7 ziO?g88)WQWD@HCYm_@T-D$1azPM`bWIG34_yB@IydK5G5t!XTNBQA--s z)A?{NCWYP<*aPZEh#ZI**2sqiU_u-cg7_f5NGRfuOhq(E5HbS^M-)gg5{*njc#TQe zs}VF^xGHzA^Yn?>M<5dsr6(3R-ut+;Xr%Eq8+aLSOYx)ydwL#EN4o@h6`6&=MKO`& z@S(m7(B&z4+?y1JUV$f4=;;?jzVGDF<>*aDN|Cn_J|$Qtgeoe~sYIY_LO6Ncp1;sa z-wiN+mb&*J0@l05^NAsiTrxf(Z(iv{PmD_!g~T8lxTI6{-AGtVP99j6*F39uEa2-V&?JVkm8NbY z>8W*rmTAL>iIgB(jaoPq8U@)icEUND!bWE(iG1lbepLl%FPsU+LOp2P!>w<&8AGBv zWsB{ZM~{+elNWZ4Xm}3)+PqyOf?&eqFz&frn}pTEYfUXdTQxO3nunR+>wX_HgR!F& zY(q*&-Z{^j{*FpNhsdr-9m>Dqu|savcseGajzO^R1= zs;LO%)x|@#dQg#u4nIfZfv^H!!e>tPM(&4AXPT&3!uJH5qw`>HPKy5k{(A<&2GuRg z!FgQ?Ychv|$BqlaT|CZd-{4KaE70qNC9{r5F;q&WQZAK@BLAI7txFYPEzEdPl1K}v zHO{2q((}7DzO%Rjm>c_=H9kk=cWpctzeMEEsN319mlMh!z9AQ-Vk(u1R_$D0_lwA{ zD$iim9ps_|JWl&gg`Wz&k{FJTQ&_yACeGSOBhqKETvkaQ*bn==NE7z{B z*#ybWNo@4^%x71reNqKhZRmiE=2%fKn0nkRT-Oi^>rd#x&~QU-b02lSOr4`2ZTG$p zW7=YSt%X3(OB%Ra8N|nvC>XAcLa_pYBo%>b*F9$Lv&ookkDm;T4dWPHVWLgTP zzb3NQZ-WUl@3RqT8#6O=XO;NhC<^B8dg%E{3y!YMaJf4h2KF>Sa=#9)UQ#_J;ub<) zX5^5IfVm|Th7Sg_+{3{HN(WD{KHD5(zh%TPe9B?HWB@~dGcz{-NVw|WJ%hRLD`xLs zM8NSw4&)41LBZ}&(42~dlFkZn?l3`#SqWvkEZ`hWa9=Tu_u7XkG`}AXhWrAa$DBJ1 z1U7c(;($oD@q$4H=6zMY_7Mv7b}g&5e?WTew<)CFsbW=M?k7+_R17g~Yrr;^~oq23h$f9Xk`}s@PUKRj(c{=7O!reG;8=&<{1v4K!Ey6&; whtPIM2|cZm|HnH=5*cy&i*9M9TMDpzr-z;{4a>P(>JQ~V&*N`31mElV8wNH;)&Kwi diff --git a/.vs/VSWorkspaceState.json b/.vs/VSWorkspaceState.json index 98b5e45..0a038dd 100644 --- a/.vs/VSWorkspaceState.json +++ b/.vs/VSWorkspaceState.json @@ -2,6 +2,6 @@ "ExpandedNodes": [ "" ], - "SelectedNode": "\\home.html", + "SelectedNode": "\\arrangements-delivery_arrangements1.html", "PreviewInSolutionExplorer": false } \ No newline at end of file diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite index 1fc71b9e0cc4e05c0cc5a0094c329f78894b9282..cd9caa5ee4d61bf4bc01ef8b3c327fa5e1dfa19b 100644 GIT binary patch delta 3549 zcmZ`)dvH|M89#ULz31L@AA4^SaCfswmSu&I01HbVJS0HKi@ZaGb^=vd!zS6hHf|Cg zwjrPuu^1s9m>>`+BB-_1fn~Dk6cE~?woVJ^I9P2For(|85$(%SvFGmDy9wj)*ZIER z_kF+bJKuL6o3HSjukbsa%%;J#B4*REHHCJRw?*W6P_*S9{P<#L;&bxDFf6Z@m%_JXAYGD9NKZ*&sY1#?U!%9tX|x43ARiLN%i?LgYKg}+!XMx} zm2deR?tk1Vu8%9=81_}=FuRqlVv{u~vVX}77JfTF>)J1HRZ*T0ljhaqnxbsHs0b-B zogV~(A0T|DC{Kz33u++tI#rxciRV}1my4(C zIk$w&uP{KorUbV`Q=is5t<^aG*QTg9l48Trt?LLEt8^f1SU_ANF>2HYc+G zwIru7=99!gkOD;LUDs_IQwkxN$ROzL?hP$5!Q>^xj}hTIU*2L9!?mRu*)bM94T2=X z(wZPiN~XMx-3bT}l}@USx!VdLNGBPBoofRdysh0XlX0R80w>|=ZVU&zdJ>WLg%G%i zf9nIif$&BWkY)y8Smug%BfBguE>)Igm>nv!O{E#<(u_srC8b6qQcVI+J_LD$8uvdn zQ8YpPTA3%#@I~3=xMW*qN{g1c)fj7`4}u4bVC&wTVl!BtkP3l=Y$DjBP4*)Y((GKF}TN2zWz1O?ESE+AIhbV^_J&x<1s@G$(=M8_VvDSCCrnp~qwD44hV; zitjBK;+EEOPj0ND6gvbqlDmmyNu;)C(e}}HlZhmoN%7h8G&(^~Chda}IMW}muOry$ zy~SOq$fP@;It79Pa3gp$JI>Jo3qT5}^))8qBDKW@Lv1no|G{^`EQ-#(jz z^0XLJ7;nJ8sWi{i#e{UeY8t)H1snuzczMwjyyKvNFFXMyGgUr|FO*Ev=G;Q2;`!B? zbYjz!@WrZh>#cVDZPh#!+qU&bUd`>+utFap^)zStLR*-dz>U7wVmw99mC4#DA}u zh8Nbx>p5P>Omb=qfLG~dtOe>*+Ml&i>q+actXH(7+Ai&(NLtqhC2Kpp>yTZ~gMdK{ ztY?j4;jW`~dM-tl8_1Je3rqLmQ$L%%aMyN0{QQtkE`i}*Mcv>1F{^tiQc02bnM{2q zMJg!rnsyau_05Kapbc!m_w|)JNTTW&&n3BuAH%?Dtl>C#J-cH&KHay`P8>JX{!=IK zo{`BySqjcI;o42B`*lcRfx?Gh|5_(4Hyj~F_A>MJc@$Y`APpBkoE6mtiip%FavA94 z={2H~Vu;|VUawmzqEp1O<%m9mBIPvdeDh~|zd|9EKu?a^uGd$QX)ZH}6oTO0FFx3@ z$3$d`WLK^;5s4rJEsOtqq*5nCHKGtfp2%Kxy7NBz4VN1y$d6#koRiiZ2f>w#g)lXijbHkzPV_=nvz|16~{|hOkEb4)Fe%`cg5(*B|we18@9`av5^sVa+nM=JwG2{&sJ7 z&&KwE@q8X$wVlB&kKc(VOpfUuQDbpvxxV87;LkDJaaUqkA56w)1~TxQ!@G#VJFb&{vvE8k?KCx>%jMd@m?@tN#kH+EzIb5h z_%HLP<~XlIma!~%UZcyWboqoXAJgR{x?H8phdB63T+2Sac^amSwibD9F); zjr{GE=?%#n87t5(k%zKHtI=|`3Dz%%?30);qoSJ;ROV___cAx!M$>}qS71o2V@A{1 zulQbmC7;J@+%@hz_dGYi1-WW2lON{i4*8Zcj_AMZn413wL;;%|jG*#ko7uk2S<1 zQlpnvGTD-#vf!}Lhla#8Or;!Ajtb8S1Hv1sK6LLIre0D0rM;}?3FnYcbq<|e!>mga z_Mk_^Ibwz=3I9RsP!RnD)e8SWiwK7!;?|F|BLSw*(yy^@OK;a&e@|dVU_+0SlUSQ2 zHV)^*x2S|#ymeYJQMwQ zeuCJEmX_e!fc=sob+<&nZDy7*7N;e;D9E(4%Gj)(*Kq4-Wg%%50BWqF)NcS7W4=B< ZBWox{cL)68#uoeA<1HY%w1YWq`9Jrn5r6;y delta 3657 zcmZ`)dr(x@89!(5-gED{&*izh>;mFK3>ZKHC}2?D2+KoI+b$*|ft6i(Ea4SHL^O?w zHd%rm$@)U`)J__c!41K7qA^KplXj+o*o8j=hCqBGx5Cms%WR*5TJ;ANz(m4kI3%`et;*GcfN3m1vAK9a%F3%EsjNV1J z3)6JE_Nw-zwqKh|U87Em+0;{11r@59^d8LnjfS>OtXlUvsVK~3{G+T|QdO8lmK9>o zHj!*7$Xba&1A&zbq_h-AcUvp_>7LRn2S)!xV9^r6KSD;pv;jA zk7ZlQyG09i>2ox)%Y7hOUyK8e?Zq*H(V>~qd&Lo)Ut+Nafrm&<;es`{=Me%C2m>ri z>Fo-p#*09VfEcB8^|StSItjD;1Qp*v_E~;`P2$iz~%gk1ho(gQV_@`>&o=x zh5hs_Gp#Hb#x^tBR%XfYi-#Ey&?{%L!PS1-NhGQ#p`M&_xS=ySe^wUU|Bq$!0tv*F zF9?jv%Pnfo3GoOl1xn6u9?+KrosAX*EDG4=Y;N!AnDfWQ%|{^Jx8!hkbU53alUie*wfYRYO8Ou zH?}r(Hgr2(?e(4ZUZ?%h`{zgi08;NxCtIr`s_zL`s(M$oxfeenOg-{Dqt1y&KCZY| zz4{AvWU?ZfL{|iF`E*4V_HQ7m1_6>=*+_<}Xw4FVT&PSW6O}>Q`N|BHrX;?cd|Z_* z&D{_Ab5)MdlUS?s0{_KOb$XyzAYZSTs7eT%n|v;fK#S5t63E~oQ4CflS38R`WMU8z zcNI%7rqq6uK=RyZ<~KjS63#P8uYnYy2THl(KKW1b3HgY;M}9)?kSpXIueoEBkZ7B@ z7?!QeL;zxlYAGd50K$EYMOg>sp?{dvZx?t_b+wI zMe_+*6=Z1da_^QTU9yUls~lYNBuVUFgvj#`zYX1_zQ4pshL8O)9TF0!@E}C@Qocxi zX7`dta;pC^gWH*LHS&N?>6t!VjbG*12kARW^_H~*(ghIjgCiB#?Z|7r^>^juLw!hu ziqv*r*JY`$Yka!4$$zJg%j;B5n1T#~Y15FTlT}WL&&!F&2G8px711fk(DM)cRZ7;~ zry^wvqHLDxJ+2!NR7g~y-6!;yYAbZSiU=yHuWhf6QxRT8lB~VK6gdTPJC^_Os#V9T z9IPONNp+{%ztk}*!uk>0SLM5P%Kzcp7^5J&KR4TKXZcp z9hbow@lEA%{s_OrK7n5sonk3_TsX$> z`kHi5+`>#T&oQT^EHs7QldyP}u`o8a24BV#*o%j8A8ujiW1F~E%wksv`}k_^EH}n^ zxJ}$IxB@m;7{G~q77w^@`FjNy`!)Lxmf2hEVG)jcw+@|TNb%lU1EUQC{#wa^^;L<{ zh5&!Hj_y4GNzMK@lXx@WwMGEdS1C%;#sWB7MZpUM7$~0CbYL|kyABo&NX=mTUC!~2 zVkP`EDNwCwZ7#SADNru6cIn+#k^hYdBWp*@zG9KOk)IRS!TIFu$R1zKGJVBi0yQHy z4rNj~+DCUEUg)paD~BJ{W@uXgnR?2iv~TJ5iQ2XCNb2zy7T=Q|bqi5YQxkPlH8)f< zt(xnqxu%*QRdba%&sY--U-@Q6!&vV75bejcv&@4IJ99J54#ecFw-_Vn>K3yM-OYyX-Bog z+DEi&w5dv+0lmbNRsfCT->rlF}3N2{Qtq02Zn;90pE z>gnG{TE@0`l2*ew`gEvqtY1aPBjd(4dsj&)^1VV2#=>_eGDk%*-B7j2_*n&OC!DkTC-g1+Xb(bQ1?~Ak~K-#x>wq zabuf2SCp`5Uug8G&F>O5er^p+;uxj4FEeiBVb?<|{|{y_^NC0?zh>N?b?afRAZ7~R z%J1Sd(IiTqchrzvsubap#db=y0lZq6>PAYKOD4$-gq~WA=13HFVoo+c$L^ zF3&Q5^f61Eon762=GE~_&2S~u7`_}|=7g=3u*%-(YFAaRk&P#;`2fs1Ul%Bo#?{`~ i>TGN=T)KVom2XnG%HGh~=rDYC+e&2pctIOHrTIU(3beWa diff --git a/css/global.style.css b/css/global.style.css index f97dbcf..c857378 100644 --- a/css/global.style.css +++ b/css/global.style.css @@ -793,8 +793,8 @@ section.container{ .meter-container{ position: relative; - width: 90%; - margin-left: 5%; + width: 100%; + padding: 10px; } /*end of part 8----------------------------------------------------*/ @@ -2827,90 +2827,115 @@ input[type=text]:disabled { height: 100px; } .meter-tracker-bar { - width: 80%; - margin-left: 13.5%; - height: 10px; + width: 96%; + height: 4px; background-color: #a9a9a9; display: inline-block; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); position: relative; - float: left; } -.meter-tracker-bar .update-btn-first-back{ +.meter-tracker-bar .update-txt-first{ position: absolute; - display: block; - width: 80px; + width: 25%; height: 32px; - -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); - -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); - box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); - background-color: #069; - right: 89%; - bottom: -400%; + bottom: -100%; text-align: center; - line-height: 32px; + line-height: 10px; + right: 75%; +} +.meter-tracker-bar .update-txt-second{ + position: absolute; + width: 25%; + height: 32px; + bottom: -100%; + text-align: center; + line-height: 10px; + right: 50%; +} +.meter-tracker-bar .update-txt-third{ + position: absolute; + width: 25%; + height: 32px; + bottom: -100%; + text-align: center; + line-height: 10px; + right: 25%; +} +.meter-tracker-bar .update-txt-fourth{ + position: absolute; + width: 25%; + height: 32px; + bottom: -100%; + text-align: center; + line-height: 10px; + right: 0%; +} +.meter-tracker-bar .update-txt-fixwall{ + position: absolute; + width: 5%; + height: 32px; + bottom: -100%; + text-align: center; + line-height: 10px; + right: -5%; } .meter-tracker-bar .update-btn-first{ position: absolute; - display: block; - width: 32px; - height: 32px; - border-radius: 50%; - -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); - -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); - box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); + width: 15px; + height: 15px; + bottom: 0%; background-color: #069; - right: 99%; - bottom: -100%; + border-radius: 100%; text-align: center; - line-height: 32px; + line-height: 10px; + z-index: 1; } .meter-tracker-bar .update-btn-second{ position: absolute; - display: block; - width: 32px; - height: 32px; - border-radius: 50%; - -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); - -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); - box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); + width: 15px; + height: 15px; + bottom: 0%; background-color: #069; - right: 67%; - bottom: -100%; + border-radius: 100%; text-align: center; - line-height: 32px; + line-height: 10px; + z-index: 1; } .meter-tracker-bar .update-btn-third{ position: absolute; - display: block; - width: 32px; - height: 32px; - border-radius: 50%; - -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); - -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); - box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); + width: 15px; + height: 15px; + bottom: 0%; background-color: #069; - right: 33%; - bottom: -100%; + border-radius: 100%; text-align: center; - line-height: 32px; + line-height: 10px; + z-index: 1; } .meter-tracker-bar .update-btn-fourth{ position: absolute; - display: block; - width: 32px; - height: 32px; - border-radius: 50%; - -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); - -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); - box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); + width: 15px; + height: 15px; + bottom: 0%; background-color: #069; - right: -1%; - bottom: -100%; + border-radius: 100%; text-align: center; - line-height: 32px; + line-height: 10px; + z-index: 1; +} +.meter-tracker-bar .update-btn-completed{ + position: absolute; + width: 15px; + height: 15px; + bottom: -100%; + background-color: #069; + border-radius: 100%; + text-align: center; + line-height: 10px; + right: 0%; + z-index: 1; } /*end of part 31----------------------------------------------------*/ diff --git a/meter-progress-trackers.html b/meter-progress-trackers.html index 5f71cad..d3fe79d 100644 --- a/meter-progress-trackers.html +++ b/meter-progress-trackers.html @@ -72,30 +72,49 @@
-
-
-
- - - - - -
-
- -
+
+
+ +
+ + + + + + + + +
+
+ +
+
Order Date @@ -144,28 +163,41 @@ - +