mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
start a dashboard folder
This commit is contained in:
Luke Pulverenti
parent
bcd2bd0f52
commit
c043164de5
26 changed files with 182 additions and 95 deletions
|
|
@ -1,400 +0,0 @@
|
|||
define(['serverNotifications', 'events', 'scripts/taskbutton', 'datetime', 'paper-icon-button-light'], function (serverNotifications, events, taskButton, datetime) {
|
||||
|
||||
var query = {
|
||||
|
||||
StartIndex: 0,
|
||||
Limit: 50
|
||||
};
|
||||
|
||||
var currentResult;
|
||||
var page;
|
||||
|
||||
function parentWithClass(elem, className) {
|
||||
|
||||
while (!elem.classList || !elem.classList.contains(className)) {
|
||||
elem = elem.parentNode;
|
||||
|
||||
if (!elem) {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
return elem;
|
||||
}
|
||||
|
||||
function showStatusMessage(id) {
|
||||
|
||||
var item = currentResult.Items.filter(function (i) {
|
||||
|
||||
return i.Id == id;
|
||||
})[0];
|
||||
|
||||
Dashboard.alert({
|
||||
|
||||
title: getStatusText(item, false),
|
||||
message: item.StatusMessage
|
||||
});
|
||||
}
|
||||
|
||||
function deleteOriginalFile(page, id) {
|
||||
|
||||
var item = currentResult.Items.filter(function (i) {
|
||||
|
||||
return i.Id == id;
|
||||
})[0];
|
||||
|
||||
var message = Globalize.translate('MessageFileWillBeDeleted') + '<br/><br/>' + item.OriginalPath + '<br/><br/>' + Globalize.translate('MessageSureYouWishToProceed');
|
||||
|
||||
require(['confirm'], function (confirm) {
|
||||
|
||||
confirm(message, Globalize.translate('HeaderDeleteFile')).then(function () {
|
||||
|
||||
Dashboard.showLoadingMsg();
|
||||
|
||||
ApiClient.deleteOriginalFileFromOrganizationResult(id).then(function () {
|
||||
|
||||
Dashboard.hideLoadingMsg();
|
||||
|
||||
reloadItems(page, true);
|
||||
|
||||
}, Dashboard.processErrorResponse);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function organizeFileWithCorrections(page, item) {
|
||||
|
||||
showCorrectionPopup(page, item);
|
||||
}
|
||||
|
||||
function showCorrectionPopup(page, item) {
|
||||
|
||||
require(['components/fileorganizer/fileorganizer'], function (fileorganizer) {
|
||||
|
||||
fileorganizer.show(item).then(function () {
|
||||
reloadItems(page, false);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function organizeFile(page, id) {
|
||||
|
||||
var item = currentResult.Items.filter(function (i) {
|
||||
|
||||
return i.Id == id;
|
||||
})[0];
|
||||
|
||||
if (!item.TargetPath) {
|
||||
|
||||
if (item.Type == "Episode") {
|
||||
organizeFileWithCorrections(page, item);
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
var message = Globalize.translate('MessageFollowingFileWillBeMovedFrom') + '<br/><br/>' + item.OriginalPath + '<br/><br/>' + Globalize.translate('MessageDestinationTo') + '<br/><br/>' + item.TargetPath;
|
||||
|
||||
if (item.DuplicatePaths.length) {
|
||||
message += '<br/><br/>' + Globalize.translate('MessageDuplicatesWillBeDeleted');
|
||||
|
||||
message += '<br/><br/>' + item.DuplicatePaths.join('<br/>');
|
||||
}
|
||||
|
||||
message += '<br/><br/>' + Globalize.translate('MessageSureYouWishToProceed');
|
||||
|
||||
require(['confirm'], function (confirm) {
|
||||
|
||||
confirm(message, Globalize.translate('HeaderOrganizeFile')).then(function () {
|
||||
|
||||
Dashboard.showLoadingMsg();
|
||||
|
||||
ApiClient.performOrganization(id).then(function () {
|
||||
|
||||
Dashboard.hideLoadingMsg();
|
||||
|
||||
reloadItems(page, true);
|
||||
|
||||
}, Dashboard.processErrorResponse);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function reloadItems(page, showSpinner) {
|
||||
|
||||
if (showSpinner) {
|
||||
Dashboard.showLoadingMsg();
|
||||
}
|
||||
|
||||
ApiClient.getFileOrganizationResults(query).then(function (result) {
|
||||
|
||||
currentResult = result;
|
||||
renderResults(page, result);
|
||||
|
||||
Dashboard.hideLoadingMsg();
|
||||
}, Dashboard.processErrorResponse);
|
||||
}
|
||||
|
||||
function getStatusText(item, enhance) {
|
||||
|
||||
var status = item.Status;
|
||||
|
||||
var color = null;
|
||||
|
||||
if (status == 'SkippedExisting') {
|
||||
status = Globalize.translate('StatusSkipped');
|
||||
}
|
||||
else if (status == 'Failure') {
|
||||
color = '#cc0000';
|
||||
status = Globalize.translate('StatusFailed');
|
||||
}
|
||||
if (status == 'Success') {
|
||||
color = 'green';
|
||||
status = Globalize.translate('StatusSuccess');
|
||||
}
|
||||
|
||||
if (enhance) {
|
||||
|
||||
if (item.StatusMessage) {
|
||||
|
||||
return '<a style="color:' + color + ';" data-resultid="' + item.Id + '" href="#" class="btnShowStatusMessage">' + status + '</a>';
|
||||
} else {
|
||||
return '<span data-resultid="' + item.Id + '" style="color:' + color + ';">' + status + '</span>';
|
||||
}
|
||||
}
|
||||
|
||||
return status;
|
||||
}
|
||||
|
||||
function renderResults(page, result) {
|
||||
|
||||
var rows = result.Items.map(function (item) {
|
||||
|
||||
var html = '';
|
||||
|
||||
html += '<tr id="row' + item.Id + '">';
|
||||
|
||||
html += renderItemRow(item);
|
||||
|
||||
html += '</tr>';
|
||||
|
||||
return html;
|
||||
}).join('');
|
||||
|
||||
var resultBody = page.querySelector('.resultBody');
|
||||
resultBody.innerHTML = rows;
|
||||
|
||||
resultBody.addEventListener('click', handleItemClick);
|
||||
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
showLimit: false,
|
||||
updatePageSizeSetting: false
|
||||
});
|
||||
|
||||
var topPaging = page.querySelector('.listTopPaging');
|
||||
topPaging.innerHTML = pagingHtml;
|
||||
|
||||
var bottomPaging = page.querySelector('.listBottomPaging');
|
||||
bottomPaging.innerHTML = pagingHtml;
|
||||
|
||||
var btnNextTop = topPaging.querySelector(".btnNextPage");
|
||||
var btnNextBottom = bottomPaging.querySelector(".btnNextPage");
|
||||
var btnPrevTop = topPaging.querySelector(".btnPreviousPage");
|
||||
var btnPrevBottom = bottomPaging.querySelector(".btnPreviousPage");
|
||||
|
||||
btnNextTop.addEventListener('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
reloadItems(page, true);
|
||||
});
|
||||
|
||||
btnNextBottom.addEventListener('click', function () {
|
||||
query.StartIndex += query.Limit;
|
||||
reloadItems(page, true);
|
||||
});
|
||||
|
||||
btnPrevTop.addEventListener('click', function () {
|
||||
query.StartIndex -= query.Limit;
|
||||
reloadItems(page, true);
|
||||
});
|
||||
|
||||
btnPrevBottom.addEventListener('click', function () {
|
||||
query.StartIndex -= query.Limit;
|
||||
reloadItems(page, true);
|
||||
});
|
||||
|
||||
var btnClearLog = page.querySelector('.btnClearLog');
|
||||
|
||||
if (result.TotalRecordCount) {
|
||||
btnClearLog.classList.remove('hide');
|
||||
} else {
|
||||
btnClearLog.classList.add('hide');
|
||||
}
|
||||
}
|
||||
|
||||
function renderItemRow(item) {
|
||||
|
||||
var html = '';
|
||||
|
||||
html += '<td>';
|
||||
var hide = item.IsInProgress ? '' : ' hide';
|
||||
html += '<img src="css/images/throbber.gif" alt="" class="syncSpinner' + hide + '" style="vertical-align: middle;" />';
|
||||
html += '</td>';
|
||||
|
||||
html += '<td data-title="Date">';
|
||||
var date = datetime.parseISO8601Date(item.Date, true);
|
||||
html += date.toLocaleDateString();
|
||||
html += '</td>';
|
||||
|
||||
html += '<td data-title="Source" class="fileCell">';
|
||||
var status = item.Status;
|
||||
|
||||
if (item.IsInProgress) {
|
||||
html += '<span style="color:darkorange;">';
|
||||
html += item.OriginalFileName;
|
||||
html += '</span>';
|
||||
}
|
||||
else if (status == 'SkippedExisting') {
|
||||
html += '<a data-resultid="' + item.Id + '" style="color:blue;" href="#" class="btnShowStatusMessage">';
|
||||
html += item.OriginalFileName;
|
||||
html += '</a>';
|
||||
}
|
||||
else if (status == 'Failure') {
|
||||
html += '<a data-resultid="' + item.Id + '" style="color:red;" href="#" class="btnShowStatusMessage">';
|
||||
html += item.OriginalFileName;
|
||||
html += '</a>';
|
||||
} else {
|
||||
html += '<span style="color:green;">';
|
||||
html += item.OriginalFileName;
|
||||
html += '</span>';
|
||||
}
|
||||
html += '</td>';
|
||||
|
||||
html += '<td data-title="Destination" class="fileCell">';
|
||||
html += item.TargetPath || '';
|
||||
html += '</td>';
|
||||
|
||||
html += '<td class="organizerButtonCell">';
|
||||
|
||||
if (item.Status != 'Success') {
|
||||
|
||||
html += '<button type="button" is="paper-icon-button-light" data-resultid="' + item.Id + '" class="btnProcessResult organizerButton autoSize" title="' + Globalize.translate('ButtonOrganizeFile') + '"><i class="md-icon">folder</i></button>';
|
||||
html += '<button type="button" is="paper-icon-button-light" data-resultid="' + item.Id + '" class="btnDeleteResult organizerButton autoSize" title="' + Globalize.translate('ButtonDeleteFile') + '"><i class="md-icon">delete</i></button>';
|
||||
}
|
||||
|
||||
html += '</td>';
|
||||
|
||||
return html;
|
||||
}
|
||||
|
||||
function handleItemClick(e) {
|
||||
|
||||
var id;
|
||||
|
||||
var buttonStatus = parentWithClass(e.target, 'btnShowStatusMessage');
|
||||
if (buttonStatus) {
|
||||
|
||||
id = buttonStatus.getAttribute('data-resultid');
|
||||
showStatusMessage(id);
|
||||
}
|
||||
|
||||
var buttonOrganize = parentWithClass(e.target, 'btnProcessResult');
|
||||
if (buttonOrganize) {
|
||||
|
||||
id = buttonOrganize.getAttribute('data-resultid');
|
||||
organizeFile(e.view, id);
|
||||
}
|
||||
|
||||
var buttonDelete = parentWithClass(e.target, 'btnDeleteResult');
|
||||
if (buttonDelete) {
|
||||
|
||||
id = buttonDelete.getAttribute('data-resultid');
|
||||
deleteOriginalFile(e.view, id);
|
||||
}
|
||||
}
|
||||
|
||||
function onServerEvent(e, apiClient, data) {
|
||||
|
||||
if (data) {
|
||||
|
||||
updateItemStatus(page, data);
|
||||
} else {
|
||||
|
||||
reloadItems(page, false);
|
||||
}
|
||||
}
|
||||
|
||||
function updateItemStatus(page, item) {
|
||||
|
||||
var rowId = '#row' + item.Id;
|
||||
var row = page.querySelector(rowId);
|
||||
|
||||
if (row) {
|
||||
|
||||
row.innerHTML = renderItemRow(item);
|
||||
}
|
||||
}
|
||||
|
||||
function getTabs() {
|
||||
return [
|
||||
{
|
||||
href: 'autoorganizelog.html',
|
||||
name: Globalize.translate('TabActivityLog')
|
||||
},
|
||||
{
|
||||
href: 'autoorganizetv.html',
|
||||
name: Globalize.translate('TabTV')
|
||||
},
|
||||
{
|
||||
href: 'autoorganizesmart.html',
|
||||
name: Globalize.translate('TabSmartMatches')
|
||||
}];
|
||||
}
|
||||
|
||||
|
||||
return function (view, params) {
|
||||
|
||||
page = view;
|
||||
|
||||
var clearButton = view.querySelector('.btnClearLog');
|
||||
clearButton.addEventListener('click', function () {
|
||||
|
||||
ApiClient.clearOrganizationLog().then(function () {
|
||||
reloadItems(view, true);
|
||||
}, Dashboard.processErrorResponse);
|
||||
});
|
||||
|
||||
view.addEventListener('viewshow', function (e) {
|
||||
|
||||
LibraryMenu.setTabs('autoorganize', 0, getTabs);
|
||||
|
||||
reloadItems(view, true);
|
||||
|
||||
events.on(serverNotifications, 'AutoOrganizeUpdate', onServerEvent);
|
||||
|
||||
// on here
|
||||
taskButton({
|
||||
mode: 'on',
|
||||
progressElem: view.querySelector('.organizeProgress'),
|
||||
panel: view.querySelector('.organizeTaskPanel'),
|
||||
taskKey: 'AutoOrganize',
|
||||
button: view.querySelector('.btnOrganize')
|
||||
});
|
||||
});
|
||||
|
||||
view.addEventListener('viewhide', function (e) {
|
||||
|
||||
currentResult = null;
|
||||
|
||||
events.off(serverNotifications, 'AutoOrganizeUpdate', onServerEvent);
|
||||
|
||||
// off here
|
||||
taskButton({
|
||||
mode: 'off',
|
||||
button: view.querySelector('.btnOrganize')
|
||||
});
|
||||
});
|
||||
};
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue