From 395786de6335bfc728962d4ed2206fd30df6c239 Mon Sep 17 00:00:00 2001
From: "L.xy" <forxiaoyu@qq.com>
Date: Wed, 21 Dec 2016 16:59:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=BC=80=E5=85=B3=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=EF=BC=8C=E5=B9=B6=E4=BF=AE=E5=A4=8D=E6=96=AD=E5=BC=80?=
 =?UTF-8?q?=E6=97=B6=E5=9B=BE=E6=A0=87=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 chrome/background.js       |  12 +++++--
 chrome/logo16.png          | Bin 0 -> 1621 bytes
 chrome/logo_disabled16.png | Bin 0 -> 1587 bytes
 chrome/popup.html          |  70 +++++++++++++++++++++++++++++++++++++
 chrome/popup.js            |   6 ++++
 5 files changed, 86 insertions(+), 2 deletions(-)
 create mode 100644 chrome/logo16.png
 create mode 100644 chrome/logo_disabled16.png

diff --git a/chrome/background.js b/chrome/background.js
index d07afa8..f0b5db3 100644
--- a/chrome/background.js
+++ b/chrome/background.js
@@ -14,6 +14,7 @@ function ws_init()
     }
     var address=localStorage.getItem('address');
     var client_id=localStorage.getItem('client_id');
+    var open=localStorage.getItem('open');
     if(!address)
     {
         address="ws://localhost:1229"; 
@@ -23,6 +24,13 @@ function ws_init()
         //client_id作为地址
         address+='/'+client_id;     
     }
+
+    if (open == 'false') {
+        disable_icon();
+        localStorage.setItem('status','close');
+        return false;
+    };
+
     websocket=new WebSocket(address);
 
     websocket.onerror=function(msg)
@@ -144,13 +152,13 @@ function ws_restart()
 
 function enable_icon() {
     chrome.browserAction.setIcon({
-        path: "logo.png"
+        path: "logo16.png"
     });
 }
 
 function disable_icon() {
     chrome.browserAction.setIcon({
-        path: "logo_disabled.png"
+        path: "logo_disabled16.png"
     });
 }
 
diff --git a/chrome/logo16.png b/chrome/logo16.png
new file mode 100644
index 0000000000000000000000000000000000000000..65d2869c19d76c5b39e264e4e3f9e2e8cfeef33a
GIT binary patch
literal 1621
zcmaJ>drT8|9Iqf15noIrpoZHqr)JRW^+9Q&@@PSslrd<uWG?pTUE%2CYJ1ogEGIhI
zNZgD%glUlJn7GJb6CL7Uuvrxm1ZIpnQKD=#hOxR4R<+dbih%oL?2^0RBcIRb`}*X{
zGcz_W3<?ioFc=HdHc7MSb&2l{WYXV=F)u<dVPuMe%qG;N88KpvB$UX-fHWPFhh<?1
zYTa=Si)S$WU&rMNQXxwhsR$hl@nKjNoq=XE81V@f1ESJkB#?{c;d(LX{JtFoa8wL#
z<;&PIg9OXRHx(JN?4k_0sz{>}qF}-XAl@RP1#}pR02ZBAZxUI=;H0jI-utd05SWCJ
z8Zr1XDTOQ(kPt=;;IsJADmDiO1VR?f=Lumr3gEC|E(Eh7jxZXAMLdBBjsd0~kd9_V
z)uJqE>QpTHBnI<I(jbB$v)Rltb6JEj4}yh4A;jiD98NTih&EaEBw~ryn<A$bq?k!%
z#0?})=mDQ1l1mhlVvx@CWeGaNjI7=?)h4=OkOeV7FpKRgX&NY#{XbNvn?ak%EbLXj
z|0!&eTMZbLg_(##qlzA!I?@-)Ad(m{gd~h|g3wNPF*Bba2~$2{03;G%-Bw(W5@yr-
zNw`cVO4FN2M6bfqq+*a3VBt6_;tOI0!sKMWM8M<0a7s)PhsQ}}v$<>mJ4VW8^QXB|
zLRF~4^yD-beZ`HLmFshY&Ok?&Vn%!?hNc<`9WYt32%kL{?yP!KTy*wac(ZaLIvL0}
z*MH4<`ieG>Z#&~!`Y_{rOi!ELNV~eNrT!v=;n$TWO_E!F$yIjDnadv?Smx<+D_R1i
zp-&iU?H<2^Eg1uc3Z6IK&~A&WMI4@yn`i1M%I5y5)81`o0qZZ-Df6#&KB;-w+kC(o
z25Yx8?;JjO3#QIedY8AID%rcOg9WUKF8H;&yAgfVd1dXX&aOzi&8j}@sVmM~^sTaA
z%e)yJ;vVyi6{ieV;UPzm6BM-zdFpbnz0|w7caWm2j-XA)=U*DO1@@#zX|)9hS8MD&
zdy*rZ)#CA<-|io)x)WQ<Y`x%ek9=r0_$QVy@sid&^*t{|y-4IWHJvGIZdlfDTJUuI
z@pxtXU_!gwHF7mi9m6Vf2@YsK$ms@aG3SqKPSua0&fgbhEEQs5j&tfV%3F0e;LBxC
zKi%I`LRnoyk5B9yKYQb=w)%K5_<*bD=%2%n8ZLJjmIQRQsgIm1zgDy(_f~r5I*t9E
zf%)h9tFyPItqfKCOqcRvY-n_7bK+(&C-zy+@rd_g91pI1LMpZ21dWL1d3JdxmPYoy
zv2;U9WOh>FG3Dpm50}3C_wrClaJqKYK(N=#o$$Jxix;ebu3tZ_aSYt=I}#M)A6LCO
zQE>%s310PaqGWD>JX-uiTWj&C>$a=0!vBmTP!nhM8~UuYykhS|&)1Q~4N#O}AI_XJ
zf2^;Tq9_k@9@qytx7Q3_oET|ZxgvnCwSB-Fjjvh#e$4po%I4m%oI9Z<t+t|woTl1B
z^!ec6AhkOr{I$1(<mbtQ=H5SATUt4f9+Z8zN*Qjs+I{14N2lHX(aC35E1||-T~65{
zKViypd1>i|Iib~WE=l-nLDj8@i4zq(T^u_VMUGzHZ~Fq~&W#h)oi5)VxU%MSEQs8_
z&{aHq9=Nw(#*O8|94^;ZTr?EaiL=Yw6WUwzQ1vsH%W)ez$vlowREfLnp*DGU#YRPX
ke`CF*+YT`+!*?_M8H=m}zkNvgTfQHCT1tkrAz8WSAK<Kny#N3J

literal 0
HcmV?d00001

diff --git a/chrome/logo_disabled16.png b/chrome/logo_disabled16.png
new file mode 100644
index 0000000000000000000000000000000000000000..087c8155ba4e9a3435d47959d54306e2c2be3331
GIT binary patch
literal 1587
zcmaJ>drT8|9KTWoMX_Xy2tM#E(P*^2ULQa!6``eC<JAgX3Q?xl_S&BGdfoMqLQz1c
z!N(NcvZ$L{bQ2#4Q>OuRpp4*f0w&0eC^|QtENmd)bV9MaBH;cQyX5Zo$mjF<zCO8~
zTFvs%kQpHW0EDVnC{vg<%>PadV!m_weJHa;(#dIbDru&(Q3?YRO{4(>)dXt6QZUq%
z^HC!f4*=}BxGs%OLsrR*B*91h7`}^eFl+#bPjER<V<tv}2F!xn<=mbtwOkN4$+>z7
zB0wAp%!;qbrLfdojn0^xX_T6{2}{9vmy8i0Fd7A2gw5`hx#ZkoT^Y0YUqf7Q7(!>t
zxo?w7L$siRq%cszm+*`NAq>V!`LIMRh2h1ZPymY{SO5v7JQ$XVV`Xp*IP!3rXq3q;
zOHryuVlgK<*Gkh483bi#XY;c~e3G(2uv99A1VTtC<S_`IGsjM&E}q>PJ*uF@oJI<F
z&^T!a{fel8%%bI7Ceybi5RNffyK|&XOv4}->VROrz+ciR5JCPQN)TgcC!K=5%lAKp
zow^(c2Blz5GK(@YgEL3_Lpfv$3PWj<(vhTXw2N9RNs~@1=>Qc9aDg7To5*bE!eKaq
z$kcWxjoOWvS}Er;0(=}d$zqa{6tGy7sE8GdVK_M^P9jw*m9bKxBu1iAilw7mC27ne
zFgrcUHNE2|jmz~rfp9R9l^BI@!b~cPB*5W{W%&5H#Eq*r!ZnSbi*#Hr#3Tdx=lZWX
zk6tn6@o&dm%N)jhkJ%ZsQ;e&-DVH7q0#2!wi8@!iVZ$}nowl})yu7@D%F0S*#B;!G
z+j{2A8O?zM2L_%sA6Z*gQu27{_tw(V+ATu^b%B9iuUFXD*Y`P?^{6&Kzh!HAI)XH%
zt5gl%pRaH0$oIV&3e~+>qt$BLo14p5s@0AA_w8G~f96DU%TdDj^3VHM7N?27xGvsS
zzs37^@5A=?+{0B>ISY!Lo<D1uvx75d>DBz#eNU$q$G>0Q6g+iSL8ci+(a9XndgI28
zGpZT+)B5st_v#xO8lLz5dc*ywX0tmu7I<PQ{%!N%%S%IpuX;E-k=ttRT$z#40c?oK
zW3|8Oe%15nSYptFt2xf-TZV81K{zlB&-R4QuB)rNsnKYfd_JEgJS<GB)#=28eNTVf
z7rlJ%oh5N`FPKV&KwDE~-s?U?R8-U&&x6cxPisd(b2n--nI=w}lwML+W()XsC#y3w
z$RqMyb-(J~b?zLoC^$HnecK~ld)d|)xTECM<;$CHx1H7Bg#)DAkdTm**Ib;S0ZC-%
zg9@<p{Dlh?JEIP$&o4Nft~s_;ZfQM<oCe`A;3Nliy9b4453y`_&36-2u;_M9(~Z5e
zy8^#v;W++*wun7+i|+dAocyf5V(NB0h^0_`zrr*9!vc11*WHR9XkFzu-g_4<(+l~%
ztoc!^J&CD>AxGKlPg$Lx4E}JK$K$mYhWp~&FaI#ie?ohXAO9sF@W>*4`5r(P8+@?n
z;rWXfML@=lqO!<{==IIV5^AT+o3N{>=u|^}y$w*6PAY0?Y+R^KP3@1KI~QFdn0K>I
zJTo#f+4$9F5AVxm3EP1a>RAiXs_Lq$OW^%Ih$v1}C~WM1)>7g1zV4sAD&Vt^4;?z>
zD-`apso4@y{AR~vTM}?Et-c_=nr(GX;Y$Ek5b&2Z>AkLd(@yw*<LYFMvOH<S)_(vV
C=4pEX

literal 0
HcmV?d00001

diff --git a/chrome/popup.html b/chrome/popup.html
index 822a533..8933e83 100644
--- a/chrome/popup.html
+++ b/chrome/popup.html
@@ -50,6 +50,75 @@
          input {
             width:100%;
          }
+          .mui-switch {
+              width: 52px;
+              height: 31px;
+              position: relative;
+              border: 1px solid #dfdfdf;
+              background-color: #fdfdfd;
+              box-shadow: #dfdfdf 0 0 0 0 inset;
+              border-radius: 20px;
+              border-top-left-radius: 20px;
+              border-top-right-radius: 20px;
+              border-bottom-left-radius: 20px;
+              border-bottom-right-radius: 20px;
+              background-clip: content-box;
+              display: inline-block;
+              -webkit-appearance: none;
+              user-select: none;
+              outline: none;
+          }
+          .mui-switch:before {
+              content:'';
+              width: 29px;
+              height: 29px;
+              position: absolute;
+              top: 0px;
+              left: 0;
+              border-radius: 20px;
+              border-top-left-radius: 20px;
+              border-top-right-radius: 20px;
+              border-bottom-left-radius: 20px;
+              border-bottom-right-radius: 20px;
+              background-color: #fff;
+              box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+          }
+          .mui-switch:checked {
+              border-color: #64bd63;
+              box-shadow: #64bd63 0 0 0 16px inset;
+              background-color: #64bd63;
+          }
+          .mui-switch:checked:before {
+              left: 21px;
+          }
+          .mui-switch.mui-switch-animbg {
+              transition: background-color ease 0.4s;
+          }
+          .mui-switch.mui-switch-animbg:before {
+              transition: left 0.3s;
+          }
+          .mui-switch.mui-switch-animbg:checked {
+              box-shadow: #dfdfdf 0 0 0 0 inset;
+              background-color: #64bd63;
+              transition: border-color 0.4s, background-color ease 0.4s;
+          }
+          .mui-switch.mui-switch-animbg:checked:before {
+              transition: left 0.3s;
+          }
+          .mui-switch.mui-switch-anim {
+              transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
+          }
+          .mui-switch.mui-switch-anim:before {
+              transition: left 0.3s;
+          }
+          .mui-switch.mui-switch-anim:checked {
+              box-shadow: #64bd63 0 0 0 16px inset;
+              background-color: #64bd63;
+              transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s;
+          }
+          .mui-switch.mui-switch-anim:checked:before {
+              transition: left 0.3s;
+          }
     </style>
 </head>
 <body>
@@ -58,6 +127,7 @@
    <form action="">
       监听地址： <input type="input" id="address" value="ws://localhost:1229" /> <br />
       Client_ID： <input type="input" id="client_id"  value="" /> <br />
+      开启：<br/><input id="open" class="mui-switch mui-switch-anim" style="position: relative;left:40px;" type="checkbox"><br />
       <button type="button" id="save">保 存</button>
       <div class="status">
       状态：<span id="status">正在连接...</span>
diff --git a/chrome/popup.js b/chrome/popup.js
index e4c7780..31d1af2 100644
--- a/chrome/popup.js
+++ b/chrome/popup.js
@@ -14,7 +14,12 @@ function init()
     {
         document.getElementById('client_id').value=localStorage.getItem('client_id'); 
     }
+    if(localStorage.getItem('open'))
+    {
+        document.getElementById('open').checked=localStorage.getItem('open') == 'false' ? false:true;
+    }
     var status=localStorage.getItem('status');
+
     if(status)
     {
         var text='';
@@ -44,6 +49,7 @@ function save()
 {
     localStorage.setItem('address',document.getElementById('address').value);
     localStorage.setItem('client_id',document.getElementById('client_id').value);
+    localStorage.setItem('open',document.getElementById('open').checked);
     chrome.extension.getBackgroundPage().ws_restart();
     window.close();
 }