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

Update server and quick connect icons

Browse source
This commit is contained in:
Bill Thornton 2022-10-20 17:38:33 -04:00
parent 8af09253c8
commit 9ef78533d0
3 changed files with 5 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/controllers/session/selectServer/index.js
View file

@ -28,24 +28,15 @@ import cardBuilder from '../../../components/cardbuilder/cardBuilder';
const items = servers.map(function (server) { const items = servers.map(function (server) {
return { return {
name: server.Name, name: server.Name,
showIcon: true, icon: 'storage',
icon: 'cast',
cardType: '', cardType: '',
id: server.Id, id: server.Id,
server: server server: server
}; };
}); });
let html = items.map(function (item) { let html = items.map(function (item) {
let cardImageContainer;
if (item.showIcon) {
cardImageContainer = '<span class="cardImageIcon material-icons ' + item.icon + '" aria-hidden="true"></span>';
} else {
cardImageContainer = '<div class="cardImage" style="' + item.cardImageStyle + '"></div>';
}
// TODO move card creation code to Card component // TODO move card creation code to Card component
const cardImageContainer = '<span class="cardImageIcon material-icons ' + item.icon + '" aria-hidden="true"></span>';
let cssClass = 'card overflowSquareCard loginSquareCard scalableCard overflowSquareCard-scalable'; let cssClass = 'card overflowSquareCard loginSquareCard scalableCard overflowSquareCard-scalable';
if (layoutManager.tv) { if (layoutManager.tv) {

4
src/controllers/user/menu/index.html
View file

@ -14,7 +14,7 @@
<a is="emby-linkbutton" data-ripple="false" href="#" style="display:block;padding:0;margin:0;" class="lnkQuickConnectPreferences listItem-border hide"> <a is="emby-linkbutton" data-ripple="false" href="#" style="display:block;padding:0;margin:0;" class="lnkQuickConnectPreferences listItem-border hide">
<div class="listItem"> <div class="listItem">
<span class="material-icons listItemIcon listItemIcon-transparent tap_and_play" aria-hidden="true"></span> <span class="material-icons listItemIcon listItemIcon-transparent verified_user" aria-hidden="true"></span>
<div class="listItemBody"> <div class="listItemBody">
<div class="listItemBodyText">${QuickConnect}</div> <div class="listItemBodyText">${QuickConnect}</div>
</div> </div>
@ -98,7 +98,7 @@
<h2 class="sectionTitle" style="padding-left:.25em;">${HeaderUser}</h2> <h2 class="sectionTitle" style="padding-left:.25em;">${HeaderUser}</h2>
<a is="emby-linkbutton" data-ripple="false" href="#" style="display:block;padding:0;margin:0;" class="selectServer hide listItem-border"> <a is="emby-linkbutton" data-ripple="false" href="#" style="display:block;padding:0;margin:0;" class="selectServer hide listItem-border">
<div class="listItem"> <div class="listItem">
<span class="material-icons listItemIcon listItemIcon-transparent wifi" aria-hidden="true"></span> <span class="material-icons listItemIcon listItemIcon-transparent storage" aria-hidden="true"></span>
<div class="listItemBody"> <div class="listItemBody">
<div class="listItemBodyText">${SelectServer}</div> <div class="listItemBodyText">${SelectServer}</div>
</div> </div>

2
src/scripts/libraryMenu.js
View file

@ -325,7 +325,7 @@ import '../assets/css/flexstyles.scss';
html += '</h3>'; html += '</h3>';
if (appHost.supports('multiserver')) { if (appHost.supports('multiserver')) {
html += `<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder btnSelectServer" data-itemid="selectserver" href="#"><span class="material-icons navMenuOptionIcon wifi" aria-hidden="true"></span><span class="navMenuOptionText">${globalize.translate('SelectServer')}</span></a>`; html += `<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder btnSelectServer" data-itemid="selectserver" href="#"><span class="material-icons navMenuOptionIcon storage" aria-hidden="true"></span><span class="navMenuOptionText">${globalize.translate('SelectServer')}</span></a>`;
} }
html += `<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder btnSettings" data-itemid="settings" href="#"><span class="material-icons navMenuOptionIcon settings" aria-hidden="true"></span><span class="navMenuOptionText">${globalize.translate('Settings')}</span></a>`; html += `<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder btnSettings" data-itemid="settings" href="#"><span class="material-icons navMenuOptionIcon settings" aria-hidden="true"></span><span class="navMenuOptionText">${globalize.translate('Settings')}</span></a>`;