1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

added in-app help

This commit is contained in:
Luke Pulverenti 2014-12-22 23:53:52 -05:00
parent b2cbf5ecb4
commit 51ce474ec4
4 changed files with 25 additions and 11 deletions

View file

@ -4,7 +4,7 @@
<title>${TitlePlayback}</title> <title>${TitlePlayback}</title>
</head> </head>
<body> <body>
<div id="cinemaModeConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage"> <div id="cinemaModeConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Cinema-Mode">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">

View file

@ -1079,7 +1079,7 @@ progress {
.accentButton { .accentButton {
display: inline-block; display: inline-block;
background: rgba(51, 136, 204, .7); background: rgba(51, 136, 204, .8);
border-radius: 1000px; border-radius: 1000px;
padding: 4px 12px; padding: 4px 12px;
color: #fff !important; color: #fff !important;
@ -1088,13 +1088,17 @@ progress {
vertical-align: middle; vertical-align: middle;
} }
.accentButton:hover { .accentButton-g {
opacity: .5; background: #52B54B;
} }
.accentButton .fa:not(.notext) { .accentButton:hover {
margin-right: 7px; opacity: .5;
} }
.accentButton .fa:not(.notext) {
margin-right: 7px;
}
h1 + .accentButton { h1 + .accentButton {
margin: 18px 0 0 20px; margin: 18px 0 0 20px;

View file

@ -4,7 +4,7 @@
<title>${TitleMediaLibrary}</title> <title>${TitleMediaLibrary}</title>
</head> </head>
<body> <body>
<div id="mediaLibraryPage" data-role="page" class="page type-interior mediaLibraryPage"> <div id="mediaLibraryPage" data-role="page" class="page type-interior mediaLibraryPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Library%20setup">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -14,7 +14,6 @@
<a href="librarysettings.html" data-role="button">${TabAdvanced}</a> <a href="librarysettings.html" data-role="button">${TabAdvanced}</a>
</div> </div>
<div class="readOnlyContent"> <div class="readOnlyContent">
<p style="margin: 2em 0;"><a href="https://github.com/MediaBrowser/Wiki/wiki/Library%20setup" target="_blank">${ReferToMediaLibraryWiki}</a></p>
<div id="divMediaLibrary"> <div id="divMediaLibrary">
<p> <p>
<button type="button" data-mini="true" data-icon="plus" data-iconpos="right" onclick="MediaLibraryPage.addVirtualFolder();">${ButtonAddMediaFolder}</button> <button type="button" data-mini="true" data-icon="plus" data-iconpos="right" onclick="MediaLibraryPage.addVirtualFolder();">${ButtonAddMediaFolder}</button>

View file

@ -1095,7 +1095,18 @@ var Dashboard = {
parent = $('.ui-content', page)[0]; parent = $('.ui-content', page)[0];
} }
$(parent).prepend("<h1 class='pageTitle'>" + (document.title || "&nbsp;") + "</h1>"); var helpUrl = page.attr('data-helpurl');
var html = '<div>';
html += '<h1 class="pageTitle" style="display:inline-block;">' + (document.title || '&nbsp;') + '</h1>';
if (helpUrl) {
html += '<a href="' + helpUrl + '" target="_blank" class="accentButton accentButton-g" style="margin-top:-10px;"><i class="fa fa-info-circle"></i>' + Globalize.translate('ButtonHelp') + '</a>';
}
html += '</div>';
$(parent).prepend(html);
}, },
setPageTitle: function (title) { setPageTitle: function (title) {