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

translate tv guide

Browse source
This commit is contained in:
Luke Pulverenti 2015-10-14 13:33:30 -04:00
parent b0f79e54f4
commit 86e7b20cfc
3 changed files with 86 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dashboard-ui/components/tvguide/tvguide.js
View file

@ -479,7 +479,7 @@
}).done(function (template) { }).done(function (template) {
var tabContent = options.element; var tabContent = options.element;
tabContent.innerHTML = template; tabContent.innerHTML = Globalize.translateDocument(template);
Events.on(tabContent.querySelector('.programGrid'), 'scroll', function () { Events.on(tabContent.querySelector('.programGrid'), 'scroll', function () {

7
dashboard-ui/cordova/imagestore.js vendored
View file

@ -56,7 +56,14 @@
// Use the embedded server for iOS8, and also if we don't know the iOS version, just to be safe // Use the embedded server for iOS8, and also if we don't know the iOS version, just to be safe
//if (($.browser.iOSVersion || 0) < 9) { //if (($.browser.iOSVersion || 0) < 9) {
var index = url.indexOf('/Documents');
if (index != -1) {
return url.substring(index);
}
else {
return url.replace('file://', ''); return url.replace('file://', '');
}
//} //}
} }
return url; return url;

174
dashboard-ui/scripts/syncactivity.js
View file

@ -48,7 +48,7 @@
} }
var html = ''; var html = '';
html += '<div class="syncStatus" secondary data-status="' + job.Status + '" style="color:' + background + ';">'; html += '<div class="syncStatusBanner" data-status="' + job.Status + '" style="background-color:' + background + ';position:absolute;top:0;right:0;padding:.5em .5em; text-align:left;color: #fff; font-weight: 500; text-transform:uppercase; border-bottom-left-radius: 3px;">';
html += text; html += text;
html += '</div>'; html += '</div>';
@ -59,23 +59,59 @@
var html = ''; var html = '';
html += '<paper-icon-item class="syncJobItem" data-id="' + job.Id + '" data-status="' + job.Status + '">'; html += "<div class='card squareCard' data-id='" + job.Id + "' data-status='" + job.Status + "'>";
html += '<div class="' + cardBoxCssClass + '">';
html += '<div class="cardScalable">';
html += '<div class="cardPadder"></div>';
syncJobPage += '?id=' + job.Id;
html += '<a class="cardContent" href="' + syncJobPage + '">';
var imgUrl;
var style = '';
if (job.PrimaryImageItemId) { if (job.PrimaryImageItemId) {
var imgUrl = ApiClient.getScaledImageUrl(job.PrimaryImageItemId, { imgUrl = ApiClient.getScaledImageUrl(job.PrimaryImageItemId, {
type: "Primary", type: "Primary",
width: 40, width: 400,
tag: job.PrimaryImageTag, tag: job.PrimaryImageTag
minScale: 3
}); });
html += '<paper-fab class="listAvatar blue" style="background-image:url(\'' + imgUrl + '\');background-repeat:no-repeat;background-position:center center;background-size: cover;" item-icon></paper-fab>'; style = "background-position:center center;";
} else { } else {
html += '<paper-fab class="listAvatar blue" icon="sync" item-icon></paper-fab>'; style = "background-color:#38c;background-position:center center;";
imgUrl = "css/images/items/detail/video.png";
} }
html += '<paper-item-body three-line style="min-height:120px;">'; html += '<div class="cardImage coveredCardImage lazy" data-src="' + imgUrl + '" style="' + style + '">';
syncJobPage += '?id=' + job.Id;
html += '<a class="clearLink" href="' + syncJobPage + '">'; var progress = job.Progress || 0;
var footerClass = 'cardFooter fullCardFooter lightCardFooter';
if (progress == 0 || progress >= 100) {
footerClass += ' hide';
}
html += '<div class="' + footerClass + '">';
html += "<div class='cardText cardProgress'>";
html += '<progress class="itemProgressBar" min="0" max="100" value="' + progress + '"></progress>';
html += "</div>";
html += "</div>";
html += "</div>";
html += getSyncStatusBanner(job);
// cardContent
html += "</a>";
// cardScalable
html += "</div>";
html += '<div class="cardFooter outerCardFooter">';
var textLines = []; var textLines = [];
@ -95,80 +131,24 @@
textLines.push('&nbsp;'); textLines.push('&nbsp;');
} }
for (var i = 0, length = textLines.length; i < length; i++) { html += '<div class="cardText" style="text-align:right; float:right;padding:0;">';
html += '<paper-icon-button icon="' + AppInfo.moreIcon + '" class="btnJobMenu"></paper-icon-button>';
html += "</div>";
if (i == 0) { for (var i = 0, length = textLines.length; i < length; i++) {
html += "<div>"; html += "<div class='cardText' style='margin-right:30px;'>";
} else {
html += "<div secondary>";
}
html += textLines[i]; html += textLines[i];
html += "</div>"; html += "</div>";
} }
html += getSyncStatusBanner(job); // cardFooter
html += "</div>";
html += '<div secondary class="syncProgresContainer" style="padding-top:5px;">'; // cardBox
html += '<paper-progress class="mini" style="width:100%;" value="' + (job.Progress || 0) + '"></paper-progress>'; html += "</div>";
html += '</div>';
html += '</a>'; // card
html += '</paper-item-body>'; html += "</div>";
html += '<paper-icon-button icon="' + AppInfo.moreIcon + '" class="btnJobMenu"></paper-icon-button>';
html += '</paper-icon-item>';
//html += "<div class='card squareCard'>";
//html += '<div class="' + cardBoxCssClass + '">';
//html += '<div class="cardScalable">';
//html += '<div class="cardPadder"></div>';
//html += '<a class="cardContent" href="' + syncJobPage + '">';
//var imgUrl;
//var style = '';
//html += '<div class="cardImage coveredCardImage lazy" data-src="' + imgUrl + '" style="' + style + '">';
//var progress = job.Progress || 0;
//var footerClass = 'cardFooter fullCardFooter lightCardFooter';
//if (progress == 0 || progress >= 100) {
// footerClass += ' hide';
//}
//html += '<div class="' + footerClass + '">';
//html += "<div class='cardText cardProgress'>";
//html += '<progress class="itemProgressBar" min="0" max="100" value="' + progress + '"></progress>';
//html += "</div>";
//html += "</div>";
//html += "</div>";
//// cardContent
//html += "</a>";
//// cardScalable
//html += "</div>";
//html += '<div class="cardFooter outerCardFooter">';
//html += '<div class="cardText" style="text-align:right; float:right;padding:0;">';
//html += '<paper-icon-button icon="' + AppInfo.moreIcon + '" class="btnJobMenu"></paper-icon-button>';
//html += "</div>";
//// cardFooter
//html += "</div>";
//// cardBox
//html += "</div>";
//// card
//html += "</div>";
return html; return html;
} }
@ -207,26 +187,24 @@
if (targetName != lastTargetName) { if (targetName != lastTargetName) {
if (lastTargetName) { if (lastTargetName) {
html += '</div>'; html += '<br/>';
html += '</div>'; html += '<br/>';
html += '<br/>';
} }
lastTargetName = targetName; lastTargetName = targetName;
html += '<div class="syncActivityForTarget">'; html += '<div class="detailSectionHeader">';
html += '<h1>' + targetName + '</h1>';
html += '<div class="paperList">'; html += '<div>' + targetName + '</div>';
html += '</div>';
} }
} }
html += getSyncJobHtml(page, job, cardBoxCssClass, syncJobPage); html += getSyncJobHtml(page, job, cardBoxCssClass, syncJobPage);
} }
if (jobs.length) {
html += '</div>';
html += '</div>';
}
var elem = $('.syncActivity', page).html(html).lazyChildren(); var elem = $('.syncActivity', page).html(html).lazyChildren();
Events.trigger(elem[0], 'create'); Events.trigger(elem[0], 'create');
@ -251,32 +229,38 @@
function refreshJob(page, job) { function refreshJob(page, job) {
var card = page.querySelector('.syncJobItem[data-id=\'' + job.Id + '\']'); var card = page.querySelector('.card[data-id=\'' + job.Id + '\']');
if (!card) { if (!card) {
return; return;
} }
var banner = card.querySelector('.syncStatus'); var banner = card.querySelector('.syncStatusBanner');
if (banner.getAttribute('data-status') == job.Status) { if (banner.getAttribute('data-status') == job.Status) {
var elem = document.createElement('div'); var elem = document.createElement('div');
elem.innerHTML = getSyncStatusBanner(job); elem.innerHTML = getSyncStatusBanner(job);
elem = elem.querySelector('.syncStatus'); elem = elem.querySelector('.syncStatusBanner');
elem.parentNode.removeChild(elem); elem.parentNode.removeChild(elem);
banner.parentNode.replaceChild(elem, banner); banner.parentNode.replaceChild(elem, banner);
} }
var progress = job.Progress || 0; var progress = job.Progress || 0;
var syncProgresContainer = card.querySelector('.syncProgresContainer'); var cardFooter = card.querySelector('.cardFooter');
syncProgresContainer.querySelector('paper-progress').value = progress; if (progress == 0 || progress >= 100) {
cardFooter.classList.add('hide');
}
else {
cardFooter.classList.remove('hide');
cardFooter.querySelector('.itemProgressBar').value = progress;
}
} }
function showJobMenu(page, elem) { function showJobMenu(page, elem) {
var card = $(elem).parents('.syncJobItem'); var card = $(elem).parents('.card');
var jobId = card.attr('data-id'); var jobId = card.attr('data-id');
var status = card.attr('data-status'); var status = card.attr('data-status');
@ -327,7 +311,6 @@
function reloadData(page) { function reloadData(page) {
lastDataLoad = 0; lastDataLoad = 0;
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
var options = {}; var options = {};
@ -345,7 +328,6 @@
ApiClient.getJSON(ApiClient.getUrl('Sync/Jobs', options)).done(function (response) { ApiClient.getJSON(ApiClient.getUrl('Sync/Jobs', options)).done(function (response) {
loadData(page, response.Items); loadData(page, response.Items);
Dashboard.hideLoadingMsg(); Dashboard.hideLoadingMsg();
}); });