mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
separate task buttons script
This commit is contained in:
parent
a722ddc665
commit
e82017b591
5 changed files with 127 additions and 104 deletions
|
@ -19,8 +19,8 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--<button style="display: none;" class="btnClearLog" type="button" data-inline="true" data-icon="forbidden" data-mini="true">Clear</button>-->
|
<!--<button style="display: none;" class="btnClearLog" type="button" data-inline="true" data-icon="forbidden" data-mini="true">Clear</button>-->
|
||||||
<div style="float: right; position: relative; top: 15px;margin-top: -5px;">
|
<div style="float: right; position: relative; top: 15px;margin-top: -5px;display:none;" class="organizeTaskPanel">
|
||||||
<button type="button" class="btnOrganize" data-icon="action" data-mini="true" data-inline="true">${ButtonOrganizeNow}</button>
|
<button type="button" class="btnOrganize" data-icon="action" data-mini="true" data-inline="true">${ButtonOrganize}</button>
|
||||||
<progress max="100" min="0" style="width:100px;display:none;" class="organizeProgress"></progress>
|
<progress max="100" min="0" style="width:100px;display:none;" class="organizeProgress"></progress>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
|
|
|
@ -333,11 +333,14 @@
|
||||||
$('.btnOrganize', page).taskButton({
|
$('.btnOrganize', page).taskButton({
|
||||||
mode: 'on',
|
mode: 'on',
|
||||||
progressElem: $('.organizeProgress', page),
|
progressElem: $('.organizeProgress', page),
|
||||||
|
panel: $('.organizeTaskPanel', page),
|
||||||
taskKey: 'AutoOrganize'
|
taskKey: 'AutoOrganize'
|
||||||
});
|
});
|
||||||
|
|
||||||
}).on('pagehide', "#libraryFileOrganizerLogPage", function () {
|
}).on('pagehide', "#libraryFileOrganizerLogPage", function () {
|
||||||
|
|
||||||
|
var page = this;
|
||||||
|
|
||||||
currentResult = null;
|
currentResult = null;
|
||||||
|
|
||||||
// off here
|
// off here
|
||||||
|
|
|
@ -395,103 +395,3 @@ var WizardLibraryPage = {
|
||||||
});
|
});
|
||||||
|
|
||||||
})(jQuery, document, window);
|
})(jQuery, document, window);
|
||||||
|
|
||||||
$.fn.taskButton = function (options) {
|
|
||||||
|
|
||||||
function pollTasks(button) {
|
|
||||||
|
|
||||||
ApiClient.getScheduledTasks().done(function (tasks) {
|
|
||||||
|
|
||||||
updateTasks(button, tasks);
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateTasks(button, tasks) {
|
|
||||||
|
|
||||||
var task = tasks.filter(function (t) {
|
|
||||||
|
|
||||||
return t.Key == options.taskKey;
|
|
||||||
|
|
||||||
})[0];
|
|
||||||
|
|
||||||
button.buttonEnabled(task.State == 'Idle').attr('data-taskid', task.Id);
|
|
||||||
|
|
||||||
var progress = (task.CurrentProgressPercentage || 0).toFixed(1);
|
|
||||||
|
|
||||||
if (options.progressElem) {
|
|
||||||
var progressElem = options.progressElem.val(progress);
|
|
||||||
|
|
||||||
if (task.State == 'Running') {
|
|
||||||
progressElem.show();
|
|
||||||
} else {
|
|
||||||
progressElem.hide();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (options.lastResultElem) {
|
|
||||||
var lastResult = task.LastExecutionResult ? task.LastExecutionResult.Status : '';
|
|
||||||
|
|
||||||
if (lastResult == "Failed") {
|
|
||||||
options.lastResultElem.html('<span style="color:#FF0000;">' + Globalize.translate('LabelFailed') + '</span>');
|
|
||||||
}
|
|
||||||
else if (lastResult == "Cancelled") {
|
|
||||||
options.lastResultElem.html('<span style="color:#0026FF;">' + Globalize.translate('LabelCancelled') + '</span>');
|
|
||||||
}
|
|
||||||
else if (lastResult == "Aborted") {
|
|
||||||
options.lastResultElem.html('<span style="color:#FF0000;">' + Globalize.translate('LabelAbortedByServerShutdown') + '</span>');
|
|
||||||
} else {
|
|
||||||
options.lastResultElem.html(lastResult);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var self = this;
|
|
||||||
|
|
||||||
if (options.mode == 'off') {
|
|
||||||
|
|
||||||
if (ApiClient.isWebSocketOpen()) {
|
|
||||||
ApiClient.sendWebSocketMessage("ScheduledTasksInfoStop");
|
|
||||||
}
|
|
||||||
|
|
||||||
$(ApiClient).off(".taskbutton");
|
|
||||||
|
|
||||||
} else {
|
|
||||||
|
|
||||||
this.on('click', function () {
|
|
||||||
|
|
||||||
var button = this;
|
|
||||||
var id = button.getAttribute('data-taskid');
|
|
||||||
|
|
||||||
ApiClient.startScheduledTask(id).done(function () {
|
|
||||||
|
|
||||||
pollTasks(self);
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
pollTasks(self);
|
|
||||||
|
|
||||||
if (ApiClient.isWebSocketOpen()) {
|
|
||||||
ApiClient.sendWebSocketMessage("ScheduledTasksInfoStart", "1000,1000");
|
|
||||||
}
|
|
||||||
|
|
||||||
$(ApiClient).on("websocketmessage.taskbutton", function (e, msg) {
|
|
||||||
|
|
||||||
if (msg.MessageType == "ScheduledTasksInfo") {
|
|
||||||
|
|
||||||
var tasks = msg.Data;
|
|
||||||
|
|
||||||
updateTasks(self, tasks);
|
|
||||||
}
|
|
||||||
|
|
||||||
}).on('websocketopen.taskbutton', function () {
|
|
||||||
|
|
||||||
if (ApiClient.isWebSocketOpen()) {
|
|
||||||
ApiClient.sendWebSocketMessage("ScheduledTasksInfoStart", "1000,1000");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return this;
|
|
||||||
};
|
|
120
dashboard-ui/scripts/taskbutton.js
Normal file
120
dashboard-ui/scripts/taskbutton.js
Normal file
|
@ -0,0 +1,120 @@
|
||||||
|
|
||||||
|
$.fn.taskButton = function (options) {
|
||||||
|
|
||||||
|
function pollTasks(button) {
|
||||||
|
|
||||||
|
ApiClient.getScheduledTasks({
|
||||||
|
|
||||||
|
IsEnabled: true
|
||||||
|
|
||||||
|
}).done(function (tasks) {
|
||||||
|
|
||||||
|
updateTasks(button, tasks);
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateTasks(button, tasks) {
|
||||||
|
|
||||||
|
var task = tasks.filter(function (t) {
|
||||||
|
|
||||||
|
return t.Key == options.taskKey;
|
||||||
|
|
||||||
|
})[0];
|
||||||
|
|
||||||
|
if (options.panel) {
|
||||||
|
if (task) {
|
||||||
|
$(options.panel).show();
|
||||||
|
} else {
|
||||||
|
$(options.panel).hide();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!task) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.buttonEnabled(task.State == 'Idle').attr('data-taskid', task.Id);
|
||||||
|
|
||||||
|
var progress = (task.CurrentProgressPercentage || 0).toFixed(1);
|
||||||
|
|
||||||
|
if (options.progressElem) {
|
||||||
|
var progressElem = options.progressElem.val(progress);
|
||||||
|
|
||||||
|
if (task.State == 'Running') {
|
||||||
|
progressElem.show();
|
||||||
|
} else {
|
||||||
|
progressElem.hide();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (options.lastResultElem) {
|
||||||
|
var lastResult = task.LastExecutionResult ? task.LastExecutionResult.Status : '';
|
||||||
|
|
||||||
|
if (lastResult == "Failed") {
|
||||||
|
options.lastResultElem.html('<span style="color:#FF0000;">' + Globalize.translate('LabelFailed') + '</span>');
|
||||||
|
}
|
||||||
|
else if (lastResult == "Cancelled") {
|
||||||
|
options.lastResultElem.html('<span style="color:#0026FF;">' + Globalize.translate('LabelCancelled') + '</span>');
|
||||||
|
}
|
||||||
|
else if (lastResult == "Aborted") {
|
||||||
|
options.lastResultElem.html('<span style="color:#FF0000;">' + Globalize.translate('LabelAbortedByServerShutdown') + '</span>');
|
||||||
|
} else {
|
||||||
|
options.lastResultElem.html(lastResult);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var self = this;
|
||||||
|
|
||||||
|
if (options.panel) {
|
||||||
|
$(options.panel).hide();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (options.mode == 'off') {
|
||||||
|
|
||||||
|
if (ApiClient.isWebSocketOpen()) {
|
||||||
|
ApiClient.sendWebSocketMessage("ScheduledTasksInfoStop");
|
||||||
|
}
|
||||||
|
|
||||||
|
$(ApiClient).off(".taskbutton");
|
||||||
|
|
||||||
|
} else {
|
||||||
|
|
||||||
|
this.on('click', function () {
|
||||||
|
|
||||||
|
var button = this;
|
||||||
|
var id = button.getAttribute('data-taskid');
|
||||||
|
|
||||||
|
ApiClient.startScheduledTask(id).done(function () {
|
||||||
|
|
||||||
|
pollTasks(self);
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
pollTasks(self);
|
||||||
|
|
||||||
|
if (ApiClient.isWebSocketOpen()) {
|
||||||
|
ApiClient.sendWebSocketMessage("ScheduledTasksInfoStart", "1000,1000");
|
||||||
|
}
|
||||||
|
|
||||||
|
$(ApiClient).on("websocketmessage.taskbutton", function (e, msg) {
|
||||||
|
|
||||||
|
if (msg.MessageType == "ScheduledTasksInfo") {
|
||||||
|
|
||||||
|
var tasks = msg.Data;
|
||||||
|
|
||||||
|
updateTasks(self, tasks);
|
||||||
|
}
|
||||||
|
|
||||||
|
}).on('websocketopen.taskbutton', function () {
|
||||||
|
|
||||||
|
if (ApiClient.isWebSocketOpen()) {
|
||||||
|
ApiClient.sendWebSocketMessage("ScheduledTasksInfoStart", "1000,1000");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return this;
|
||||||
|
};
|
|
@ -14,7 +14,7 @@
|
||||||
<a href="syncsettings.html" data-role="button">${TabSettings}</a>
|
<a href="syncsettings.html" data-role="button">${TabSettings}</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style="text-align:right;margin-top:-20px;">
|
<div style="text-align:right;margin-top:-40px;">
|
||||||
<button type="button" class="btnSync" data-icon="cloud" data-mini="true" data-inline="true">${ButtonConvertMedia}</button>
|
<button type="button" class="btnSync" data-icon="cloud" data-mini="true" data-inline="true">${ButtonConvertMedia}</button>
|
||||||
<progress max="100" min="0" style="width:100px;display:none;" class="syncProgress"></progress>
|
<progress max="100" min="0" style="width:100px;display:none;" class="syncProgress"></progress>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue