From 64c16c6c3f1129e31dff86f0b8b046d5e33ff5c9 Mon Sep 17 00:00:00 2001
From: zhuyj17 <firmlyzhu@163.com>
Date: Wed, 10 Aug 2016 16:45:46 +0800
Subject: [PATCH] Add a icon of bean on page.

---
 web/static/img/bean.png           | Bin 0 -> 3887 bytes
 web/static/js/plot_monitor.js     |   2 +-
 web/templates/base_AdminLTE.html  |   3 +++
 web/templates/monitor/status.html |   2 +-
 4 files changed, 5 insertions(+), 2 deletions(-)
 create mode 100755 web/static/img/bean.png

diff --git a/web/static/img/bean.png b/web/static/img/bean.png
new file mode 100755
index 0000000000000000000000000000000000000000..8a26d67c52625f60b607707f1d018ce3289927c8
GIT binary patch
literal 3887
zcmV+~576+5P)<h;3K|Lk000e1NJLTq000yK000vR1^@s6kc=(000009a7bBm000XU
z000XU0RWnu7ytkYO=&|zP*7-ZbZ>KLZ*U+<Lqi~Na&Km7Y-Iodc-oy)cUY767Czti
zWe-+D*zmEJY=HnGBdiF>5Lu!Sk^o_Z5E4Meg@_7P6crJiNL9pw)e1<Rh~l6qxMx9%
zh+2zPTsZC@+^4mDdhhM+``7!t=bY#K&Uw!dfDsZVk>;Xm069{HJUZAPk55R%$-RIA
z6-eL&AQ0xu!e<4=008g<d3b(wus{3(uWtYX0C3eVBofEr|AV?vCRYF;kpSQ#66Xs6
zkWv81E>y@A0LT~suv4>S3ILP<0Bm`DLLvaF4FK%)Nj?Pt*r}7;7Xa9z9H|HZjR63e
zC`Tj$K)V27Re@400>HumpsYY5E(E}?0f1SyGDiY{y#)Yvj#!WnKwtoXnL;eg03bL5
z07D)V%>y7z1E4U{zu>7~aD})?0RX_umCct+(lZpemCzb@^6=o|A>zVpu|i=NDG+7}
z<RYAxn<EoQ=L1a63;+Nc`O(4tI6si*=H%h#X6J10^u?n7Yw&L(J|Xen{=AF=1OO0D
z&+pn_<>l4`aK{0#b-!z=TL9Wt0BGO&T{GJWpjryhdijfaIQ&2!o}p04JRKYg3k&Tf
zVxhe-<BLB3GvROGi+=X}Kpy_vdhh^onn0PYz@vlxaba$Du2PQY%LGC(ZujRS{>O!X
z{f;To;xw^bEES6JSc$k$B2CA6xl)ltA<32E66t?3@gJ7`36pmX0IY^jz)rRYwaaY4
ze(nJRiw;=Qb^t(r^DT@T3y}a2XEZW-_W%Hszxj_qD**t_m!#tW0KDiJT&R>6OvVTR
z07RgHDzHHZ48atvzz&?j9lXF70$~P3Knx_nJP<+#<bWIsp%|7y8C1YJ*aWq(0~(+a
zn&A+%!7(@u=im}tf$MM=24EPT!Wg`U2?RmN2oqr;I*1Wsj@Tm32p5@-1R`NbG?IX%
zAnAw{Q6k02a-;&OLTZs+NF(wsauhj@TtNDe+sGg?iu{VaM=_LvvQY!n0(C&Ss2>`N
z#-MZ2bTkiLfR>_b(HgWKJ%F~Nr_oF3b#wrIijHG|(J>BYjM-sajE6;FiC7vY#};Gd
zST$CUHDeuEH+B^pz@B062qXfFfD`NpUW5?BY=V%GM_5c)L#QR}BeW8_2v-S%gfYS=
zB9o|3v?Y2H`NVi)I<b&gMyw|8As!)~C0-{E6JL`^Bo4`v<W349C6F>n3rTB8+ej^>
zQ=~r95NVuDChL%G$=>7$vVg20myx%S50Foi`^m%Pw-h?Xh~i8Mq9jtJloCocWk2Nv
zrJpiFnV_ms&8eQ$2&#xWpIS+6pmtC%Q-`S&G<BLK&6^fO%cL!%)zF%0XKD9nFX?o;
z3EhJpMVHW*(rf4k>F4Q#^mhymh7E(qNMa}%YZ-ePrx>>xFPTiH1=E+A$W$=bG8>s^
zm=Bn5Rah$aDtr}@$`X}2l~$F0mFKEdRdZE8)p@E5RI61Ft6o-prbbn>P~)iy)E2AN
zsU20jsWz_8Qg>31P|s0cqrPALg8E|(vWA65poU1JRAaZs8I2(p#xiB`SVGovRs-uS
zYnV-9TeA7=Om+qP8+I>yOjAR1s%ETak!GFdam@h^#<Ae=IoX^_&LPeX&U-BbEk7->
z)@rS0t$wXH+Irf)+G6c;?H29p+V6F6oj{!|o%K3xI`?%6x;DB|x`n#ib<gTP(_`y-
z=?V49^$zLX(MR=d^rQ6`>hIR?(H}Q3Gzd138Ei2)WAMz7W9Vy`X}HnwgyE<W%V@fh
z#Au_@NuwvYChmu4<285}K4z?M9Ad0A-euftJYiyKGTWrYq{ZaEDb18?nr6Duw9|CV
z%*ZU<tk|r{?2b9roNJz8zS+Fn{EdaBMV!S-i#ChLmfDtl%LSHAmiMffRz6mFR`pib
ztVz~f>n!VS)>mv$8&{hQn>w4zwy3R}t;BYlZQm5)6pty=DfLrs+A-|>><a9f>;~;Q
z_F?uV_HFjh9n2gO9o9Q^JA86<b<B2baJ=iJ;WWdk#HqvSS7#e%p>v({H5aB!kjoO6
zc9$1ZZKsN-Zl8L~mE{`ly3)1N^`o1+o7}D0ZPeY&J;i;i`%NyJ8_8Y6J?}yE@b_5a
zam?eLr<<q3^N{B+UUpttUi-ZsPqUmRp4KpJ$lJtQ;JwRxU^+fMW%|zP13tz+0-t)H
zhrXu1BHul}BYxI?nSKZSp8Grc%l(h|zu|fE7V%C6U;)7a<pI5c8iBI|YXctynFOT=
zH3f|Yy9O@|J{3X?2@P2va+7bs7xEkVV>8@mESk|3$_SkmS{wQ>%qC18))9_|&j{ZT
zes8AvOzF(F2#DZEY>2oYX&IRp`F#{ADl)1r>QS^)ba8a|EY_^#S^H<bj`5GFjJZ48
zYPNEAXRK;$Qfy=Fo4A0us<?r8hxkSDmlAXnBnj<_<iyy-J&EIU0_SX+Go0j_RF-sO
zuI1dKxfkZ?&dZ*6JXtkakbF3Wm=c$=KjniULQpRlPvxg>O&t^Rgqwv=MZThqqEWH8
zxJo>d=ABlR_Bh=;eM9<ahEGOy#xn^|QY(3p8Irjp^G#Mn*50ho*>Tw|Ih34~oTE|=
zX_mAr*D$vzw@+p(E0Yc6dFE}(8<U61_v9n_bMxC3Y=unGqqI`4P!1MMFQ_YcTNqn-
zxJbQ7TGTV&X8!8=BMX8Se7%scP`I$O*tmFE@!%rAMY|Rwi&GbOE-_tFx@351@X~$D
zXv?ye{ZQgqQdRP5dED}jQiIZ^r9&%%S2UHWl*!9(uJl^DV-;bQWL58Km(^QVe<~N1
zU#xJfsIK_1M!4qUS59BmeD!&4+S=Yqx61A7Nb98QZmjoNzpqNYYC+Y|hVTuo8}W_h
z8((co-gKdQYW0rIw9U%R12tha?OV*YtlRRTHly}>oqt`+R{gE3x4zjX+Sb3_cYE^=
zgB=w+-tUy`ytONMS8KgRef4hA?t<Nq8e$u|zvh13xJP$S#h#CQrF#eVMeplsbZ>0j
zufM;t32jm~jUGrkaOInTZ`zyfns>EuS}G30LFK_G-==(f<51|K&cocp&EJ`SxAh3?
zNO>#LI=^+SEu(FqJ)ynt=!~PC9bO$rzPJB=?=j<Jb;mW2SDv7qC_VA{<bspqr(~y|
zolZYJ)S29Q_e}hmYh6)Yy=Ozuo<A3K?o78|_sR3#=Z{_Rym0g)_hQ>6w@a-(u02P7
zaQ)#(uUl{HW%tYNS3ItC^iAtK(eKlL`f9+{bJzISE?u8_z3;~C8@FyI-5j_jy7l;W
z_U#vU3hqqYU3!mrul&B+{ptt$59)uk{;_4iZQ%G|z+lhASr6|H35TBkl>gI*;nGLU
zN7W-nBaM%pA0HbH8olyl&XeJ%vZoWz%6?Y=dFykl=imL}`%BMQ{Mhgd`HRoLu6e2R
za__6DuR6yg#~-}Tc|Gx_{H@O0eebyMy5GmWADJlpK>kqk(fVV@r_fLLKIeS?{4e)}
z^ZO;zpECde03c&XQcVB=dL;k=fP(-4`Tqa_faw4Lbua(`>R<o>I+y?e7jKeZ#YO-C
z1YAi(K~#9!Y?RBZWLF)9zu(^HQK#xw-ACWsx4Uy&yOWsKbVo&r7?6NSd<>c($t0O3
zgb*RKB!oD0AS#4_4jed%k4!{F9QX`6i6H?ojdmw$NNjH>{kXSI)u~hG)Y)h6{d3SF
z3a&rkgT?w-(!TRk{(lTYOLS92=MPELTO?}Gu)65u&M#v+5^di6qFZLaT~$M8@*v6N
z10*OQ7L^oGBnF@dB7(cmn(Av=k$g(ETao4iT!)!mdvVq8eqZw=C(>fQ@B0}Vf+{MB
zBnqL$gd3<BFgej2A(}D1uC@zXep9>l$DLb)&_HybmG=FYrF!l2vU%^FtAjtO4<jVo
z#VVS}AYzs!)?Gl8l$f6Z=`g`U`tD0M{PiTWKR=O$;a%D-HM(ip$J6`T#=XA&&11gX
zd_Jsy#1WL-%D*dPP{~meR3_N4Z<6-XgSfvx6&LffeN`9g_lcoLY>u@T(QFS}UH`h&
zJRZ!>bIHchABho?|DHjm!06#;Z1?sz{PgX6+5<<36EJHS*#$F0e202POi8hBNwfac
z?7|Oz=#GE+W8>Wip7{?@Nf7EM&Em?ps>}PSYq!WYwpd#OTXaZ21s5PJiJ>LB1Y<ll
zA2K;s@ZMX$embAr@{0r%B*TdRinzlUX8&-6<W@F5dX}U}p*w{3Jum@G196F=!K6JZ
zhS>HD){kJblJakVcs9YVfq&<IX)b?T#~){SdV}of8At}uOi^RNE|JiH837~E0jeF*
zTQpjt@5v|I)YbH^B(AQFliBaSOLhz?PLfSN1ZE5M9x{PgBW3_(C>dx*)C>up5E4Q#
z^qtU$j5O~ChQn7MrhR{x!Eulj^%kOlM2HO%S~T>a5mC7*MT8hrVz9VnLc7daRSm;U
zbCBrt(s`_f*rBloe*m$)DY3hbx+xMH&>qzuVvk1f&eAP&>T<whKA^APW$U(2zml}q
z_wP(kY-9SX$f|&_0x~3a;A@Brh&6-;?H7c;#jl`U<SeEIi&;i_tzqk!uzB|G?<938
zl8;MlaUF>k(h6)2C<F(gCAvA<AL3VYeC=4y2GsMMs?3-kWF+P?x88T}OX>D)uO+QN
z{>J>DZ=6bpV{FzVNeOlUSTuSxwD_(fv@_gdNi)x=W*OByrJQCI=|1PaaN_sl(|12Y
zvm_}_ed)#W^$Yh)cEH-s3X{$dGE@v2BGGsBtz%VtnkuE5XUxi!ri*OvT;<F?qt`b+
zc>009acw$+B%N&kq#vF8-j$1&9$7mI#rhDT1C7L}cqg>2Ww{(uFDzZ}85TFV;|{NT
zpE&nIG9EqS>eAUk1R$AT{R`R2Pd=&)u2!=v&&_WvF<AyOzz2(ShTeN(tQf6F_D&@1
z-2UO87ZaY><jBk3t*|#`x(SRiqQOz@?0q#~-~HL*@Y;DJ^YhlOj%UWpI2Fm)v>t6A
xduz10{ws;)E4ux;SNrOZNT{)e`JbQv*8uF$Tu8v&NrV6Z002ovPDHLkV1j#|dkO#m

literal 0
HcmV?d00001

diff --git a/web/static/js/plot_monitor.js b/web/static/js/plot_monitor.js
index f6bdbce..c458056 100755
--- a/web/static/js/plot_monitor.js
+++ b/web/static/js/plot_monitor.js
@@ -206,7 +206,7 @@ function processBasicInfo()
             $("#con_ip").html(basic_info.IP);
         }
         $("#con_time").html(basic_info.RunningTime+"s");
-        $("#con_billing").html(basic_info.billing+" beans");
+        $("#con_billing").html(basic_info.billing+" <img src='/static/img/bean.png' />");
     },"json");
 }
 setInterval(processBasicInfo,1000);
diff --git a/web/templates/base_AdminLTE.html b/web/templates/base_AdminLTE.html
index f650734..1a4a3dd 100644
--- a/web/templates/base_AdminLTE.html
+++ b/web/templates/base_AdminLTE.html
@@ -91,6 +91,7 @@
                 <p>
                   {{ mysession['nickname'] }}
                   <small>{{ mysession['description'] }}</small>
+                  <small>10000 <img src="/static/img/bean.png" /></small>
                 </p>
               </li>
               <!-- Menu Body -->
@@ -132,6 +133,8 @@
           <p>{{ mysession['nickname'] }}</p>
           <!-- Status -->
           <a href="#"><i class="fa fa-circle text-success"></i> {{ mysession['status']}}</a>
+          <!-- Beans -->
+          <a href="#"><i><img src="/static/img/bean.png" /></i> 10000</a>
         </div>
       </div>
 
diff --git a/web/templates/monitor/status.html b/web/templates/monitor/status.html
index 224d49d..a14fb7d 100644
--- a/web/templates/monitor/status.html
+++ b/web/templates/monitor/status.html
@@ -137,7 +137,7 @@
 		       	$("#"+index+"_disk").html(usedp+"%<br/>"+detail);
 		       	},"json");
             $("#"+index+"_time").html(data.monitor.basic_info.RunningTime+"s")
-            $("#"+index+"_billing").html(data.monitor.basic_info.billing+" beans")
+            $("#"+index+"_billing").html(data.monitor.basic_info.billing+" <img src='/static/img/bean.png' />")
 
 		var state = data.monitor.basic_info.State;
 		    if(state == 'RUNNING')