TheLanc3/YoutubeDL-Material
1
0
Fork 0
mirror of https://github.com/Tzahi12345/YoutubeDL-Material.git synced 2026-03-07 12:00:01 +03:00
Code Issues Packages Projects Releases Wiki Activity

Updated firefox extension to v0.3, focused on making the settings menu look nicer

Browse Source
This commit is contained in:
Isaac Grynsztein
2020-03-17 18:15:07 -04:00
parent a5e1906196
commit aa80f52838
6 changed files with 55 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
chrome-extension/css/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

7
chrome-extension/js/bootstrap.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
chrome-extension/js/jquery-3.4.1.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

5
chrome-extension/js/popper.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

49
chrome-extension/options.html
View File

@@ -1,29 +1,42 @@
<!DOCTYPE html>
<html>
<head><title>YoutubeDL-Material Extension Options</title></head>
<head>
<title>YoutubeDL-Material Extension Options</title>
<!-- Scripts -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- Cascading Style Sheets -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<h2>Settings</h2>
<div>
<h4>Frontend URL</h4>
<input placeholder="Frontend URL" type="text" id="frontend_url">
<div style="width: 95%; margin: 0 auto;">
<div class="form-group">
<label for="frontend_url">Frontend URL:</label>
<input class="form-control" type="text" id="frontend_url">
</div>
<div class="checkbox">
<label>
<input type="checkbox" id="audio_only">
Audio only
</label>
</div>
<div id="status"></div>
<button style="margin-bottom: 10px;" class="btn btn-primary" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample" id="save">Save</button>
<div class="collapse" id="collapseExample">
<div class="card card-body">
Settings successfully saved!
</div>
</div>
</div>
<br/>
<div>
<label>
<input type="checkbox" id="audio_only">
Audio only
</label>
</div>
<br/>
<div id="status"></div>
<button id="save">Save</button>
<script src="options.js"></script>
</body>
</html>

7
chrome-extension/options.js
View File

@@ -7,11 +7,10 @@ function save_options() {
audio_only: audio_only
}, function() {
// Update status to let user know options were saved.
var status = document.getElementById('status');
status.textContent = 'Options saved.';
$('#collapseExample').collapse('show');
setTimeout(function() {
status.textContent = '';
}, 750);
$('#collapseExample').collapse('hide');
}, 2000);
});
}