mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
added refresh buttons to guide and tv pages
This commit is contained in:
parent
0b911596eb
commit
07d6d245d1
5 changed files with 216 additions and 5 deletions
|
@ -21,6 +21,14 @@
|
|||
</p>
|
||||
<div id="divVirtualFolders"></div>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<div class="readOnlyContent refreshLibraryPanel hide">
|
||||
<button type="button" class="btnRefresh" data-icon="refresh" data-mini="true">Scan Library</button>
|
||||
<progress max="100" min="0" style="width: 100%;" class="refreshProgress"></progress>
|
||||
<div style="margin-top: 5px;">Last Result: <span class="lastRefreshResult"></span></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -23,6 +23,14 @@
|
|||
<p>Status: <span id="activeServiceStatus"></span></p>
|
||||
<p>Version: <span id="activeServiceVersion"></span></p>
|
||||
</div>
|
||||
<br />
|
||||
|
||||
<div class="readOnlyContent refreshGuidePanel hide">
|
||||
<button type="button" class="btnRefreshGuide" data-icon="refresh" data-mini="true">Refresh Guide Data</button>
|
||||
<progress max="100" min="0" style="width: 100%;" class="refreshGuideProgress"></progress>
|
||||
<div style="margin-top: 5px;">Last Result: <span class="lastRefreshGuideResult"></span></div>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<h2>Tuners</h2>
|
||||
|
||||
|
|
|
@ -372,16 +372,21 @@
|
|||
|
||||
html += '<p>';
|
||||
|
||||
html += task.Name;
|
||||
html += task.Name+"<br/>";
|
||||
|
||||
if (task.State == "Running") {
|
||||
var progress = (task.CurrentProgressPercentage || 0).toFixed(1);
|
||||
html += '<span style="color:#267F00;margin-right:5px;font-weight:bold;"> - ' + progress + '%</span>';
|
||||
|
||||
html += '<progress max="100" value="' + progress + '" title="' + progress + '%">';
|
||||
html += '' + progress + '%';
|
||||
html += '</progress>';
|
||||
|
||||
html += "<span style='color:#009F00;margin-left:5px;margin-right:5px;'>" + progress + "%</span>";
|
||||
|
||||
html += '<button type="button" data-icon="stop" data-iconpos="notext" data-inline="true" data-mini="true" onclick="DashboardPage.stopTask(\'' + task.Id + '\');">Stop</button>';
|
||||
}
|
||||
else if (task.State == "Cancelling") {
|
||||
html += '<span style="color:#cc0000;"> - Stopping</span>';
|
||||
html += '<span style="color:#cc0000;">Stopping</span>';
|
||||
}
|
||||
|
||||
html += '</p>';
|
||||
|
|
|
@ -157,12 +157,102 @@
|
|||
});
|
||||
}
|
||||
|
||||
$(document).on('pageshow', "#liveTvStatusPage", function () {
|
||||
function pollTasks(page) {
|
||||
|
||||
ApiClient.getScheduledTasks().done(function (tasks) {
|
||||
|
||||
updateTasks(page, tasks);
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function updateTasks(page, tasks) {
|
||||
|
||||
$('.refreshGuidePanel', page).removeClass('hide');
|
||||
|
||||
var task = tasks.filter(function (t) {
|
||||
|
||||
return t.Name == 'Refresh Guide';
|
||||
|
||||
})[0];
|
||||
|
||||
$('.btnRefreshGuide', page).buttonEnabled(task.State == 'Idle').attr('data-taskid', task.Id);
|
||||
|
||||
var progress = (task.CurrentProgressPercentage || 0).toFixed(1);
|
||||
$('.refreshGuideProgress', page).val(progress);
|
||||
var lastResult = task.LastExecutionResult ? task.LastExecutionResult.Status : '';
|
||||
|
||||
if (lastResult == "Failed") {
|
||||
$('.lastRefreshGuideResult', page).html('<span style="color:#FF0000;">(failed)</span>');
|
||||
}
|
||||
else if (lastResult == "Cancelled") {
|
||||
$('.lastRefreshGuideResult', page).html('<span style="color:#0026FF;">(cancelled)</span>');
|
||||
}
|
||||
else if (lastResult == "Aborted") {
|
||||
$('.lastRefreshGuideResult', page).html('<span style="color:#FF0000;">(Aborted by server shutdown)</span>');
|
||||
} else {
|
||||
$('.lastRefreshGuideResult', page).html(lastResult);
|
||||
}
|
||||
}
|
||||
|
||||
function onWebSocketMessage(e, msg) {
|
||||
|
||||
if (msg.MessageType == "ScheduledTasksInfo") {
|
||||
|
||||
var tasks = msg.Data;
|
||||
|
||||
var page = $.mobile.activePage;
|
||||
|
||||
updateTasks(page, tasks);
|
||||
}
|
||||
}
|
||||
|
||||
$(document).on('pageinit', "#liveTvStatusPage", function () {
|
||||
|
||||
var page = this;
|
||||
|
||||
reload(page);
|
||||
$('.btnRefreshGuide', page).on('click', function () {
|
||||
|
||||
var button = this;
|
||||
var id = button.getAttribute('data-taskid');
|
||||
|
||||
ApiClient.startScheduledTask(id).done(function () {
|
||||
|
||||
pollTasks(page);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
}).on('pageshow', "#liveTvStatusPage", function () {
|
||||
|
||||
var page = this;
|
||||
|
||||
$('.refreshGuidePanel', page).addClass('hide');
|
||||
|
||||
reload(page);
|
||||
|
||||
pollTasks(page);
|
||||
|
||||
if (ApiClient.isWebSocketOpen()) {
|
||||
ApiClient.sendWebSocketMessage("ScheduledTasksInfoStart", "1500,1500");
|
||||
}
|
||||
|
||||
$(ApiClient).on("websocketmessage", onWebSocketMessage).on('websocketopen', function () {
|
||||
|
||||
if (ApiClient.isWebSocketOpen()) {
|
||||
ApiClient.sendWebSocketMessage("ScheduledTasksInfoStart", "1500,1500");
|
||||
}
|
||||
});
|
||||
|
||||
}).on('pagehide', "#liveTvStatusPage", function () {
|
||||
|
||||
var page = this;
|
||||
|
||||
if (ApiClient.isWebSocketOpen()) {
|
||||
ApiClient.sendWebSocketMessage("ScheduledTasksInfoStop");
|
||||
}
|
||||
|
||||
$(ApiClient).off("websocketmessage", onWebSocketMessage);
|
||||
});
|
||||
|
||||
})(jQuery, document, window);
|
||||
|
|
|
@ -327,3 +327,103 @@
|
|||
};
|
||||
|
||||
$(document).on('pageshow', ".mediaLibraryPage", MediaLibraryPage.onPageShow);
|
||||
|
||||
(function ($, document, window) {
|
||||
|
||||
function pollTasks(page) {
|
||||
|
||||
ApiClient.getScheduledTasks().done(function (tasks) {
|
||||
|
||||
updateTasks(page, tasks);
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function updateTasks(page, tasks) {
|
||||
|
||||
$('.refreshLibraryPanel', page).removeClass('hide');
|
||||
|
||||
var task = tasks.filter(function (t) {
|
||||
|
||||
return t.Name == 'Scan media library';
|
||||
|
||||
})[0];
|
||||
|
||||
$('.btnRefresh', page).buttonEnabled(task.State == 'Idle').attr('data-taskid', task.Id);
|
||||
|
||||
var progress = (task.CurrentProgressPercentage || 0).toFixed(1);
|
||||
$('.refreshProgress', page).val(progress);
|
||||
var lastResult = task.LastExecutionResult ? task.LastExecutionResult.Status : '';
|
||||
|
||||
if (lastResult == "Failed") {
|
||||
$('.lastRefreshResult', page).html('<span style="color:#FF0000;">(failed)</span>');
|
||||
}
|
||||
else if (lastResult == "Cancelled") {
|
||||
$('.lastRefreshResult', page).html('<span style="color:#0026FF;">(cancelled)</span>');
|
||||
}
|
||||
else if (lastResult == "Aborted") {
|
||||
$('.lastRefreshResult', page).html('<span style="color:#FF0000;">(Aborted by server shutdown)</span>');
|
||||
} else {
|
||||
$('.lastRefreshResult', page).html(lastResult);
|
||||
}
|
||||
}
|
||||
|
||||
function onWebSocketMessage(e, msg) {
|
||||
|
||||
if (msg.MessageType == "ScheduledTasksInfo") {
|
||||
|
||||
var tasks = msg.Data;
|
||||
|
||||
var page = $.mobile.activePage;
|
||||
|
||||
updateTasks(page, tasks);
|
||||
}
|
||||
}
|
||||
|
||||
$(document).on('pageinit', "#mediaLibraryPage", function () {
|
||||
|
||||
var page = this;
|
||||
|
||||
$('.btnRefresh', page).on('click', function () {
|
||||
|
||||
var button = this;
|
||||
var id = button.getAttribute('data-taskid');
|
||||
|
||||
ApiClient.startScheduledTask(id).done(function () {
|
||||
|
||||
pollTasks(page);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
}).on('pageshow', "#mediaLibraryPage", function () {
|
||||
|
||||
var page = this;
|
||||
|
||||
$('.refreshLibraryPanel', page).addClass('hide');
|
||||
|
||||
pollTasks(page);
|
||||
|
||||
if (ApiClient.isWebSocketOpen()) {
|
||||
ApiClient.sendWebSocketMessage("ScheduledTasksInfoStart", "1500,1500");
|
||||
}
|
||||
|
||||
$(ApiClient).on("websocketmessage", onWebSocketMessage).on('websocketopen', function () {
|
||||
|
||||
if (ApiClient.isWebSocketOpen()) {
|
||||
ApiClient.sendWebSocketMessage("ScheduledTasksInfoStart", "1500,1500");
|
||||
}
|
||||
});
|
||||
|
||||
}).on('pagehide', "#mediaLibraryPage", function () {
|
||||
|
||||
var page = this;
|
||||
|
||||
if (ApiClient.isWebSocketOpen()) {
|
||||
ApiClient.sendWebSocketMessage("ScheduledTasksInfoStop");
|
||||
}
|
||||
|
||||
$(ApiClient).off("websocketmessage", onWebSocketMessage);
|
||||
});
|
||||
|
||||
})(jQuery, document, window);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue