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

Beautified all js in web dashboard

Browse source
This commit is contained in:
Vasily 2018-10-23 01:05:09 +03:00
parent 5895f209e7
commit 6bfd795635
346 changed files with 72978 additions and 375 deletions
Download patch file Download diff file Expand all files Collapse all files

81
dashboard-ui/devices/devices.js
View file

@ -1 +1,80 @@
define(["loading","dom","libraryMenu","globalize","humanedate","emby-linkbutton","emby-itemscontainer","cardStyle"],function(loading,dom,libraryMenu,globalize){"use strict";function canDelete(deviceId){return deviceId!==ApiClient.deviceId()}function deleteDevice(page,id){var msg=globalize.translate("DeleteDeviceConfirmation");require(["confirm"],function(confirm){confirm({text:msg,title:globalize.translate("HeaderDeleteDevice"),confirmText:globalize.translate("ButtonDelete"),primary:"cancel"}).then(function(){loading.show(),ApiClient.ajax({type:"DELETE",url:ApiClient.getUrl("Devices",{Id:id})}).then(function(){loadData(page)})})})}function showDeviceMenu(view,btn,deviceId){var menuItems=[];canEdit&&menuItems.push({name:globalize.translate("sharedcomponents#Edit"),id:"open",ironIcon:"mode-edit"}),canDelete(deviceId)&&menuItems.push({name:globalize.translate("sharedcomponents#Delete"),id:"delete",ironIcon:"delete"}),require(["actionsheet"],function(actionsheet){actionsheet.show({items:menuItems,positionTo:btn,callback:function(id){switch(id){case"open":Dashboard.navigate("devices/device.html?id="+deviceId);break;case"delete":deleteDevice(view,deviceId)}}})})}function load(page,devices){var html="";html+=devices.map(function(device){var deviceHtml="";deviceHtml+="<div data-id='"+device.Id+"' class='card backdropCard'>",deviceHtml+='<div class="cardBox visualCardBox">',deviceHtml+='<div class="cardScalable">',deviceHtml+='<div class="cardPadder cardPadder-backdrop"></div>',deviceHtml+='<a is="emby-linkbutton" href="'+(canEdit?"devices/device.html?id="+device.Id:"#")+'" class="cardContent cardImageContainer">';var iconUrl=device.IconUrl;return iconUrl&&-1===iconUrl.indexOf("://")&&(iconUrl=ApiClient.getUrl(iconUrl)),iconUrl?(deviceHtml+='<div class="cardImage" style="background-image:url(\''+iconUrl+"');background-size: auto 64%;background-position:center center;\">",deviceHtml+="</div>"):deviceHtml+='<i class="cardImageIcon md-icon">tablet_android</i>',deviceHtml+="</a>",deviceHtml+="</div>",deviceHtml+='<div class="cardFooter">',(canEdit||canDelete(device.Id))&&(deviceHtml+='<div style="text-align:right; float:right;padding-top:5px;">',deviceHtml+='<button type="button" is="paper-icon-button-light" data-id="'+device.Id+'" title="'+globalize.translate("sharedcomponents#Menu")+'" class="btnDeviceMenu"><i class="md-icon">&#xE5D3;</i></button>',deviceHtml+="</div>"),deviceHtml+="<div class='cardText'>",deviceHtml+=device.Name,deviceHtml+="</div>",deviceHtml+="<div class='cardText cardText-secondary'>",deviceHtml+=device.AppName+" "+device.AppVersion,deviceHtml+="</div>",deviceHtml+="<div class='cardText cardText-secondary'>",device.LastUserName&&(deviceHtml+=device.LastUserName,deviceHtml+=", "+humane_date(device.DateLastActivity)),deviceHtml+="&nbsp;",deviceHtml+="</div>",deviceHtml+="</div>",deviceHtml+="</div>",deviceHtml+="</div>"}).join(""),page.querySelector(".devicesList").innerHTML=html}function loadData(page){loading.show(),ApiClient.getJSON(ApiClient.getUrl("Devices")).then(function(result){load(page,result.Items),loading.hide()})}var canEdit=ApiClient.isMinServerVersion("3.4.1.31");return function(view,params){view.querySelector(".devicesList").addEventListener("click",function(e){var btnDeviceMenu=dom.parentWithClass(e.target,"btnDeviceMenu");btnDeviceMenu&&showDeviceMenu(view,btnDeviceMenu,btnDeviceMenu.getAttribute("data-id"))}),view.addEventListener("viewshow",function(){loadData(this)})}});
define(["loading", "dom", "libraryMenu", "globalize", "humanedate", "emby-linkbutton", "emby-itemscontainer", "cardStyle"], function(loading, dom, libraryMenu, globalize) {
"use strict";
function canDelete(deviceId) {
return deviceId !== ApiClient.deviceId()
}
function deleteDevice(page, id) {
var msg = globalize.translate("DeleteDeviceConfirmation");
require(["confirm"], function(confirm) {
confirm({
text: msg,
title: globalize.translate("HeaderDeleteDevice"),
confirmText: globalize.translate("ButtonDelete"),
primary: "cancel"
}).then(function() {
loading.show(), ApiClient.ajax({
type: "DELETE",
url: ApiClient.getUrl("Devices", {
Id: id
})
}).then(function() {
loadData(page)
})
})
})
}
function showDeviceMenu(view, btn, deviceId) {
var menuItems = [];
canEdit && menuItems.push({
name: globalize.translate("sharedcomponents#Edit"),
id: "open",
ironIcon: "mode-edit"
}), canDelete(deviceId) && menuItems.push({
name: globalize.translate("sharedcomponents#Delete"),
id: "delete",
ironIcon: "delete"
}), require(["actionsheet"], function(actionsheet) {
actionsheet.show({
items: menuItems,
positionTo: btn,
callback: function(id) {
switch (id) {
case "open":
Dashboard.navigate("devices/device.html?id=" + deviceId);
break;
case "delete":
deleteDevice(view, deviceId)
}
}
})
})
}
function load(page, devices) {
var html = "";
html += devices.map(function(device) {
var deviceHtml = "";
deviceHtml += "<div data-id='" + device.Id + "' class='card backdropCard'>", deviceHtml += '<div class="cardBox visualCardBox">', deviceHtml += '<div class="cardScalable">', deviceHtml += '<div class="cardPadder cardPadder-backdrop"></div>', deviceHtml += '<a is="emby-linkbutton" href="' + (canEdit ? "devices/device.html?id=" + device.Id : "#") + '" class="cardContent cardImageContainer">';
var iconUrl = device.IconUrl;
return iconUrl && -1 === iconUrl.indexOf("://") && (iconUrl = ApiClient.getUrl(iconUrl)), iconUrl ? (deviceHtml += '<div class="cardImage" style="background-image:url(\'' + iconUrl + "');background-size: auto 64%;background-position:center center;\">", deviceHtml += "</div>") : deviceHtml += '<i class="cardImageIcon md-icon">tablet_android</i>', deviceHtml += "</a>", deviceHtml += "</div>", deviceHtml += '<div class="cardFooter">', (canEdit || canDelete(device.Id)) && (deviceHtml += '<div style="text-align:right; float:right;padding-top:5px;">', deviceHtml += '<button type="button" is="paper-icon-button-light" data-id="' + device.Id + '" title="' + globalize.translate("sharedcomponents#Menu") + '" class="btnDeviceMenu"><i class="md-icon">&#xE5D3;</i></button>', deviceHtml += "</div>"), deviceHtml += "<div class='cardText'>", deviceHtml += device.Name, deviceHtml += "</div>", deviceHtml += "<div class='cardText cardText-secondary'>", deviceHtml += device.AppName + " " + device.AppVersion, deviceHtml += "</div>", deviceHtml += "<div class='cardText cardText-secondary'>", device.LastUserName && (deviceHtml += device.LastUserName, deviceHtml += ", " + humane_date(device.DateLastActivity)), deviceHtml += "&nbsp;", deviceHtml += "</div>", deviceHtml += "</div>", deviceHtml += "</div>", deviceHtml += "</div>"
}).join(""), page.querySelector(".devicesList").innerHTML = html
}
function loadData(page) {
loading.show(), ApiClient.getJSON(ApiClient.getUrl("Devices")).then(function(result) {
load(page, result.Items), loading.hide()
})
}
var canEdit = ApiClient.isMinServerVersion("3.4.1.31");
return function(view, params) {
view.querySelector(".devicesList").addEventListener("click", function(e) {
var btnDeviceMenu = dom.parentWithClass(e.target, "btnDeviceMenu");
btnDeviceMenu && showDeviceMenu(view, btnDeviceMenu, btnDeviceMenu.getAttribute("data-id"))
}), view.addEventListener("viewshow", function() {
loadData(this)
})
}
});