Cleaned up context menu and made download button in popup work

This commit is contained in:
Leonetienne
2021-03-13 18:24:26 +01:00
parent 402ff761d4
commit c10a3f40f2
6 changed files with 113 additions and 37 deletions

View File

@@ -17,6 +17,10 @@ button:hover {
animation-iteration-count: infinite;
}
button.lock {
visibility: hidden;
}
@keyframes color-cycle {
0% {background-color: #ff6666; transform: scale(1.075);}
16.67% {background-color: #c966ff;}

View File

@@ -17,18 +17,26 @@
<div class="bgmask"></div>
<h1 class="text-center pt-1">Tubio</h1>
<h2 class="text-center">Companion Extension</h2>
<h1 class="text-center pt-1" style="margin-bottom: 0;">Tubio</h1>
<h2 class="text-center" style="margin-top: 0; padding-top: 0;">Companion Extension</h2>
<div class="flex justify-content-center">
<div class="flex flex-col align-items-center">
<button >Download!</button>
<!-- Download this - button -->
<button id="button-download" title="Will download this pages URL as a video of highest quality.">
Download!
</button>
<label for="tubio-address" style="margin-top: 3em;">Where can i reach tubio?</label>
<input type="text" id="tubio-address" class="text-center" />
</div>
</div>
<script src="../lib/jquery-3.5.1.min.js"></script>
<script src="../lib/axios.js"></script>
<script src="../queueDownload.js"></script>
<script src="js/script.js"></script>
</body>
</html>

View File

@@ -0,0 +1,22 @@
$("#button-download").click(function() {
$("#button-download").addClass("lock");
// Query active tab in active window...
chrome.windows.getCurrent(function(w) {
chrome.tabs.query({
active: true,
windowId: w.id
}, function(foundTabs) {
if (foundTabs.length > 0) {
QueueDownload(foundTabs[0].url, "video", "best", function(){
window.close();
});
} else {
console.log("Wtf, this should not happen. You don't have ANY open tab?...");
}
});
});
return;
});