cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-17 19:08:18 -07:00
Code Issues Packages Projects Releases Wiki Activity

add images to available plugins as well

Browse Source
This commit is contained in:
dkanada 2021-02-06 15:45:48 +09:00
parent 12c6cf5498
commit 22c66ae353
4 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/cardbuilder/card.css
View File

@ -365,7 +365,7 @@ button::-moz-focus-inner {
}
.cardImageIcon {
font-size: 5em;
font-size: 5em !important;
color: inherit;
}

3
src/controllers/dashboard/devices/devices.js
View File

@ -4,6 +4,7 @@ import globalize from '../../../scripts/globalize';
import imageHelper from '../../../scripts/imagehelper';
import { formatDistanceToNow } from 'date-fns';
import { localeWithSuffix } from '../../../scripts/dfnshelper';
import * as cardBuilder from '../../../components/cardbuilder/cardBuilder.js';
import '../../../elements/emby-button/emby-button';
import '../../../elements/emby-itemscontainer/emby-itemscontainer';
import '../../../components/cardbuilder/card.css';
@ -96,7 +97,7 @@ import confirm from '../../../components/confirm/confirm';
deviceHtml += '<div class="cardBox visualCardBox">';
deviceHtml += '<div class="cardScalable">';
deviceHtml += '<div class="cardPadder cardPadder-backdrop"></div>';
deviceHtml += '<a is="emby-linkbutton" href="' + (canEdit ? '#!/device.html?id=' + device.Id : '#') + '" class="cardContent cardImageContainer">';
deviceHtml += `<a is="emby-linkbutton" href="${canEdit ? '#!/device.html?id=' + device.Id : '#'}" class="cardContent cardImageContainer ${cardBuilder.getDefaultBackgroundClass()}">`;
const iconUrl = imageHelper.getDeviceIcon(device);
if (iconUrl) {

7
src/controllers/dashboard/plugins/available/index.js
View File

@ -105,7 +105,12 @@ function getPluginHtml(plugin, options, installedPlugins) {
html += '<div class="cardPadder cardPadder-backdrop"></div>';
html += `<div class="cardContent ${cardBuilder.getDefaultBackgroundClass()}">`;
html += `<a class="cardImageContainer" is="emby-linkbutton" href="${href}" ${target}>`;
html += '<span class="cardImageIcon material-icons extension"></span>';
html += `<span class="cardImageIcon ${plugin.ImageUrl ? '' : 'material-icons extension'}">`;
if (plugin.ImageUrl) {
html += `<img src="${plugin.ImageUrl}" style="width:100%;height:auto" />`;
}
html += '</span>';
html += '</a>';
html += '</div>';
html += '</div>';

3
src/controllers/dashboard/plugins/installed/index.js
View File

@ -67,10 +67,11 @@ function getPluginCardHtml(plugin, pluginConfigurationPages) {
html += '<div class="cardImageContainer noConfigPluginCard noHoverEffect emby-button">';
}
html += `<span class="cardImageIcon ${plugin.HasImage ? 'material-icons extension' : ''}">`;
html += `<span class="cardImageIcon ${plugin.HasImage ? '' : 'material-icons extension'}">`;
if (plugin.HasImage) {
html += `<img src="/Plugins/${plugin.Id}/${plugin.Version}/Image" style="width:100%;height:auto" />`;
}
html += '</span>';
html += configPageUrl ? '</a>' : '</div>';
html += '</div>';