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

minor dashboard cleanup

Browse source
This commit is contained in:
Luke Pulverenti 2013-12-25 22:44:26 -05:00
parent 0f4e147e72
commit c24735332f
29 changed files with 285 additions and 197 deletions
Download patch file Download diff file Expand all files Collapse all files

4
dashboard-ui/addplugin.html
View file

@ -81,7 +81,7 @@
</div> </div>
</form> </form>
<div data-role="popup" class="ui-content" id="supporterPlugins"> <div data-role="popup" class="ui-content" id="supporterPlugins" style="max-width: 250px;">
<a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a> <a href="#" data-rel="back" data-role="button" data-theme="b" 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>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> <p>
@ -89,7 +89,7 @@
<p>These plug-ins will appear in the catalog with a "Supporter" banner.</p> <p>These plug-ins will appear in the catalog with a "Supporter" banner.</p>
</div> </div>
<div data-role="popup" class="ui-content" id="premiumPlugins"> <div data-role="popup" class="ui-content" id="premiumPlugins" style="max-width: 250px;">
<a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a> <a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
<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> 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>

6
dashboard-ui/allusersettings.html
View file

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>User Profiles</title> <title>Users</title>
</head> </head>
<body> <body>
<div id="allUserSettingsPage" data-role="page" class="page type-interior userProfilesConfigurationPage"> <div id="allUserSettingsPage" data-role="page" class="page type-interior userProfilesConfigurationPage">
@ -9,8 +9,8 @@
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="userprofiles.html" data-role="button">Users</a> <a href="userprofiles.html" data-role="button">Profiles</a>
<a href="allusersettings.html" class="ui-btn-active" data-role="button">Settings</a> <a href="allusersettings.html" class="ui-btn-active" data-role="button">Security</a>
</div> </div>

32
dashboard-ui/clientsettings.html → dashboard-ui/appsplayback.html
View file

@ -1,42 +1,32 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Client Settings</title> <title>App Settings</title>
</head> </head>
<body> <body>
<div id="clientSettingsPage" data-role="page" class="page type-interior"> <div id="appsPlaybackPage" data-role="page" class="page appsPage type-interior">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<form id="clientSettingsForm"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="appsplayback.html" data-role="button" class="ui-btn-active">Playback</a>
<a href="appsweather.html" data-role="button">Weather</a>
</div>
<form class="appsPlaybackForm">
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li>
<label for="txtWeatherLocation">Weather location: </label>
<input id="txtWeatherLocation" name="txtWeatherLocation" type="text" />
<div class="fieldDescription">
US zip code / City, State, Country / City, Country
</div>
</li>
<li>
<label for="selectWeatherUnit">Weather display unit: </label>
<select id="selectWeatherUnit" name="selectWeatherUnit">
<option value="Celsius">Celsius</option>
<option value="Fahrenheit">Fahrenheit</option>
</select>
</li>
<li> <li>
<label for="txtMinResumePct">Min resume percentage: </label> <label for="txtMinResumePct">Min resume percentage: </label>
<input type="number" id="txtMinResumePct" name="txtMinResumePct" pattern="[0-9]*" required="required" min="0" max="100" /> <input type="number" id="txtMinResumePct" name="txtMinResumePct" pattern="[0-9]*" required="required" min="0" max="100" />
<div class="fieldDescription"> <div class="fieldDescription">
Titles are assumed unplayed before this time Titles are assumed unplayed if stopped before this time
</div> </div>
</li> </li>
<li> <li>
<label for="txtMaxResumePct">Max resume percentage: </label> <label for="txtMaxResumePct">Max resume percentage: </label>
<input type="number" id="txtMaxResumePct" name="txtMaxResumePct" pattern="[0-9]*" required="required" min="1" max="100" /> <input type="number" id="txtMaxResumePct" name="txtMaxResumePct" pattern="[0-9]*" required="required" min="1" max="100" />
<div class="fieldDescription"> <div class="fieldDescription">
Titles are assumed fully played after this time Titles are assumed fully played if stopped after this time
</div> </div>
</li> </li>
<li> <li>
@ -61,9 +51,7 @@
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
$(function () { $('.appsPlaybackForm').off('submit', AppsPlaybackPage.onSubmit).on('submit', AppsPlaybackPage.onSubmit);
$('#clientSettingsForm').on('submit', ClientSettingsPage.onSubmit);
});
</script> </script>
</div> </div>
</body> </body>

51
dashboard-ui/appsweather.html Normal file
View file

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html>
<head>
<title>App Settings</title>
</head>
<body>
<div id="appsWeatherPage" data-role="page" class="page appsPage type-interior">
<div data-role="content">
<div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="appsplayback.html" data-role="button">Playback</a>
<a href="appsweather.html" data-role="button" class="ui-btn-active">Weather</a>
</div>
<form class="appsWeatherForm">
<ul data-role="listview" class="ulForm">
<li>
<label for="txtWeatherLocation">Weather display location: </label>
<input id="txtWeatherLocation" name="txtWeatherLocation" type="text" />
<div class="fieldDescription">
US zip code / City, State, Country / City, Country
</div>
</li>
<li>
<label for="selectWeatherUnit">Weather display unit: </label>
<select id="selectWeatherUnit" name="selectWeatherUnit">
<option value="Celsius">Celsius</option>
<option value="Fahrenheit">Fahrenheit</option>
</select>
</li>
<li>
<button type="submit" data-theme="b" data-icon="check">
Save
</button>
<button type="button" onclick="Dashboard.navigate('dashboard.html');" data-icon="delete">
Cancel
</button>
</li>
</ul>
</form>
</div>
</div>
<script type="text/javascript">
$('.appsWeatherForm').off('submit', AppsWeatherPage.onSubmit).on('submit', AppsWeatherPage.onSubmit);
</script>
</div>
</body>
</html>

14
dashboard-ui/css/site.css
View file

@ -59,7 +59,7 @@ h1 {
} }
.toolsSidebar h1 { .toolsSidebar h1 {
font-size: 42pt; font-size: 36pt;
} }
.ui-loader h1 { .ui-loader h1 {
@ -157,7 +157,7 @@ pre, textarea.pre {
} }
.header .imageLink img { .header .imageLink img {
height: 32px; height: 28px;
vertical-align: middle; vertical-align: middle;
} }
@ -265,7 +265,7 @@ form, .readOnlyContent {
.sidebarLinks a { .sidebarLinks a {
display: block; display: block;
padding: 12px 15px 12px 30px; padding: 12px 20px 12px 30px;
text-decoration: none; text-decoration: none;
color: #fff!important; color: #fff!important;
text-shadow: none!important; text-shadow: none!important;
@ -283,6 +283,12 @@ form, .readOnlyContent {
color: #fff!important; color: #fff!important;
} }
.sidebarDivider {
height: 1px;
background: #444;
margin: .25em 0;
}
.invalidEntry { .invalidEntry {
background-color: lightpink!important; background-color: lightpink!important;
} }
@ -579,7 +585,7 @@ form, .readOnlyContent {
max-width: 800px; max-width: 800px;
padding: .5em 2em 1em; padding: .5em 2em 1em;
margin: 0 auto; margin: 0 auto;
background: #f2f2f2; background: #e8e8e8;
} }
.wizardNavigation { .wizardNavigation {

20
dashboard-ui/dashboard.html
View file

@ -33,6 +33,11 @@
<div id="updateFail" style="color: #cc0000; display: none;">There was an error connecting to the remote Media Browser repository.</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> <p id="ports"></p>
<div id="pPluginUpdates"></div> <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>
</div> </div>
@ -62,18 +67,7 @@
<p><a href="scheduledtasks.html">Manage Scheduled Tasks</a></p> <p><a href="scheduledtasks.html">Manage Scheduled Tasks</a></p>
</div> </div>
<div style="margin-top: 2em;"> <div data-role="collapsible" data-collapsed="true" style="margin-top: 1em;">
<div style="display: inline-block;">
<div class="btnRestartContainer hide">
<button id="btnRestartServer" type="button" data-icon="refresh" data-mini="true" data-inline="true" onclick="DashboardPage.restart();">Restart MB Server</button>
</div>
</div>
<div style="display: inline-block;">
<button id="btnShutdown" type="button" data-icon="delete" data-mini="true" data-inline="true" onclick="DashboardPage.shutdown();">Shutdown MB Server</button>
</div>
</div>
<div data-role="collapsible" data-collapsed="false" style="margin-top: 1em;">
<h3>Links</h3> <h3>Links</h3>
<div> <div>
<p><a href="http://mediabrowser3.com/community" target="_blank">Community</a></p> <p><a href="http://mediabrowser3.com/community" target="_blank">Community</a></p>
@ -83,7 +77,7 @@
</div> </div>
</div> </div>
<div data-role="collapsible" data-collapsed="false" style="margin-top: 1em;"> <div data-role="collapsible" data-collapsed="true" style="margin-top: 1em;">
<h3>System Paths</h3> <h3>System Paths</h3>
<div> <div>
<p><b>Logs:</b> <span id="logPath"></span></p> <p><b>Logs:</b> <span id="logPath"></span></p>

6
dashboard-ui/edititemmetadata.html
View file

@ -340,7 +340,7 @@
<h3>Genres</h3> <h3>Genres</h3>
<div data-role="editableListviewContainer"> <div data-role="editableListviewContainer">
<div data-role="fieldcontain"> <div data-role="fieldcontain">
<div style="display: inline-block; width: 92%;"> <div style="display: inline-block; width: 80%;">
<input type="text" data-mini="true" /> <input type="text" data-mini="true" />
</div> </div>
<a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus" data-iconpos="notext" onclick="EditItemMetadataPage.addElementToEditableListview(this)" style="vertical-align: top;">Add</a> <a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus" data-iconpos="notext" onclick="EditItemMetadataPage.addElementToEditableListview(this)" style="vertical-align: top;">Add</a>
@ -352,7 +352,7 @@
<h3>Studios</h3> <h3>Studios</h3>
<div data-role="editableListviewContainer"> <div data-role="editableListviewContainer">
<div data-role="fieldcontain"> <div data-role="fieldcontain">
<div style="display: inline-block; width: 92%;"> <div style="display: inline-block; width: 80%;">
<input type="text" data-mini="true" /> <input type="text" data-mini="true" />
</div> </div>
<a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus" data-iconpos="notext" onclick="EditItemMetadataPage.addElementToEditableListview(this)" style="vertical-align: top;">Add</a> <a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus" data-iconpos="notext" onclick="EditItemMetadataPage.addElementToEditableListview(this)" style="vertical-align: top;">Add</a>
@ -364,7 +364,7 @@
<h3>Tags</h3> <h3>Tags</h3>
<div data-role="editableListviewContainer"> <div data-role="editableListviewContainer">
<div data-role="fieldcontain"> <div data-role="fieldcontain">
<div style="display: inline-block; width: 92%;"> <div style="display: inline-block; width: 80%;">
<input type="text" data-mini="true" /> <input type="text" data-mini="true" />
</div> </div>
<a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus" data-iconpos="notext" onclick="EditItemMetadataPage.addElementToEditableListview(this)" style="vertical-align: top;">Add</a> <a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus" data-iconpos="notext" onclick="EditItemMetadataPage.addElementToEditableListview(this)" style="vertical-align: top;">Add</a>

7
dashboard-ui/edituser.html
View file

@ -13,7 +13,6 @@
<a href="#" data-role="button" onclick="Dashboard.navigate('usersettings.html', true);">Settings</a> <a href="#" data-role="button" onclick="Dashboard.navigate('usersettings.html', true);">Settings</a>
<a href="#" data-role="button" onclick="Dashboard.navigate('userimage.html', true);">Image</a> <a href="#" data-role="button" onclick="Dashboard.navigate('userimage.html', true);">Image</a>
<a href="#" data-role="button" onclick="Dashboard.navigate('updatepassword.html', true);">Password</a> <a href="#" data-role="button" onclick="Dashboard.navigate('updatepassword.html', true);">Password</a>
<a href="#" data-role="button" onclick="Dashboard.navigate('library.html', true);" class="lnkMediaLibrary" style="display: none;">Media Library</a>
</div> </div>
<form id="editUserProfileForm"> <form id="editUserProfileForm">
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
@ -27,7 +26,7 @@
</li> </li>
<li id="fldEnableRemoteControlOtherUsers" style="display: none;"> <li id="fldEnableRemoteControlOtherUsers" style="display: none;">
<input type="checkbox" id="chkEnableRemoteControlOtherUsers" name="chkEnableRemoteControlOtherUsers" /> <input type="checkbox" id="chkEnableRemoteControlOtherUsers" name="chkEnableRemoteControlOtherUsers" />
<label for="chkEnableRemoteControlOtherUsers">Allow this user to remote control sessions from other users</label> <label for="chkEnableRemoteControlOtherUsers">Allow this user to remote control other users</label>
</li> </li>
</ul> </ul>
<div id="accessControlDiv" style="display: none"> <div id="accessControlDiv" style="display: none">
@ -48,12 +47,12 @@
<h2>Parental Control</h2> <h2>Parental Control</h2>
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li id="fldMaxParentalRating"> <li id="fldMaxParentalRating">
<label for="selectMaxParentalRating">Max parental rating:</label> <label for="selectMaxParentalRating">Maximum allowed parental rating:</label>
<select name="selectMaxParentalRating" id="selectMaxParentalRating"></select> <select name="selectMaxParentalRating" id="selectMaxParentalRating"></select>
</li> </li>
<li id="fldBlockNotRated"> <li id="fldBlockNotRated">
<input type="checkbox" id="chkBlockNotRated" name="chkBlockNotRated" /> <input type="checkbox" id="chkBlockNotRated" name="chkBlockNotRated" />
<label for="chkBlockNotRated">Block items with no rating information</label> <label for="chkBlockNotRated">Hide content with no rating information</label>
</li> </li>
</ul> </ul>
</div> </div>

19
dashboard-ui/library.html
View file

@ -8,32 +8,27 @@
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" id="userProfileNavigation" style="display: none;" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" onclick="Dashboard.navigate('edituser.html', true);">Profile</a> <a href="#" data-role="button" class="ui-btn-active">Media</a>
<a href="#" data-role="button" onclick="Dashboard.navigate('usersettings.html', true);">Settings</a>
<a href="#" data-role="button" onclick="Dashboard.navigate('userimage.html', true);">Image</a>
<a href="#" data-role="button" onclick="Dashboard.navigate('updatepassword.html', true);">Password</a>
<a href="#" data-role="button" class="ui-btn-active">Media Library</a>
</div>
<div data-role="controlgroup" data-type="horizontal" class="localnav" id="defaultNavigation" style="display: none;" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">Media Collections</a>
<a href="librarysettings.html" data-role="button">Settings</a> <a href="librarysettings.html" data-role="button">Settings</a>
</div> </div>
<div class="readOnlyContent"> <div class="readOnlyContent">
<p>
<label for="selectUser">Manage user library: </label>
<select id="selectUser" class="selectUser" data-mini="true"></select>
</p>
<p id="fldUseDefaultLibrary" style="display: none;"> <p id="fldUseDefaultLibrary" style="display: none;">
<input type="checkbox" id="chkUseDefaultLibrary" name="chkUseDefaultLibrary" onchange="MediaLibraryPage.setUseDefaultMediaLibrary(this.checked);" /> <input type="checkbox" id="chkUseDefaultLibrary" name="chkUseDefaultLibrary" onchange="MediaLibraryPage.setUseDefaultMediaLibrary(this.checked);" />
<label for="chkUseDefaultLibrary">Use default media library</label> <label for="chkUseDefaultLibrary">Use default media library</label>
</p> </p>
<p style="margin: 2em 0;">Refer to the <a href="https://github.com/MediaBrowser/MediaBrowser/wiki/Library-Structure" target="_blank">media library wiki.</a> for suggested folder structures.</p>
<div id="divMediaLibrary"> <div id="divMediaLibrary">
<p class="editing_default">This is the <strong>default media library</strong> that will be shared with all users unless individual libraries are created.</p>
<p> <p>
<button type="button" data-mini="true" data-icon="plus" onclick="MediaLibraryPage.addVirtualFolder();">Add media collection</button> <button type="button" data-mini="true" data-icon="plus" onclick="MediaLibraryPage.addVirtualFolder();">Add media collection</button>
</p> </p>
<div id="divVirtualFolders"></div> <div id="divVirtualFolders"></div>
</div> </div>
</div> </div>
<p>Refer to <a href="https://github.com/MediaBrowser/MediaBrowser/wiki/Library-Structure" target="_blank">media library wiki.</a></p>
<p>Configure <b>images</b> and <b>sort orders</b> by <a href="itemlist.html">browsing and editing.</a></p>
</div> </div>
</div> </div>
<div data-role="popup" id="popupEnterText" class="popup"> <div data-role="popup" id="popupEnterText" class="popup">

2
dashboard-ui/librarysettings.html
View file

@ -9,7 +9,7 @@
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="library.html" data-role="button">Collections</a> <a href="library.html" data-role="button">Media</a>
<a href="#" data-role="button" class="ui-btn-active">Settings</a> <a href="#" data-role="button" class="ui-btn-active">Settings</a>
</div> </div>

3
dashboard-ui/metadata.html
View file

@ -24,7 +24,8 @@
</li> </li>
<li> <li>
<input type="checkbox" id="chkSaveLocal" name="chkSaveLocal" data-mini="true" /> <input type="checkbox" id="chkSaveLocal" name="chkSaveLocal" data-mini="true" />
<label for="chkSaveLocal">Save metadata within media folders </label> <label for="chkSaveLocal">Save metadata and images within media folders </label>
<div class="fieldDescription">Save downloaded metadata and images into media folders where they can be stored permanently and easily edited.</div>
</li> </li>
<li> <li>
<label for="selectLanguage">Preferred language: </label> <label for="selectLanguage">Preferred language: </label>

8
dashboard-ui/plugincatalog.html
View file

@ -10,7 +10,7 @@
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" data-mini="true">
<a href="plugins.html" data-role="button">Installed Plugins</a> <a href="plugins.html" data-role="button">Installed Plugins</a>
<a href="plugincatalog.html" data-role="button" class="ui-btn-active">Plugin Catalog</a> <a href="plugincatalog.html" data-role="button" class="ui-btn-active">Catalog</a>
<a href="pluginupdates.html" data-role="button">Updates</a> <a href="pluginupdates.html" data-role="button">Updates</a>
</div> </div>
<p style="margin: 2em 0;"> <p style="margin: 2em 0;">
@ -45,13 +45,13 @@
</div> </div>
</div> </div>
<div data-role="popup" class="ui-content" id="freePlugins" style="max-width: 50%"> <div data-role="popup" class="ui-content" id="freePlugins" style="max-width: 250px;">
<a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a> <a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
<p> <p>
Free plug-ins can be installed and used by anyone for free. They will appear in the catalog without any banners.<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>
<div data-role="popup" class="ui-content" id="supporterPlugins" style="max-width: 50%"> <div data-role="popup" class="ui-content" id="supporterPlugins" style="max-width: 250px;">
<a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a> <a href="#" data-rel="back" data-role="button" data-theme="b" 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>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> <p>
@ -59,7 +59,7 @@
<p>These plug-ins will appear in the catalog with a "Supporter" banner.</p> <p>These plug-ins will appear in the catalog with a "Supporter" banner.</p>
</div> </div>
<div data-role="popup" class="ui-content" id="premiumPlugins" style="max-width: 50%"> <div data-role="popup" class="ui-content" id="premiumPlugins" style="max-width: 250px;">
<a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a> <a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
<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> 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>

2
dashboard-ui/plugins.html
View file

@ -10,7 +10,7 @@
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="plugins.html" data-role="button" class="ui-btn-active">Installed Plugins</a> <a href="plugins.html" data-role="button" class="ui-btn-active">Installed Plugins</a>
<a href="plugincatalog.html" data-role="button">Plugin Catalog</a> <a href="plugincatalog.html" data-role="button">Catalog</a>
<a href="pluginupdates.html" data-role="button">Updates</a> <a href="pluginupdates.html" data-role="button">Updates</a>
</div> </div>

2
dashboard-ui/pluginupdates.html
View file

@ -10,7 +10,7 @@
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="plugins.html" data-role="button">Installed Plugins</a> <a href="plugins.html" data-role="button">Installed Plugins</a>
<a href="plugincatalog.html" data-role="button">Plugin Catalog</a> <a href="plugincatalog.html" data-role="button">Catalog</a>
<a href="pluginupdates.html" data-role="button" class="ui-btn-active">Updates</a> <a href="pluginupdates.html" data-role="button" class="ui-btn-active">Updates</a>
</div> </div>

2
dashboard-ui/scheduledtasks.html
View file

@ -8,7 +8,7 @@
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div class="readOnlyContent"> <div class="readOnlyContent">
<p>Below are Media Browser's scheduled tasks. Click into a task to adjust it's schedule.</p> <p>Click a task to adjust it's schedule.</p>
<div id="divScheduledTasks"></div> <div id="divScheduledTasks"></div>
</div> </div>
</div> </div>

17
dashboard-ui/scripts/clientsettings.js → dashboard-ui/scripts/appsplayback.js
View file

@ -1,6 +1,6 @@
(function ($, document, window) { (function ($, document, window) {
$(document).on('pageshow', "#clientSettingsPage", function () { $(document).on('pageshow', "#appsPlaybackPage", function () {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
@ -8,11 +8,9 @@
ApiClient.getServerConfiguration().done(function (config) { ApiClient.getServerConfiguration().done(function (config) {
$('#txtWeatherLocation', page).val(config.WeatherLocation);
$('#txtMinResumePct', page).val(config.MinResumePct); $('#txtMinResumePct', page).val(config.MinResumePct);
$('#txtMaxResumePct', page).val(config.MaxResumePct); $('#txtMaxResumePct', page).val(config.MaxResumePct);
$('#txtMinResumeDuration', page).val(config.MinResumeDurationSeconds); $('#txtMinResumeDuration', page).val(config.MinResumeDurationSeconds);
$('#selectWeatherUnit', page).val(config.WeatherUnit).selectmenu("refresh");
$('input:first', page).focus(); $('input:first', page).focus();
@ -20,19 +18,15 @@
}); });
}); });
function clientSettingsPage() { window.AppsPlaybackPage = {
var self = this; onSubmit: function () {
self.onSubmit = function () {
var form = this; var form = this;
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
ApiClient.getServerConfiguration().done(function (config) { ApiClient.getServerConfiguration().done(function (config) {
config.WeatherLocation = $('#txtWeatherLocation', form).val();
config.WeatherUnit = $('#selectWeatherUnit', form).val();
config.MinResumePct = $('#txtMinResumePct', form).val(); config.MinResumePct = $('#txtMinResumePct', form).val();
config.MaxResumePct = $('#txtMaxResumePct', form).val(); config.MaxResumePct = $('#txtMaxResumePct', form).val();
config.MinResumeDurationSeconds = $('#txtMinResumeDuration', form).val(); config.MinResumeDurationSeconds = $('#txtMinResumeDuration', form).val();
@ -42,9 +36,8 @@
// Disable default form submission // Disable default form submission
return false; return false;
}; }
}
window.ClientSettingsPage = new clientSettingsPage(); };
})($, document, window); })($, document, window);

41
dashboard-ui/scripts/appsweather.js Normal file
View file

@ -0,0 +1,41 @@
(function ($, document, window) {
$(document).on('pageshow', "#appsWeatherPage", function () {
Dashboard.showLoadingMsg();
var page = this;
ApiClient.getServerConfiguration().done(function (config) {
$('#txtWeatherLocation', page).val(config.WeatherLocation);
$('#selectWeatherUnit', page).val(config.WeatherUnit).selectmenu("refresh");
$('input:first', page).focus();
Dashboard.hideLoadingMsg();
});
});
window.AppsWeatherPage = {
onSubmit: function () {
var form = this;
Dashboard.showLoadingMsg();
ApiClient.getServerConfiguration().done(function (config) {
config.WeatherLocation = $('#txtWeatherLocation', form).val();
config.WeatherUnit = $('#selectWeatherUnit', form).val();
ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult);
});
// Disable default form submission
return false;
}
};
})($, document, window);

2
dashboard-ui/scripts/dashboardpage.js
View file

@ -293,7 +293,7 @@
var progress = (task.CurrentProgressPercentage || 0).toFixed(1); var progress = (task.CurrentProgressPercentage || 0).toFixed(1);
html += '<span style="color:#267F00;margin-right:5px;font-weight:bold;"> - ' + progress + '%</span>'; html += '<span style="color:#267F00;margin-right:5px;font-weight:bold;"> - ' + progress + '%</span>';
html += '<button type="button" data-icon="stop" data-iconpos="notext" data-inline="true" data-theme="b" data-mini="true" onclick="DashboardPage.stopTask(\'' + task.Id + '\');">Stop</button>'; html += '<button type="button" data-icon="stop" data-iconpos="notext" data-inline="true" data-mini="true" onclick="DashboardPage.stopTask(\'' + task.Id + '\');">Stop</button>';
} }
else if (task.State == "Cancelling") { else if (task.State == "Cancelling") {
html += '<span style="color:#cc0000;"> - Stopping</span>'; html += '<span style="color:#cc0000;"> - Stopping</span>';

2
dashboard-ui/scripts/edituserpage.js
View file

@ -4,7 +4,7 @@
var html = ""; var html = "";
html += "<option value=''>None</option>"; html += "<option value=''></option>";
var ratings = []; var ratings = [];
var i, length, rating; var i, length, rating;

61
dashboard-ui/scripts/medialibrarypage.js
View file

@ -2,24 +2,56 @@
onPageShow: function () { onPageShow: function () {
var page = this;
MediaLibraryPage.lastVirtualFolderName = ""; MediaLibraryPage.lastVirtualFolderName = "";
MediaLibraryPage.reloadLibrary(this); MediaLibraryPage.reloadUsers(page);
$('#selectUser', page).on('change.reloadLibrary', function() {
MediaLibraryPage.reloadLibrary(page);
});
},
onPageHide: function() {
$('#selectUser', page).off('click.reloadLibrary');
},
reloadUsers: function (page) {
ApiClient.getUsers().done(function (users) {
var html = users.map(function (u) {
return '<option value="' + u.Id + '">' + u.Name + '</option>';
});
html = '<option value="">Default Library</option>' + html;
$('#selectUser', page).html(html).val('').selectmenu('refresh');
MediaLibraryPage.reloadLibrary(page);
});
},
getCurrentUserId: function(page) {
return $('#selectUser', page).val();
}, },
reloadLibrary: function (page) { reloadLibrary: function (page) {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
var userId = getParameterByName("userId"); var userId = MediaLibraryPage.getCurrentUserId(page);
if (userId) { if (userId) {
$('#userProfileNavigation', page).show();
$('#defaultNavigation', page).hide();
ApiClient.getUser(userId).done(function (user) { ApiClient.getUser(userId).done(function (user) {
Dashboard.setPageTitle(user.Name);
$('#fldUseDefaultLibrary', page).show(); $('#fldUseDefaultLibrary', page).show();
@ -42,9 +74,6 @@
} else { } else {
$('#userProfileNavigation', page).hide();
$('#defaultNavigation', page).show();
ApiClient.getVirtualFolders().done(function (result) { ApiClient.getVirtualFolders().done(function (result) {
MediaLibraryPage.reloadVirtualFolders(page, result); MediaLibraryPage.reloadVirtualFolders(page, result);
}); });
@ -138,8 +167,8 @@
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
var userId = getParameterByName("userId");
var page = $.mobile.activePage; var page = $.mobile.activePage;
var userId = MediaLibraryPage.getCurrentUserId(page);
ApiClient.getUser(userId).done(function (user) { ApiClient.getUser(userId).done(function (user) {
@ -159,7 +188,7 @@
MediaLibraryPage.getTextValue("Add Media Collection", "Name (Movies, Music, TV, etc):", "", true, function (name, type) { MediaLibraryPage.getTextValue("Add Media Collection", "Name (Movies, Music, TV, etc):", "", true, function (name, type) {
var userId = getParameterByName("userId"); var userId = MediaLibraryPage.getCurrentUserId($.mobile.activePage);
MediaLibraryPage.lastVirtualFolderName = name; MediaLibraryPage.lastVirtualFolderName = name;
@ -180,7 +209,7 @@
MediaLibraryPage.lastVirtualFolderName = virtualFolder.Name; MediaLibraryPage.lastVirtualFolderName = virtualFolder.Name;
var userId = getParameterByName("userId"); var userId = MediaLibraryPage.getCurrentUserId($.mobile.activePage);
var refreshAfterChange = MediaLibraryPage.shouldRefreshLibraryAfterChanges(); var refreshAfterChange = MediaLibraryPage.shouldRefreshLibraryAfterChanges();
@ -297,7 +326,7 @@
if (virtualFolder.Name != newName) { if (virtualFolder.Name != newName) {
var userId = getParameterByName("userId"); var userId = MediaLibraryPage.getCurrentUserId($.mobile.activePage);
var refreshAfterChange = MediaLibraryPage.shouldRefreshLibraryAfterChanges(); var refreshAfterChange = MediaLibraryPage.shouldRefreshLibraryAfterChanges();
@ -330,7 +359,7 @@
if (confirmResult) { if (confirmResult) {
var userId = getParameterByName("userId"); var userId = MediaLibraryPage.getCurrentUserId($.mobile.activePage);
var refreshAfterChange = MediaLibraryPage.shouldRefreshLibraryAfterChanges(); var refreshAfterChange = MediaLibraryPage.shouldRefreshLibraryAfterChanges();
@ -355,7 +384,7 @@
if (confirmResult) { if (confirmResult) {
var userId = getParameterByName("userId"); var userId = MediaLibraryPage.getCurrentUserId($.mobile.activePage);
var refreshAfterChange = MediaLibraryPage.shouldRefreshLibraryAfterChanges(); var refreshAfterChange = MediaLibraryPage.shouldRefreshLibraryAfterChanges();
@ -380,4 +409,4 @@
} }
}; };
$(document).on('pageshow', ".mediaLibraryPage", MediaLibraryPage.onPageShow); $(document).on('pageshow', ".mediaLibraryPage", MediaLibraryPage.onPageShow).on('pagehide', ".mediaLibraryPage", MediaLibraryPage.onPageHide);

26
dashboard-ui/scripts/site.js
View file

@ -487,8 +487,8 @@ var Dashboard = {
html += '<img style="max-height:125px;max-width:200px;" src="' + imageUrl + '" />'; html += '<img style="max-height:125px;max-width:200px;" src="' + imageUrl + '" />';
html += '</p>'; html += '</p>';
html += '<p><button type="button" onclick="Dashboard.navigate(\'edituser.html?userId=' + user.Id + '\');" data-icon="user">View Profile</button></p>'; html += '<p><a data-mini="true" data-role="button" href="edituser.html?userId=' + user.Id + '" data-icon="user">View Profile</button></a>';
html += '<p><button type="button" onclick="Dashboard.logout();" data-icon="lock">Sign Out</button></p>'; html += '<p><button data-mini="true" type="button" onclick="Dashboard.logout();" data-icon="lock">Sign Out</button></p>';
html += '</div>'; html += '</div>';
html += '</div>'; html += '</div>';
@ -624,7 +624,7 @@ var Dashboard = {
var html = '<div class="content-secondary ui-bar-a toolsSidebar">'; var html = '<div class="content-secondary ui-bar-a toolsSidebar">';
html += '<h1><a href="index.html" class="imageLink" style="margin-left: 0;margin-right: 20px;"> <img src="css/images/mblogoicon.png" /></a>Tools</h1>'; html += '<h1><a href="index.html" class="imageLink" style="margin-left: 0;margin-right: 15px;"> <img src="css/images/mblogoicon.png" style="height:28px;" /></a>Tools</h1>';
html += '<div class="sidebarLinks">'; html += '<div class="sidebarLinks">';
@ -634,6 +634,10 @@ var Dashboard = {
var link = links[i]; var link = links[i];
if (link.divider) {
html += "<div class='sidebarDivider'></div>";
}
if (link.href) { if (link.href) {
if (link.selected) { if (link.selected) {
@ -645,7 +649,7 @@ var Dashboard = {
} }
} }
html += '<a href="edititemmetadata.html" style="margin-top: 1em;">Metadata Manager</a>'; //html += '<a href="edititemmetadata.html">Metadata Manager</a>';
// collapsible // collapsible
html += '</div>'; html += '</div>';
@ -666,7 +670,8 @@ var Dashboard = {
href: "dashboard.html", href: "dashboard.html",
selected: pageElem.id == "dashboardPage" selected: pageElem.id == "dashboardPage"
}, { }, {
name: "Default Media Library", name: "Media Library",
divider: true,
href: "library.html", href: "library.html",
selected: pageElem.id == "mediaLibraryPage" && !getParameterByName('userId') selected: pageElem.id == "mediaLibraryPage" && !getParameterByName('userId')
}, { }, {
@ -678,15 +683,17 @@ var Dashboard = {
href: "plugins.html", href: "plugins.html",
selected: page.hasClass("pluginConfigurationPage") selected: page.hasClass("pluginConfigurationPage")
}, { }, {
name: "User Profiles", name: "Users",
divider: true,
href: "userprofiles.html", href: "userprofiles.html",
selected: page.hasClass("userProfilesConfigurationPage") || (pageElem.id == "mediaLibraryPage" && getParameterByName('userId')) selected: page.hasClass("userProfilesConfigurationPage") || (pageElem.id == "mediaLibraryPage" && getParameterByName('userId'))
}, { }, {
name: "Client Settings", name: "App Settings",
href: "clientsettings.html", href: "appsplayback.html",
selected: pageElem.id == "clientSettingsPage" selected: page.hasClass("appsPage")
}, { }, {
name: "Advanced", name: "Advanced",
divider: true,
href: "advanced.html", href: "advanced.html",
selected: pageElem.id == "advancedConfigurationPage" selected: pageElem.id == "advancedConfigurationPage"
}, { }, {
@ -695,6 +702,7 @@ var Dashboard = {
selected: pageElem.id == "scheduledTasksPage" || pageElem.id == "scheduledTaskPage" selected: pageElem.id == "scheduledTasksPage" || pageElem.id == "scheduledTaskPage"
}, { }, {
name: "Help", name: "Help",
divider: true,
href: "support.html", href: "support.html",
selected: pageElem.id == "supportPage" || pageElem.id == "logPage" || pageElem.id == "supporterPage" || pageElem.id == "supporterKeyPage" || pageElem.id == "aboutPage" selected: pageElem.id == "supportPage" || pageElem.id == "logPage" || pageElem.id == "supporterPage" || pageElem.id == "supporterKeyPage" || pageElem.id == "aboutPage"
}]; }];

9
dashboard-ui/support.html
View file

@ -17,17 +17,18 @@
<a href="about.html" data-role="button">About</a> <a href="about.html" data-role="button">About</a>
</div> </div>
<p> <p>
Media Browser has a thriving community of users and a vast knowledge base of information to help you get the most Media Browser has a thriving community of users and contributors.
out of your media collection.
</p> </p>
<a data-role="button" data-icon="arrow-r" data-iconpos="right" href="http://mediabrowser3.com/community" target="_blank">Visit the Community</a> <a data-role="button" data-icon="arrow-r" data-iconpos="right" href="http://mediabrowser3.com/community" target="_blank">Visit the Community</a>
<br />
<p> <p>
Also, within the tracker, there is a large Knowledge Base of information compiled from users and developers to help you get the Check out our knowledge base to help you get the
most out of Media Browser. most out of Media Browser.
</p> </p>
<a data-role="button" data-icon="search" data-iconpos="right" href="http://mediabrowser3.com/community/index.php?/forum/23-knowledge-base/" target="_blank">Search the Knowledge Base</a> <a data-role="button" data-icon="search" data-iconpos="right" href="http://mediabrowser3.com/community/index.php?/forum/23-knowledge-base/" target="_blank">Search the Knowledge Base</a>
<br />
<p> <p>
Finally, you can visit the Media Browser Web site to see what's happening with MB now and keep up with the developer blog. Visit the Media Browser Web site to catch the latest news and keep up with the developer blog.
</p> </p>
<a data-role="button" data-icon="home" data-iconpos="right" href="http://www.mediabrowser3.com" target="_blank">Visit the Media Browser Web Site</a> <a data-role="button" data-icon="home" data-iconpos="right" href="http://www.mediabrowser3.com" target="_blank">Visit the Media Browser Web Site</a>
</div> </div>

6
dashboard-ui/supporter.html
View file

@ -18,10 +18,7 @@
</div> </div>
<h3>Support the Media Browser Team</h3> <h3>Support the Media Browser Team</h3>
<p> <p>
Help ensure the continued development and support of this product. Help ensure the continued development and support of this product. A portion of all donations will be contributed to other <a href="about.html">free tools</a> we depend on.
</p>
<p>
A portion of all donations will be contributed to other <a href="about.html">free tools</a> we depend on.
</p> </p>
<p style="display: none; padding: 1em; border-radius: 5px; font-weight: normal;" class="ui-bar-a supporterOnly"> <p style="display: none; padding: 1em; border-radius: 5px; font-weight: normal;" class="ui-bar-a supporterOnly">
@ -52,7 +49,6 @@
<a data-role="button" onclick="$(this).parents('form')[0].submit();"> <a data-role="button" onclick="$(this).parents('form')[0].submit();">
<img src="css/images/supporter/donatepaypal.png" /></a> <img src="css/images/supporter/donatepaypal.png" /></a>
</form> </form>
<br />
<p>Once complete, please return and <a href="supporterkey.html">enter your supporter key</a>, which you will receive by email.</p> <p>Once complete, please return and <a href="supporterkey.html">enter your supporter key</a>, which you will receive by email.</p>
</div> </div>
</div> </div>

130
dashboard-ui/supporterkey.html
View file

@ -16,101 +16,91 @@
<a href="supporterkey.html" data-role="button" class="ui-btn-active">Supporter Key</a> <a href="supporterkey.html" data-role="button" class="ui-btn-active">Supporter Key</a>
<a href="about.html" data-role="button">About</a> <a href="about.html" data-role="button">About</a>
</div> </div>
<h2>Supporter Key</h2>
</div> </div>
<form id="supporterKeyForm"> <form id="supporterKeyForm">
<div style="margin-top: 40px; margin-bottom: 40px"> <div style="margin: 1em 0;">
<label for="txtSupporterKey">MB3 Supporter Key (paste from email)</label> <label for="txtSupporterKey">MB3 Supporter Key (paste from email)</label>
<input type="password" id="txtSupporterKey" name="txtSupporterKey" data-inline="true" /> <input type="password" id="txtSupporterKey" name="txtSupporterKey" data-inline="true" />
<div class="fieldDescription"> <div class="fieldDescription">
<strong>After becoming a supporter, you will be emailed a Supporter Key. Simply copy and paste that key into this field and start Enter your supporter key to start enjoying additional benefits the community has developed for Media Browser. <strong>MB3 keys only.</strong>
enjoying everything the community has developed for Media Browser. <em>Only MB 3 Supporter Keys are valid here</em></strong>
</div> </div>
<p style="display: none; padding: 1em; border-radius: 5px; font-weight: normal;" class="ui-bar-a notSupporter">
<strong>MB3 Key Missing or Invalid</strong> - in order for any premium content to be registered, you must also be a MB3 Supporter.
Please <a href="supporter.html">donate</a> and support the continued development of the core product. Thank you.
</p> <p style="display: none; padding: 1em; border-radius: 5px; font-weight: normal;" class="ui-bar-a notSupporter">
<strong>MB3 Key Missing or Invalid</strong> - in order for any premium content to be registered, you must also be an MB3 Supporter.
Please <a href="supporter.html">donate</a> and support the continued development of the core product. Thank you.
</p>
</div> </div>
<div style="margin-top: 40px; margin-bottom: 40px"> <div style="margin: 2em 0;">
<label for="txtLegacyKey">Legacy Supporter Key (from MB 2.x)</label> <label for="txtLegacyKey">MB2 Supporter Key</label>
<input type="password" id="txtLegacyKey" name="txtLegacyKey" data-inline="true" /> <input type="password" id="txtLegacyKey" name="txtLegacyKey" data-inline="true" />
<div class="fieldDescription"> <div class="fieldDescription">
<strong>Some premium plug-ins may give credit for registrations with previous versions in MB 2.x. Enter your MB 2.x Some premium plugins may give credit for registrations with previous versions in MB2.
Supporter Key here to allow that credit.
</strong>
</div> </div>
</div> </div>
<p> <p>
<button type="submit" id="mbLegacyKeyBtn" data-theme="b">Save</button> <button type="submit" id="mbLegacyKeyBtn" data-theme="b" data-icon="check">Save</button>
</p> </p>
<hr />
</form> </form>
<h2>Lost Key</h2> <br />
<form id="lostKeyForm"> <div data-role="collapsible">
<div style="margin-top: 40px; margin-bottom: 40px"> <h3>Lost Key</h3>
<label for="txtEmail">Email Address</label> <div>
<input type="email" required id="txtEmail" name="txtEmail" data-inline="true" /> <form id="lostKeyForm">
<div class="fieldDescription"> <div style="margin: 1em 0;">
<strong>If you have lost your key, enter the email address associated with your PayPal account here and hit "Retrieve Key". The key <label for="txtEmail">Email Address</label>
will be emailed to you and you can come back here and paste it above.</strong> <input type="email" required id="txtEmail" name="txtEmail" data-inline="true" />
</div> <div class="fieldDescription">The email address that was used to purchase the key.</div>
</div>
<p>
<button type="submit" id="mbRetrieveKeyBtn" data-icon="action" data-theme="b">Retrieve Key</button>
</p>
</form>
</div> </div>
<p> </div>
<button type="submit" id="mbRetrieveKeyBtn" data-theme="b">Retrieve Key</button>
</p> <div data-role="collapsible">
<h3>Multiple Key Linking</h3>
<div>
<hr/> <form id="linkKeysForm">
</form> <p>
<form id="linkKeysForm"> If you have more than one supporter key, use this form to link the old key's registrations with your new one.
<h2>Multiple Key Linking</h2> </p>
<p> <div style="margin: 1em 0;">
If your PayPal email address has changed causing you to have more than one MB3 supporter key, use this form to link the old key's <label for="txtEmail">Current Email Address</label>
registrations with your new one. <input type="email" required id="txtNewEmail" name="txtNewEmail" data-inline="true" />
</p> <div class="fieldDescription">
<div style="margin-top: 40px; margin-bottom: 40px"> The current email address to which your new key was sent.
<label for="txtEmail">Current Email Address</label> </div>
<input type="email" required id="txtNewEmail" name="txtNewEmail" data-inline="true" /> </div>
<div class="fieldDescription"> <p>
<strong>The current email address to which your new key was sent.</strong> <label for="txtNewKey">New Supporter Key</label>
</div> <input type="password" required="required" id="txtNewKey" name="txtNewKey" data-inline="true" />
</p>
<p>
<label for="txtOldKey">Old Supporter Key</label>
<input type="password" required="required" id="txtOldKey" name="txtOldKey" data-inline="true" />
</p>
<p>
<button type="submit" id="mbLinkKeysBtn" data-icon="check" data-theme="b">Link Keys</button>
</p>
</form>
</div> </div>
<div style="margin-top: 40px; margin-bottom: 40px"> </div>
<label for="txtNewKey">New Supporter Key</label>
<input type="password" required="" id="txtNewKey" name="txtNewKey" data-inline="true" />
<div class="fieldDescription">
<strong>The supporter key that was sent to the above email address.</strong>
</div>
</div>
<div style="margin-top: 40px; margin-bottom: 40px">
<label for="txtOldKey">Old Supporter Key</label>
<input type="password" required id="txtOldKey" name="txtOldKey" data-inline="true" />
<div class="fieldDescription">
<strong>The supporter key attached to your previous email address.</strong>
</div>
</div>
<p>
<button type="submit" id="mbLinkKeysBtn" data-theme="b">Link Keys</button>
</p>
</form>
</div> </div>
</div> </div>
<script type="text/javascript"> </div>
$('#supporterKeyForm').on('submit', SupporterKeyPage.updateSupporterKey); <script type="text/javascript">
$('#lostKeyForm').on('submit', SupporterKeyPage.retrieveSupporterKey); $('#supporterKeyForm').on('submit', SupporterKeyPage.updateSupporterKey);
$('#linkKeysForm').on('submit', SupporterKeyPage.linkSupporterKeys); $('#lostKeyForm').on('submit', SupporterKeyPage.retrieveSupporterKey);
</script> $('#linkKeysForm').on('submit', SupporterKeyPage.linkSupporterKeys);
</script>
</div> </div>
</body> </body>
</html> </html>

1
dashboard-ui/updatepassword.html
View file

@ -13,7 +13,6 @@
<a href="#" data-role="button" onclick="Dashboard.navigate('usersettings.html', true);">Settings</a> <a href="#" data-role="button" onclick="Dashboard.navigate('usersettings.html', true);">Settings</a>
<a href="#" data-role="button" onclick="Dashboard.navigate('userimage.html', true);">Image</a> <a href="#" data-role="button" onclick="Dashboard.navigate('userimage.html', true);">Image</a>
<a href="#" data-role="button" class="ui-btn-active">Password</a> <a href="#" data-role="button" class="ui-btn-active">Password</a>
<a href="#" data-role="button" class="lnkMediaLibrary" style="display: none;" onclick="Dashboard.navigate('library.html', true);">Media Library</a>
</div> </div>
<h2 class="formheader" style="display: none;">Create Password</h2> <h2 class="formheader" style="display: none;">Create Password</h2>
<form id="updatePasswordForm"> <form id="updatePasswordForm">

1
dashboard-ui/userimage.html
View file

@ -13,7 +13,6 @@
<a href="#" data-role="button" onclick="Dashboard.navigate('usersettings.html', true);">Settings</a> <a href="#" data-role="button" onclick="Dashboard.navigate('usersettings.html', true);">Settings</a>
<a href="#" data-role="button" class="ui-btn-active">Image</a> <a href="#" data-role="button" class="ui-btn-active">Image</a>
<a href="#" data-role="button" onclick="Dashboard.navigate('updatepassword.html', true);">Password</a> <a href="#" data-role="button" onclick="Dashboard.navigate('updatepassword.html', true);">Password</a>
<a href="#" data-role="button" onclick="Dashboard.navigate('library.html', true);" class="lnkMediaLibrary" style="display: none;">Media Library</a>
</div> </div>
<div class="readOnlyContent"> <div class="readOnlyContent">
<p id="fldImage"></p> <p id="fldImage"></p>

6
dashboard-ui/userprofiles.html
View file

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>User Profiles</title> <title>Users</title>
</head> </head>
<body> <body>
<div id="userProfilesPage" data-role="page" class="page type-interior userProfilesConfigurationPage"> <div id="userProfilesPage" data-role="page" class="page type-interior userProfilesConfigurationPage">
@ -9,8 +9,8 @@
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="userprofiles.html" data-role="button" class="ui-btn-active">Users</a> <a href="userprofiles.html" data-role="button" class="ui-btn-active">Profiles</a>
<a href="allusersettings.html" data-role="button">Settings</a> <a href="allusersettings.html" data-role="button">Security</a>
</div> </div>

1
dashboard-ui/usersettings.html
View file

@ -13,7 +13,6 @@
<a href="#" data-role="button" class="ui-btn-active">Settings</a> <a href="#" data-role="button" class="ui-btn-active">Settings</a>
<a href="#" data-role="button" onclick="Dashboard.navigate('userimage.html', true);">Image</a> <a href="#" data-role="button" onclick="Dashboard.navigate('userimage.html', true);">Image</a>
<a href="#" data-role="button" onclick="Dashboard.navigate('updatepassword.html', true);">Password</a> <a href="#" data-role="button" onclick="Dashboard.navigate('updatepassword.html', true);">Password</a>
<a href="#" data-role="button" onclick="Dashboard.navigate('library.html', true);" class="lnkMediaLibrary" style="display: none;">Media Library</a>
</div> </div>
<form id="userSettingsForm"> <form id="userSettingsForm">
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">

1
dashboard-ui/wizardlibrary.html
View file

@ -17,7 +17,6 @@
<label for="chkUseDefaultLibrary">Use default media library</label> <label for="chkUseDefaultLibrary">Use default media library</label>
</p> </p>
<div id="divMediaLibrary"> <div id="divMediaLibrary">
<p class="editing_default">This is the <strong>default media library</strong> that will be shared with all users unless individual libraries are created.</p>
<p> <p>
<button type="button" data-mini="true" data-icon="plus" onclick="MediaLibraryPage.addVirtualFolder();">Add media collection</button> <button type="button" data-mini="true" data-icon="plus" onclick="MediaLibraryPage.addVirtualFolder();">Add media collection</button>
</p> </p>