wanhose/cookie-dialog-monster
wanhose/cookie-dialog-monster
2
5
Fork 0
Code Issues 304 Pull Requests Releases 18 Wiki Activity

feat(popup): replace text by i18n data attributes

Browse Source
This commit is contained in:
wanhose 2021-11-08 17:10:21 +01:00
parent 0b7bcd7d19
commit 2e589f2adc
1 changed files with 12 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
popup.html
View File

@ -11,7 +11,7 @@
<header class="header"> <header class="header">
<h1 class="header-title">Cookie Dialog Monster</h1> <h1 class="header-title">Cookie Dialog Monster</h1>
<div class="header-actions"> <div class="header-actions">
<button id="reload"> <button aria-label="Reload page" id="reload">
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="24" width="24"
@ -34,7 +34,10 @@
</header> </header>
<main> <main>
<label class="switch-label"> <label class="switch-label">
<span>Eating dialogs in <strong id="host"></strong></span> <span>
<span data-i18n="toggleText"></span>
<strong id="host"></strong>
</span>
<div class="switch"> <div class="switch">
<input checked="checked" id="power" type="checkbox" /> <input checked="checked" id="power" type="checkbox" />
<span class="slider"></span> <span class="slider"></span>
@ -43,9 +46,9 @@
<div class="separator"></div> <div class="separator"></div>
<div> <div>
<div class="rating"> <div class="rating">
<span>Do you like this extension?</span> <span data-i18n="reviewText"></span>
<div class="rating-actions"> <div class="rating-actions">
<button id="unlike"> <button aria-label="Unlike" id="unlike">
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="24" width="24"
@ -62,7 +65,7 @@
></path> ></path>
</svg> </svg>
</button> </button>
<button id="like"> <button aria-label="Like" id="like">
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="24" width="24"
@ -81,26 +84,12 @@
</button> </button>
</div> </div>
</div> </div>
<p hidden="true" id="negative"> <p data-i18n="negativeText" hidden="true" id="negative"></p>
Ooops! I am sorry for the inconvenience, please <p data-i18n="positiveText" hidden="true" id="positive"></p>
<a href="mailto:wanhose.development@gmail.com" target="_blank">
contact me
</a>
and I will help you
<span aria-label="Grinning face with sweat" role="img">😅</span>
</p>
<p hidden="true" id="positive">
Thank you very much! Help me to grow rating and reviewing this
extension
<a id="store" target="_blank">here</a>
<span aria-label="Smiling face with heart-shaped eyes" role="img">
😍
</span>
</p>
</div> </div>
<div class="separator"></div> <div class="separator"></div>
<div class="help"> <div class="help">
<span>Help or issues?</span> <span data-i18n="helpText"></span>
<a href="mailto:wanhose.development@gmail.com" target="_blank"> <a href="mailto:wanhose.development@gmail.com" target="_blank">
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -120,7 +109,7 @@
</div> </div>
</main> </main>
<footer> <footer>
Made with <span aria-label="Heart" role="img">❤️</span> by <span data-i18n="footerText"></span>
<a href="https://github.com/wanhose" target="_blank">wanhose</a> <a href="https://github.com/wanhose" target="_blank">wanhose</a>
</footer> </footer>
</body> </body>