mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

added refresh buttons to guide and tv pages

Browse source
This commit is contained in:
Luke Pulverenti 2014-03-16 15:39:58 -04:00
parent 0b911596eb
commit 07d6d245d1
5 changed files with 216 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
dashboard-ui/library.html
View file

@ -21,6 +21,14 @@
</p> </p>
<div id="divVirtualFolders"></div> <div id="divVirtualFolders"></div>
</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> </div>
</div> </div>

8
dashboard-ui/livetvstatus.html
View file

@ -23,6 +23,14 @@
<p>Status: <span id="activeServiceStatus"></span></p> <p>Status: <span id="activeServiceStatus"></span></p>
<p>Version: <span id="activeServiceVersion"></span></p> <p>Version: <span id="activeServiceVersion"></span></p>
</div> </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 /> <br />
<h2>Tuners</h2> <h2>Tuners</h2>

11
dashboard-ui/scripts/dashboardpage.js
View file

@ -372,16 +372,21 @@
html += '<p>'; html += '<p>';
html += task.Name; html += task.Name+"<br/>";
if (task.State == "Running") { if (task.State == "Running") {
var progress = (task.CurrentProgressPercentage || 0).toFixed(1); 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>'; 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") { else if (task.State == "Cancelling") {
html += '<span style="color:#cc0000;"> - Stopping</span>'; html += '<span style="color:#cc0000;">Stopping</span>';
} }
html += '</p>'; html += '</p>';

92
dashboard-ui/scripts/livetvstatus.js
View file

@ -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; var page = this;
$('.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); 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); })(jQuery, document, window);

100
dashboard-ui/scripts/medialibrarypage.js
View file

@ -327,3 +327,103 @@
}; };
$(document).on('pageshow', ".mediaLibraryPage", MediaLibraryPage.onPageShow); $(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);