feat(popup): add disable and enable button

This commit is contained in:
wanhose 2021-04-08 23:50:06 +02:00
parent a962c4ac16
commit e4b1289d0f

106
popup.html Normal file
View File

@ -0,0 +1,106 @@
<html>
<head>
<link rel="stylesheet" href="/styles/reset.css" />
<link rel="stylesheet" href="/styles/index.css" />
<meta charset="UTF-8" />
<meta name="author" content="wanhose" />
<script src="/scripts/popup.js"></script>
</head>
<body>
<h1>Looking for disable/enable this extension only in this site?</h1>
<button id="state-button"></button>
<h1>Please rate this extension!</h1>
<div id="stars">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="star"
data-score="1"
>
<polygon
points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="star"
data-score="2"
>
<polygon
points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="star"
data-score="3"
>
<polygon
points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="star"
data-score="4"
>
<polygon
points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="star"
data-score="5"
>
<polygon
points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
/>
</svg>
</div>
<p hidden="true" id="negative">
Ooops! We are sorry for the inconvenience, please
<a href="mailto:wanhose.development@gmail.com" target="_blank">
contact us
</a>
and we will help you
<span aria-label="Grinning face with sweat" role="img">😅</span>
</p>
<p hidden="true" id="positive">
Thank you very much! Help us to grow rating and reviewing this extension
<a id="store-link" target="_blank">here</a>
<span aria-label="Smiling face with heart-shaped eyes" role="img">
😍
</span>
</p>
</body>
</html>