From a37b12b00567a61bdf4137826bc97df68366207d Mon Sep 17 00:00:00 2001
From: Julien Lengrand-Lambert <Julien.Lengrand-Lambert@ing.nl>
Date: Fri, 8 Feb 2019 16:00:56 +0100
Subject: [PATCH] Add pop-up and images

---
 README.md             |   6 +++++-
 images/cancel_128.png | Bin 0 -> 1235 bytes
 images/cancel_16.png  | Bin 0 -> 470 bytes
 images/cancel_32.png  | Bin 0 -> 601 bytes
 manifest.json         |  14 ++++++++++++++
 popup.html            |  32 ++++++++++++++++++++++++++++++++
 popup.js              |   8 ++++++++
 7 files changed, 59 insertions(+), 1 deletion(-)
 create mode 100644 images/cancel_128.png
 create mode 100644 images/cancel_16.png
 create mode 100644 images/cancel_32.png
 create mode 100644 popup.html
 create mode 100644 popup.js

diff --git a/README.md b/README.md
index e5423ef..12aee12 100644
--- a/README.md
+++ b/README.md
@@ -23,4 +23,8 @@ Ideas and Merge Requests are more than welcome!
 
 ## LICENSE
 
-See LICENSE for full text, but the license is [Creative Commons Attribution NonCommercial ShareAlike (CC-NC-SA)](https://tldrlegal.com/license/creative-commons-attribution-noncommercial-sharealike-(cc-nc-sa)).
\ No newline at end of file
+See LICENSE for full text, but the license is [Creative Commons Attribution NonCommercial ShareAlike (CC-NC-SA)](https://tldrlegal.com/license/creative-commons-attribution-noncommercial-sharealike-(cc-nc-sa)).
+
+## Resources
+
+* [Icon](https://www.flaticon.com/free-icon/cancel_128397#term=sign&page=1&position=59)
diff --git a/images/cancel_128.png b/images/cancel_128.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e8c20808eda600ee81d487b852c2947858a06ce
GIT binary patch
literal 1235
zcmeAS@N?(olHy`uVBq!ia0vp^6(G#P3?%t>9eV(zSkfJR9T^xl_H+M9WCijSl0AZa
z85pY67#JE_7#My5g&JNkFq9fFFuY1&V6d9Oz#v{QXIG#NP+~=ZPlzj!zMWoqE3Nt_
z68aw+dNs7+W?B_OFumq>O7+cDu(H(ZyJ_V&(rRvi72Ha%zLZ&UGaVue){+5Ib^~r;
zDv15Rq2YFJ!`0*lAp3fDB}f5K3rJbbt<;*EKoX)p9ms}>r`6s}2N?)-q}1$Ue;{R6
z666=mV7cn;x5M$wY{gf;zgcNf_iq>ff!fwHg2#JL{55<1^~=H7olJZ}XN8}2Kkw@3
z>D+zj)ruDLxO3lTDg#YmO!9VjVd!9$^#F1>3p^r=fx&wngc+SQW`hEly~NYkmHjaj
zhk!6&C1d$B1_q`zo-U3d8TXFft_{CsAj0<HjQJfkj-Fh;BMbAGOG_{3{ro4N>k|?s
zHS13G{PrjQc~$k#pG?@Y(|2xlZvMA#{CxdZeV6*~@2jrA^tRP$dF}uGylp(?KOSmU
z)?eYN{c`^8<@BcNZ<GF>4x6sH{%%`L;m4w@cPC`)MXlRyT6y^Bso8n1c{@CIzT9_;
zQCz+KPWsO)?6)P1=C?mC`1Z8s-B(-xd(VEI+<E)+JhlANz3+Dk`%jLJu`d;$r@DRT
zztz@XRCZqdYFz%rvS{~f{n&JeiOTP;ZY{olE^7CSut|wtK}~a>2t9ET*Hhn}5c%NP
z)AuUoTK_$!DSuvJS)ma5rYWVBdt#`bL)fmg$hT6d&DoQD*EyQ)%DVYRE45+uB*k@3
zY&(-ApK+xwklwp8EOmwUgoAmTc*=!So1}fM=2@HfmpsgI7Be^BE@EzVYhs$_;)s;!
zpKkimr`@7%#;v<_vcqVm+p#InpBQb|IZ?jUX#1Dl(&0+Qr+@D*4o-ciJ?HMO)3e_z
zJ=1%}bA9J-i9eGc?^0sBUwr3hF3&Tb(kG5DRxS-+x<Sv`ulQrps_to*W7p^uPTX|n
z=*b{))zh&(YYGK7o!fdk>blnJ*x5OSx<xt3b@j(@&Umins&X}y<*UI8?+KG%dn7~#
z>~A`?Xji0<n9URJ``%o;568?{<H0;J)RSS8QEOzFy1}Wo)4oOPx{G<k*V%il)0~(s
zcw+0Dr%^8w*BOXj5S<&*w2MjdjoRq~^FXy7o<+~Yv&Ao&rCc~!u3&Om@W%b0e1H8S
z^LGE4@H*l9;@7?zdA|d{<+OjFtL-d!<@b~iUO{V`RL}FCKI*;U$xg+c5$xXcZcpjX
z0&->-1@cd`*{&x(`{1PKVNVxH%B&5Wq<!vq$?AMzwZ#D+{L8BhckfBtar*YZ`!^3B
ze*E)Sd;Lo}DgM2(8S22KtXkq4QIe8al4_M)lnSI6j0_Adbq$Pk4J<+oO|1+qtqe`H
z4GgUe4Bmw&nxSaO%}>cptHiBgKG)4Ipaw~h4Z-<oCFO}lsSM@i<$9TU*~Q6;1*v-Z
WMd`EO*+>BuF?hQAxvX<aXaWEdNi-Dz

literal 0
HcmV?d00001

diff --git a/images/cancel_16.png b/images/cancel_16.png
new file mode 100644
index 0000000000000000000000000000000000000000..1a4cd98019aee3763e6b78c506592c7b0820610a
GIT binary patch
literal 470
zcmeAS@N?(olHy`uVBq!ia0vp^{2<K23?xtf=%@rzEa{HEjtmSN`?>!lvI6-E$sR$z
z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD4`YL6XFV_Z>Lq=Osl?`
zS`8vWsODyB&8>7Gs=k?CeFH2AROUY0A7mU)NswPKgVBSm`~R|2bJI3&I%ZO74islh
z@^*J&=wOxg0CG4BJR*yM&b|)9j7}P}D}aLRC7!;n?2nl^1cbC=Bo~zdg~B~u978y+
zCkq%QFfb`IvduS8I4kz}Kth#CW255N6^zW)J}k`Y0>%bY<Z@?JZDG`r7iA7&7qMa%
zOGtQNS1jdY?9<wH;3~t`DNQX7X$@zbX7Ft1PP1m1yhCPpe7_UWw+yN!t`Q|Ei6yC4
z$wjF^iowXh&{EgHNY}t3#L(2r(89{ZNZY{B%D_NtsbLt3hTQy=%(P0}8lr!6z5;5H
v1lbUrpH@<ySd_|8US6)3nU`IhoLG>mmtT}V`<;yxP!WTttDnm{r-UW|9q^10

literal 0
HcmV?d00001

diff --git a/images/cancel_32.png b/images/cancel_32.png
new file mode 100644
index 0000000000000000000000000000000000000000..0267a11b306fb49869cc52383a6c2a7e1f74b1da
GIT binary patch
literal 601
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyEa{HEjtmSN`?>!lvVtU&J%W50
z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+10!ZpAr#1%;YXJELQRt-cq
z(rRv|R^Lpm0<!-%G~7%BF>a;S+yXN|3erK!ZUV{l8W0z(3ur>XI<*)eC0Y{X7tFxe
z{<*7n(rl(FGdrez`q({r*2)zV*<BiM0~IhPdAqwXbg;^L06Clm9+AZi417mGm~pB$
zpEOXAy~NYkmHjajhk!6wUCw5p(-^jSx;TbdoNk@`P^?LT$IX0+(PWW~_y1Qlx_dm}
z{_*tYUM6X2!PTC|jYqe8vK}ZGtUS|T&m1u$PU!lrHwRxcibysdJNeXiwt{lu#UsCe
zR_;AsSQlf)vN>^cV5?NJh(s=Dg<#8{Nz;lA-kz3w`G4D%>iN^#j-G!l{C$G(?tK9=
zhTkoXW|?R!i=TSz^!L^2ADTt=1`GMLEDW^nN${@cIpCdq<J;kbl6`XZRsEZf9Mbrl
z{%0%a<NvG`0jfMVOs@bvz@S><8c~vxSdwa$T$Bo=7>o=IEp-iybPX&*3{9;JEv*a<
zv<(cc3=E_sTvbst<mRVjrd8tBknQ?+CQySU$cEtjw370~qEv?R@^Zb*yzJuS#DY}4
W{G#;P?`)(%?(lT=b6Mw<&;$S#iP=y9

literal 0
HcmV?d00001

diff --git a/manifest.json b/manifest.json
index a71f84b..0303fb2 100644
--- a/manifest.json
+++ b/manifest.json
@@ -10,5 +10,19 @@
         }
     ],
     "permissions": ["storage"],
+    "browser_action": {
+        "default_popup": "popup.html",
+        "default_title": "CloseMe autocloses all those annoying Medium ads for you!",
+        "default_icon": {
+            "16": "images/cancel_16.png",
+            "32": "images/cancel_32.png",
+            "128": "images/cancel_128.png"
+        }
+    },
+    "icons": {
+        "16": "images/cancel_16.png",
+        "32": "images/cancel_32.png",
+        "128": "images/cancel_128.png"
+    },
     "manifest_version": 2
   }
\ No newline at end of file
diff --git a/popup.html b/popup.html
new file mode 100644
index 0000000..bb1c384
--- /dev/null
+++ b/popup.html
@@ -0,0 +1,32 @@
+<html>
+    <head>
+      <title>CloseMe</title>
+      <style>
+          body{
+              width: 300px;
+              height: 16px;
+              font-family: 'Raleway', sans-serif;
+          }
+
+          div{              
+              display: inline-block;
+          }
+
+          span{
+            font-weight: bolder;
+          }
+
+          img{
+            margin-right: 15px;
+            vertical-align: middle;
+          }
+      </style>
+      <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
+      <script src="popup.js"></script>
+    </head>
+    <body>
+        <div>
+            <img src="./images/cancel_16.png" alt="closeme logo"/>CloseMe closed <span id="amount">X</span> pop-up(s) for you so far!
+        </div>
+    </body>
+  </html>
\ No newline at end of file
diff --git a/popup.js b/popup.js
new file mode 100644
index 0000000..bc5dbf9
--- /dev/null
+++ b/popup.js
@@ -0,0 +1,8 @@
+const storageKey = "popups_closed";
+const elementId = "amount";
+
+chrome.storage.sync.get([storageKey], (result) => {
+    console.log(result.popups_closed);
+    const value = ((result.popups_closed === undefined) ? 0 : result.popups_closed);
+    document.getElementById(elementId).textContent = value;
+});
\ No newline at end of file