mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
display news on dashboard home page
This commit is contained in:
Luke Pulverenti
parent
1fa7dcdb2b
commit
b932873b1d
5 changed files with 205 additions and 88 deletions
13
ApiClient.js
13
ApiClient.js
|
|
@ -197,6 +197,19 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
return webSocket && (webSocket.readyState === WebSocket.OPEN || webSocket.readyState === WebSocket.CONNECTING);
|
||||
};
|
||||
|
||||
self.getProductNews = function (options) {
|
||||
|
||||
options = options || {};
|
||||
|
||||
var url = self.getUrl("News/Product", options);
|
||||
|
||||
return self.ajax({
|
||||
type: "GET",
|
||||
url: url,
|
||||
dataType: "json"
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Gets an item from the server
|
||||
* Omit itemId to get the root folder.
|
||||
|
|
|
|||
|
|
@ -327,7 +327,7 @@ h1 .imageLink {
|
|||
}
|
||||
|
||||
.appLinks img {
|
||||
height: 32px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
@media all and (min-width: 450px) {
|
||||
|
|
@ -780,3 +780,63 @@ progress {
|
|||
#editItemMetadataPage #txtOverview {
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
|
||||
.latestNewsItems {
|
||||
min-height: 100px;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.newsItem {
|
||||
padding: 1em 0;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.newsItemDescription {
|
||||
max-height: 50px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.newsItemHeader {
|
||||
font-size: 15px;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1440px) {
|
||||
|
||||
.dashboardHomeRightColumn {
|
||||
margin-top: 3em;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboardContent {
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
@media all and (min-width: 1440px) {
|
||||
|
||||
.dashboardHomeLeftColumn {
|
||||
width: 600px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.latestNewsItems {
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.dashboardHomeRightColumn {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1600px) {
|
||||
|
||||
.latestNewsItems {
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
.dashboardContent {
|
||||
max-width: 1100px;
|
||||
}
|
||||
}
|
||||
|
|
@ -13,102 +13,119 @@
|
|||
<a href="dashboardinfopage.html" data-role="button">Info</a>
|
||||
</div>
|
||||
|
||||
<div class="readOnlyContent">
|
||||
<div class="dashboardContent">
|
||||
<div class="readOnlyContent dashboardHomeLeftColumn">
|
||||
|
||||
<div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;">
|
||||
<h3>Server Information</h3>
|
||||
<div>
|
||||
<p>
|
||||
Version <span id="appVersionNumber"></span>
|
||||
</p>
|
||||
<p id="pUpToDate" style="display: none;">
|
||||
<img src="css/images/checkmarkgreen.png" style="height: 20px; margin-right: 3px; position: relative; top: 4px;" />
|
||||
Media Browser Server is up to date
|
||||
</p>
|
||||
<div id="pUpdateNow" style="display: none;">
|
||||
<p><strong>A new version of Media Browser Server is available!</strong></p>
|
||||
<p id="newVersionNumber"></p>
|
||||
<div id="btnUpdateApplicationContainer">
|
||||
<button id="btnUpdateApplication" type="button" data-icon="arrow-d" data-theme="b" onclick="DashboardPage.updateApplication();">Update Now</button>
|
||||
<div data-role="collapsible" data-collapsed="false">
|
||||
<h3>Server Information</h3>
|
||||
<div>
|
||||
<p>
|
||||
Version <span id="appVersionNumber"></span>
|
||||
</p>
|
||||
<p id="pUpToDate" style="display: none;">
|
||||
<img src="css/images/checkmarkgreen.png" style="height: 20px; margin-right: 3px; position: relative; top: 4px;" />
|
||||
Media Browser Server is up to date
|
||||
</p>
|
||||
<div id="pUpdateNow" style="display: none;">
|
||||
<p><strong>A new version of Media Browser Server is available!</strong></p>
|
||||
<p id="newVersionNumber"></p>
|
||||
<div id="btnUpdateApplicationContainer">
|
||||
<button id="btnUpdateApplication" type="button" data-icon="arrow-d" data-theme="b" onclick="DashboardPage.updateApplication();">Update Now</button>
|
||||
</div>
|
||||
<div id="btnManualUpdateContainer">
|
||||
Please shutdown the server and <a href="http://www.mediabrowser3.com/download" target="_blank">update manually.</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="btnManualUpdateContainer">
|
||||
Please shutdown the server and <a href="http://www.mediabrowser3.com/download" target="_blank">update manually.</a>
|
||||
<div id="updateFail" style="color: #cc0000; display: none;">There was an error connecting to the remote Media Browser repository.</div>
|
||||
<p id="ports"></p>
|
||||
<div id="pPluginUpdates"></div>
|
||||
|
||||
<div style="margin-top: 1em;">
|
||||
<button class="btnRestartContainer hide" id="btnRestartServer" type="button" data-icon="refresh" data-mini="true" data-inline="true" onclick="DashboardPage.restart();">Restart</button>
|
||||
<button id="btnShutdown" type="button" data-icon="delete" data-mini="true" data-inline="true" onclick="DashboardPage.shutdown();">Shutdown</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="updateFail" style="color: #cc0000; display: none;">There was an error connecting to the remote Media Browser repository.</div>
|
||||
<p id="ports"></p>
|
||||
<div id="pPluginUpdates"></div>
|
||||
</div>
|
||||
|
||||
<div id="collapsiblePendingInstallations" data-role="collapsible" data-collapsed="false" style="margin-top: 2em; display: none;">
|
||||
<h3>Pending Installations</h3>
|
||||
<p>The following components have been installed or updated:</p>
|
||||
<div id="pendingInstallations">
|
||||
</div>
|
||||
<p>Please restart the server to finish applying updates.</p>
|
||||
<div class="btnRestartContainer hide">
|
||||
<button type="button" data-icon="refresh" data-theme="b" onclick="Dashboard.restartServer();" data-mini="true" data-inline="true">Restart Now</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;">
|
||||
<h3>Active Connections</h3>
|
||||
<div>
|
||||
<table class="tblConnections" style="border-collapse: collapse;">
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="runningTasksCollapsible" data-role="collapsible" data-collapsed="false" style="margin-top: 2em; display: none;">
|
||||
<h3>Running Tasks</h3>
|
||||
<div>
|
||||
<div id="divRunningTasks">
|
||||
</div>
|
||||
<p><a href="scheduledtasks.html">Manage Scheduled Tasks</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contribute" data-role="collapsible" data-collapsed="false" style="margin-top: 2em; display: none;">
|
||||
<h3>Help Improve Media Browser</h3>
|
||||
<div>
|
||||
<br />
|
||||
<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr"
|
||||
method="post">
|
||||
<input type="hidden" name="amount" value="10">
|
||||
<input type="hidden" name="cmd" value="_xclick">
|
||||
<input type="hidden" name="business" value="donate@mediabrowser3.com">
|
||||
<input type="hidden" name="currency_code" value="USD">
|
||||
<input type="hidden" name="item_name" value="Media Browser Supporter">
|
||||
<input type="hidden" name="item_number" value="MBSupporter">
|
||||
<input type="hidden" name="notify_url" value="http://mb3admin.com/admin/service/services/ppipn.php">
|
||||
<input type="hidden" name="return" id="paypalReturnUrl" value="#">
|
||||
<a data-role="button" onclick="$(this).parents('form')[0].submit();" data-icon="mail" data-mini="true">
|
||||
<img src="css/images/supporter/donatepaypal.png" /></a>
|
||||
<a href="https://github.com/MediaBrowser/MediaBrowser/wiki" data-role="button" target="_blank" data-icon="user" data-mini="true">Join the Development Team</a>
|
||||
|
||||
<p class="appLinks" style="padding-left: 5px;">
|
||||
<a href="http://www.amazon.com/Mark-Linton-Mediabrowser-Android-Client/dp/B00GVH9O0I" target="_blank">
|
||||
<img src="css/images/clients/amazon.png" title="Android via Amazon App Store" /></a>
|
||||
<a href="https://play.google.com/store/apps/details?id=com.mb.android&hl=en" target="_blank">
|
||||
<img src="css/images/clients/playstore.png" title="Android via Google Play Store" /></a>
|
||||
<a href="https://itunes.apple.com/us/app/media-browser-for-ios/id705058087" target="_blank">
|
||||
<img src="css/images/clients/ios.png" title="iOS" /></a>
|
||||
<a href="http://www.roku.com/channels/#!details/34503/media-browser" target="_blank">
|
||||
<img src="css/images/clients/roku.jpg" title="Roku" /></a>
|
||||
<a href="http://www.windowsphone.com/s?appid=f4971ed9-f651-4bf6-84bb-94fd98613b86" target="_blank">
|
||||
<img src="css/images/clients/windowsphone.png" title="Windows Phone" /></a>
|
||||
<a href="http://apps.microsoft.com/windows/en-us/app/media-browser/ad55a2f0-9897-47bd-8944-bed3aefd5d06" target="_blank">
|
||||
<img src="css/images/clients/windowsrt.png" title="Windows 8.1" /></a>
|
||||
<a href="http://www.mediabrowser3.com/clients" target="_blank" title="Windows Media Center">
|
||||
<img src="css/images/clients/mbc.png" /></a>
|
||||
<a href="http://addons.xbmc.org/show/plugin.video.xbmb3c" target="_blank" title="XBMB3C">
|
||||
<img src="css/images/clients/xbmc.png" /></a>
|
||||
<a href="http://forum.team-mediaportal.com/threads/plugin-mediabrowser-for-mediaportal-v0-13-beta-2013-10-21.119513" target="_blank" title="Media Portal">
|
||||
<img src="css/images/clients/mediaportal.png" /></a>
|
||||
</p>
|
||||
</form>
|
||||
<br />
|
||||
|
||||
<div style="margin-top: 1em;">
|
||||
<button class="btnRestartContainer hide" id="btnRestartServer" type="button" data-icon="refresh" data-mini="true" data-inline="true" onclick="DashboardPage.restart();">Restart</button>
|
||||
<button id="btnShutdown" type="button" data-icon="delete" data-mini="true" data-inline="true" onclick="DashboardPage.shutdown();">Shutdown</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="collapsiblePendingInstallations" data-role="collapsible" data-collapsed="false" style="margin-top: 2em; display: none;">
|
||||
<h3>Pending Installations</h3>
|
||||
<p>The following components have been installed or updated:</p>
|
||||
<div id="pendingInstallations">
|
||||
<div class="readOnlyContent dashboardHomeRightColumn">
|
||||
<div data-role="collapsible" data-collapsed="false">
|
||||
<h3>Latest News</h3>
|
||||
<div class="latestNewsItems">
|
||||
</div>
|
||||
</div>
|
||||
<p>Please restart the server to finish applying updates.</p>
|
||||
<div class="btnRestartContainer hide">
|
||||
<button type="button" data-icon="refresh" data-theme="b" onclick="Dashboard.restartServer();" data-mini="true" data-inline="true">Restart Now</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;">
|
||||
<h3>Active Connections</h3>
|
||||
<div>
|
||||
<table class="tblConnections" style="border-collapse: collapse;">
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="runningTasksCollapsible" data-role="collapsible" data-collapsed="false" style="margin-top: 2em; display: none;">
|
||||
<h3>Running Tasks</h3>
|
||||
<div id="divRunningTasks">
|
||||
</div>
|
||||
<p><a href="scheduledtasks.html">Manage Scheduled Tasks</a></p>
|
||||
</div>
|
||||
|
||||
<div style="display: none; margin-top: 4em;" id="contribute">
|
||||
<h2>Help improve Media Browser</h2>
|
||||
<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr"
|
||||
method="post">
|
||||
<input type="hidden" name="amount" value="10">
|
||||
<input type="hidden" name="cmd" value="_xclick">
|
||||
<input type="hidden" name="business" value="donate@mediabrowser3.com">
|
||||
<input type="hidden" name="currency_code" value="USD">
|
||||
<input type="hidden" name="item_name" value="Media Browser Supporter">
|
||||
<input type="hidden" name="item_number" value="MBSupporter">
|
||||
<input type="hidden" name="notify_url" value="http://mb3admin.com/admin/service/services/ppipn.php">
|
||||
<input type="hidden" name="return" id="paypalReturnUrl" value="#">
|
||||
<a data-role="button" onclick="$(this).parents('form')[0].submit();" data-icon="mail">
|
||||
<img src="css/images/supporter/donatepaypal.png" /></a>
|
||||
<a href="https://github.com/MediaBrowser/MediaBrowser/wiki" data-role="button" target="_blank" data-icon="user">Join the Development Team</a>
|
||||
|
||||
<p class="appLinks" style="padding-left: 5px;">
|
||||
<a href="http://www.amazon.com/Mark-Linton-Mediabrowser-Android-Client/dp/B00GVH9O0I" target="_blank">
|
||||
<img src="css/images/clients/amazon.png" title="Android via Amazon App Store" /></a>
|
||||
<a href="https://play.google.com/store/apps/details?id=com.mb.android&hl=en" target="_blank">
|
||||
<img src="css/images/clients/playstore.png" title="Android via Google Play Store" /></a>
|
||||
<a href="https://itunes.apple.com/us/app/media-browser-for-ios/id705058087" target="_blank">
|
||||
<img src="css/images/clients/ios.png" title="iOS" /></a>
|
||||
<a href="http://www.roku.com/channels/#!details/34503/media-browser" target="_blank">
|
||||
<img src="css/images/clients/roku.jpg" title="Roku" /></a>
|
||||
<a href="http://www.windowsphone.com/s?appid=f4971ed9-f651-4bf6-84bb-94fd98613b86" target="_blank">
|
||||
<img src="css/images/clients/windowsphone.png" title="Windows Phone" /></a>
|
||||
<a href="http://apps.microsoft.com/windows/en-us/app/media-browser/ad55a2f0-9897-47bd-8944-bed3aefd5d06" target="_blank">
|
||||
<img src="css/images/clients/windowsrt.png" title="Windows 8.1" /></a>
|
||||
<a href="http://www.mediabrowser3.com/clients" target="_blank" title="Windows Media Center">
|
||||
<img src="css/images/clients/mbc.png" /></a>
|
||||
<a href="http://addons.xbmc.org/show/plugin.video.xbmb3c" target="_blank" title="XBMB3C">
|
||||
<img src="css/images/clients/xbmc.png" /></a>
|
||||
<a href="http://forum.team-mediaportal.com/threads/plugin-mediabrowser-for-mediaportal-v0-13-beta-2013-10-21.119513" target="_blank" title="Media Portal">
|
||||
<img src="css/images/clients/mediaportal.png" /></a>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -21,6 +21,33 @@
|
|||
}
|
||||
|
||||
});
|
||||
|
||||
DashboardPage.reloadNews(page);
|
||||
},
|
||||
|
||||
reloadNews: function (page) {
|
||||
|
||||
ApiClient.getProductNews({
|
||||
|
||||
limit: 5
|
||||
|
||||
}).done(function (result) {
|
||||
|
||||
var html = result.Items.map(function (item) {
|
||||
|
||||
var itemHtml = '';
|
||||
|
||||
itemHtml += '<div class="newsItem">';
|
||||
itemHtml += '<a class="newsItemHeader" href="' + item.Link + '" target="_blank">' + item.Title + '</a>';
|
||||
itemHtml += '<div class="newsItemDescription">' + item.Description + '</div>';
|
||||
itemHtml += '</div>';
|
||||
|
||||
return itemHtml;
|
||||
});
|
||||
|
||||
$('.latestNewsItems', page).html(html.join(''));
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
onPageHide: function () {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<packages>
|
||||
<package id="MediaBrowser.ApiClient.Javascript" version="3.0.237" targetFramework="net45" />
|
||||
<package id="MediaBrowser.ApiClient.Javascript" version="3.0.238" targetFramework="net45" />
|
||||
</packages>
|
||||
Loading…
Add table
Add a link
Reference in a new issue