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

make catalog images larger

Browse source
This commit is contained in:
Luke Pulverenti 2013-08-28 23:20:10 -04:00
parent 0b4f16bbd5
commit 0d588db6d4
3 changed files with 37 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

34
dashboard-ui/plugincatalog.html
View file

@ -14,14 +14,16 @@
<a href="pluginupdates.html" data-role="button">Automatic Updates</a>
</div>
<div style=" margin-bottom: 10px">
<p><strong>There are three types of plug-ins: <a data-rel="popup" data-position-to="origin" href="#freePlugins">Free</a>,
<a data-rel="popup" data-position-to="origin" href="#supporterPlugins">Supporter-Only</a>, and <a data-rel="popup" data-position-to="origin" href="#premiumPlugins">Premium</a>.</strong></p>
</div>
<div class="ui-grid-a">
<p style="margin: 2em 0;">
<strong>Plugin types: <a data-rel="popup" data-position-to="origin" href="#freePlugins">Free</a>,
<a data-rel="popup" data-position-to="origin" href="#supporterPlugins">Supporter-Only</a>, and <a data-rel="popup" data-position-to="origin" href="#premiumPlugins">Premium</a>.</strong>
</p>
<div class="ui-block-a" >
<div style="display: inline-block;">
<label for="selectTargetSystem">Show plugins for</label>
</div>
<div style="display: inline-block;">
<select id="selectTargetSystem" data-mini="true" data-inline="true" style="margin-left: .5em;">
<option value="Server">MB Server</option>
<option value="MBTheater">MB Theater</option>
@ -29,13 +31,12 @@
</select>
</div>
<div class="ui-block-b" style="margin-top: 30px">
<div style="display: inline-block; vertical-align: bottom;">
<input class="chkPremiumFilter" type="checkbox" data-mini="true" data-inline="true" name="chkPremium" id="chkPremium" data-theme="c" data-filter="IsPremium">
<label for="chkPremium">Show Free Items Only</label>
<label for="chkPremium">Show Free Only</label>
</div>
</div>
<div id="noPlugins" class="hide">
<div style="text-align: center; margin: 10px;">No available plugins</div>
@ -49,22 +50,27 @@
<div data-role="popup" class="ui-content" id="freePlugins" data-theme="e" data-overlay-theme="a" style="max-width: 50%">
<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
<p>Free plug-ins can be installed and used by anyone for free. They will appear in the catalog without any banners.<p>
<p>
Free plug-ins can be installed and used by anyone for free. They will appear in the catalog without any banners.<p>
</div>
<div data-role="popup" class="ui-content" id="supporterPlugins" data-theme="e" data-overlay-theme="a" style="max-width: 50%">
<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
<p>Supporter-Only plug-ins are free for anyone who is an <strong>MB3 Supporter</strong> (with a valid MB3 key who has donated the minimum amount to the overall project).</p>
<p>Anyone can install them and enjoy a free trial period of 14 days in most instances. The trial period may commence as soon as you install the plug-in.<p>
<p>
Anyone can install them and enjoy a free trial period of 14 days in most instances. The trial period may commence as soon as you install the plug-in.<p>
<p>These plug-ins will appear in the catalog with a "Supporter" banner.</p>
</div>
<div data-role="popup" class="ui-content" id="premiumPlugins" data-theme="e" data-overlay-theme="a" style="max-width: 50%">
<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
<p>Premium plug-ins are developed by third-parties and require that you be an <strong>MB3 Supporter <em>and</em> also register the plug-in with its creator.</strong>
The cost of registering these plug-ins is set for each one by its creator and all revenues go to that person.</p>
<p>
Premium plug-ins are developed by third-parties and require that you be an <strong>MB3 Supporter <em>and</em> also register the plug-in with its creator.</strong>
The cost of registering these plug-ins is set for each one by its creator and all revenues go to that person.
</p>
<p>Anyone can install them and enjoy a free trial period of 14 days in most instances. The trial period may commence as soon as you install the plug-in.</p>
<p>You should install premium plug-ins without registering them first to take advantage of this trial period. Then, if you find the functionality useful,
<p>
You should install premium plug-ins without registering them first to take advantage of this trial period. Then, if you find the functionality useful,
you can register it via its detail page here in the catalog.
</p>
<p>These plug-ins will appear in the catalog with a "Premium" banner.</p>

4
dashboard-ui/plugins.html
View file

@ -13,9 +13,7 @@
<a href="plugincatalog.html" data-role="button">Plugin Catalog</a>
<a href="pluginupdates.html" data-role="button">Automatic Updates</a>
</div>
<div style="margin-top: -25px; margin-bottom: 10px">
<p ><strong>Select a plug-in to configure it.</strong></p>
</div>
<div class="readOnlyContent">
<ul id="ulInstalledPlugins" data-role="listview" data-inset="true" data-auto-enhanced="false" data-split-icon="minus"></ul>
</div>

4
dashboard-ui/scripts/plugincatalogpage.js
View file

@ -48,10 +48,10 @@
currentCategory = category;
}
html += "<a class='posterItem smallBackdropPosterItem transparentPosterItem borderlessPosterItem' href='addPlugin.html?name=" + encodeURIComponent(plugin.name) + "'>";
html += "<a class='posterItem backdropPosterItem transparentPosterItem borderlessPosterItem' href='addPlugin.html?name=" + encodeURIComponent(plugin.name) + "'>";
if (plugin.thumbImage) {
html += '<div class="posterItemImage" style="background-image:url(\'' + plugin.thumbImage + '\');"></div>';
html += '<div class="posterItemImage" style="background-image:url(\'' + plugin.thumbImage + '\');background-size:cover;"></div>';
} else {
html += '<div class="posterItemImage defaultPosterItemImage" style="background-image:url(\'css/images/items/list/collection.png\');"></div>';
}