lordwelch/downthemall
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Cleanup popup

Browse Source
This commit is contained in:
Nils Maier 2019-08-24 07:23:56 +02:00
parent 7bfffd7598
commit a9f83071dc
2 changed files with 20 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
windows/popup.html
View File

@ -11,29 +11,29 @@
<body> <body>
<ul> <ul>
<li id="regular"> <li id="regular" data-action="do-regular">
<img srcset="/style/button-regular.png, /style/button-regular@2x.png 2x"> <img srcset="/style/button-regular.png, /style/button-regular@2x.png 2x">
<span data-i18n="dta.regular"></span> <span data-i18n="dta.regular"></span>
</li> </li>
<li id="turbo"> <li id="turbo" data-action="do-turbo">
<img srcset="/style/button-turbo.png, /style/button-turbo@2x.png 2x"> <img srcset="/style/button-turbo.png, /style/button-turbo@2x.png 2x">
<span data-i18n="dta.turbo">OneClick!</span> <span data-i18n="dta.turbo">OneClick!</span>
</li> </li>
<li class="sep"> <li class="sep">
<hr> <hr>
</li> </li>
<li id="single"> <li id="single" data-action="do-ingle">
<span class="icon icon-add"></span> <span class="icon icon-add"></span>
<span data-i18n="add-download"></span> <span data-i18n="add-download"></span>
</li> </li>
<li class="sep"> <li class="sep">
<hr> <hr>
</li> </li>
<li id="manager"> <li id="manager" data-action="open-manager">
<img srcset="/style/button-manager.png, /style/button-manager@2x.png 2x"> <img srcset="/style/button-manager.png, /style/button-manager@2x.png 2x">
<span data-i18n="manager.short"></span> <span data-i18n="manager.short"></span>
</li> </li>
<li id="prefs"> <li id="prefs" data-action="open-prefs">
<span class="icon icon-settings"></span> <span class="icon icon-settings"></span>
<span data-i18n="prefs.short">Preferences</span> <span data-i18n="prefs.short">Preferences</span>
</li> </li>

39
windows/popup.ts
View File

@ -4,34 +4,23 @@
import { localize } from "../lib/i18n"; import { localize } from "../lib/i18n";
import { runtime } from "../lib/browser"; import { runtime } from "../lib/browser";
const $ = document.querySelector.bind(document);
addEventListener("DOMContentLoaded", () => { addEventListener("DOMContentLoaded", () => {
localize(document.documentElement); localize(document.documentElement);
$("#regular"). addEventListener("click", () => { document.body.addEventListener("click", e => {
runtime.sendMessage("do-regular"); let target = e.target as HTMLElement;
close(); if (!target) {
}); return;
}
$("#turbo"). addEventListener("click", () => { while (target) {
runtime.sendMessage("do-turbo"); const {action} = target.dataset;
close(); if (!action) {
}); target = target.parentElement as HTMLElement;
continue;
$("#single"). addEventListener("click", () => { }
runtime.sendMessage("do-single"); runtime.sendMessage(action);
close();
});
$("#manager"). addEventListener("click", () => {
runtime.sendMessage("open-manager");
close();
});
$("#prefs"). addEventListener("click", () => {
runtime.sendMessage("open-prefs");
close(); close();
return;
}
}); });
}); });