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

pull/33/head
Isaac Grynsztein 5 years ago
parent a5e1906196
commit aa80f52838

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -1,28 +1,41 @@
<!DOCTYPE html> <!DOCTYPE html>
<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> <body>
<h2>Settings</h2> <h2>Settings</h2>
<div> <div style="width: 95%; margin: 0 auto;">
<h4>Frontend URL</h4> <div class="form-group">
<input placeholder="Frontend URL" type="text" id="frontend_url"> <label for="frontend_url">Frontend URL:</label>
<input class="form-control" type="text" id="frontend_url">
</div> </div>
<br/> <div class="checkbox">
<div>
<label> <label>
<input type="checkbox" id="audio_only"> <input type="checkbox" id="audio_only">
Audio only Audio only
</label> </label>
</div> </div>
<br/>
<div id="status"></div> <div id="status"></div>
<button id="save">Save</button> <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>
<script src="options.js"></script> <script src="options.js"></script>
</body> </body>

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

Loading…
Cancel
Save