mirror/mxpv-podsync
1
0
Fork 0
mirror of https://github.com/mxpv/podsync.git synced 2024-05-11 05:55:04 +00:00
Code Issues Releases Activity

Implement switchers

Browse Source
This commit is contained in:
Maksym Pavlenko
2016-12-18 13:43:04 -08:00
parent 5d8dca746f
commit e8dbb4d750
2 changed files with 42 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Podsync/Views/Home/Index.cshtml
+2 -2
View File
@@ -36,8 +36,8 @@
<p>
<i id="control-icon" class="fa fa-question-circle" aria-hidden="true"></i>
<span id="control-panel" class="locked">
Selected format <a class="selected-option">video</a> <a>audio</a>,
quality <a class="selected-option">best</a> <a>worst</a>,
Selected format <a class="selected-option" id="video-format">video</a> <a id="audio-format">audio</a>,
quality <a class="selected-option" id="best-quality">best</a> <a id="worst-quality">worst</a>,
</span>
<span class="locked" style="text-decoration: line-through">
<i class="fa fa-question-circle master-tooltip" title="Still under development. We will keep you updated via Patreon's news feed" aria-hidden="true"></i>
src/Podsync/wwwroot/js/site.js
+40 -9
View File
@@ -74,28 +74,59 @@ $(function () {
Control panel
*/
function enableControls(enable) {
if (enable) {
function lockControls(lock) {
if (lock) {
$('#control-panel').addClass('locked');
$('#control-icon')
.removeClass('fa-wrench')
.addClass('fa-question-circle master-tooltip')
.attr('title', 'This features are available for patrons only (please, login with your Patreon account). You may support us and unlock this features');
} else {
$('#control-panel')
.removeClass('locked');
$('#control-icon')
.removeClass('fa-question-circle master-tooltip')
.addClass('fa-wrench')
.removeAttr('title');
} else {
$('#control-panel').addClass('locked');
$('#control-icon')
.removeClass('fa-wrench')
.addClass('fa-question-circle master-tooltip')
.attr('title', 'This features are available for patrons only (please, login with your Patreon account). You may support us and unlock this features');
}
}
function isLocked() {
return $('#control-panel').hasClass('locked');
}
/*
Handlers
*/
function formatSwith() {
if (isLocked()) {
return;
}
$('#video-format, #audio-format').toggleClass('selected-option');
}
function qualitySwitch() {
if (isLocked()) {
return;
}
$('#best-quality, #worst-quality').toggleClass('selected-option');
}
/*
Attach handlers
*/
$('#get-link').click(function(e) {
var url = $('#url-input').val();
createFeed({ url: url, quality: 'VideoHigh' }, displayLink);
e.preventDefault();
});
enableControls(true);
$('#video-format, #audio-format').click(formatSwith);
$('#best-quality, #worst-quality').click(qualitySwitch);
lockControls(true);
});