leonetienne/Tubio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added 'take-me-home' button to the chrome extension

Browse Source
This commit is contained in:
Leonetienne 2021-03-13 19:15:40 +01:00
parent d1578ac94b
commit 8b31627450
5 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
goodies/chrome-extension/popup/css/background.css
View File

@ -1,6 +1,6 @@
body { body {
width: 300px; width: 300px;
height: 310px; height: 340px;
margin: 0 !important; margin: 0 !important;
} }
body .bgmask { body .bgmask {

2
goodies/chrome-extension/popup/css/button.css
View File

@ -14,7 +14,7 @@ button.small {
} }
button:hover { button:hover {
transform: scale(1.075); transform: scale(1.035);
color: #fff; color: #fff;
background-color: #5954a4; background-color: #5954a4;
} }

6
goodies/chrome-extension/popup/index.html
View File

@ -24,14 +24,16 @@
<div class="flex flex-col align-items-center"> <div class="flex flex-col align-items-center">
<!-- Download this - button --> <!-- Download this - button -->
<button class="special" id="button-download" title="Will download this pages URL as a video of highest quality."> <button class="special" id="button--download" title="Will download this pages URL as a video of highest quality.">
Download! Download!
</button> </button>
<button class="small" id="button--take-me-home" style="margin-top: 0.5em;">Take me to my downloads</button>
<!-- Tubio config form --> <!-- Tubio config form -->
<label for="tubio-address" style="margin-top: 3em;">Where can i reach tubio?</label> <label for="tubio-address" style="margin-top: 3em;">Where can i reach tubio?</label>
<input type="text" id="tubio-address" class="text-center" /> <input type="text" id="tubio-address" class="text-center" />
<button class="small" id="button-save-settings" style="margin-top: 0.5em;">Save settings</button> <button class="small" id="button--save-settings" style="margin-top: 0.5em;">Save settings</button>
</div> </div>
</div> </div>

12
goodies/chrome-extension/popup/js/script.js
View File

@ -1,6 +1,6 @@
$("#button-download").click(function() { $("#button--download").click(function() {
$("#button-download").addClass("lock"); $("#button--download").addClass("lock");
// Query active tab in active window... // Query active tab in active window...
chrome.windows.getCurrent(function(w) { chrome.windows.getCurrent(function(w) {
@ -25,8 +25,14 @@ chrome.storage.local.get(['tubio_address'], function(result) {
$("#tubio-address").val(result.tubio_address); $("#tubio-address").val(result.tubio_address);
}); });
$("#button-save-settings").click(function() { $("#button--save-settings").click(function() {
chrome.storage.local.set({ chrome.storage.local.set({
tubio_address: $("#tubio-address").val() tubio_address: $("#tubio-address").val()
}); });
}); });
$("#button--take-me-home").click(function() {
chrome.storage.local.get(['tubio_address'], function(result) {
chrome.tabs.create({url: result.tubio_address});
});
});

2
goodies/chrome-extension/readme.md
View File

@ -1,5 +1,5 @@
# Chrome Extension for Tubio # Chrome Extension for Tubio
Adds a context-menu and a popup to download videos instantly. Adds a context-menu and a popup to download videos instantly.
It does not open tubio for you. It just downloads the videos. It does not open Tubio for you. It just downloads the videos. But you can click a button in the extensions popup that takes you to Tubio.
For now this is not on the chrome store, but you can easily install unlisted extensions from source as shown [here](https://developer.chrome.com/docs/extensions/mv2/faq/#:~:text=Click%20the%20Chrome%20menu%20icon,a%20packaged%20extension%2C%20and%20more.). For now this is not on the chrome store, but you can easily install unlisted extensions from source as shown [here](https://developer.chrome.com/docs/extensions/mv2/faq/#:~:text=Click%20the%20Chrome%20menu%20icon,a%20packaged%20extension%2C%20and%20more.).