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

remove some paper inputs

Browse Source
This commit is contained in:
Luke Pulverenti 2016-08-21 14:33:17 -04:00
parent faf5fe7af6
commit 7af088def3
10 changed files with 107 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
dashboard-ui/cinemamodeconfiguration.html
View File

@ -1,4 +1,4 @@
<div id="cinemaModeConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Cinema-Mode" data-require="scripts/cinemamodeconfiguration,paper-checkbox,paper-input,emby-button"> <div id="cinemaModeConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Cinema-Mode" data-require="scripts/cinemamodeconfiguration,paper-checkbox,emby-input,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -33,8 +33,9 @@
</div> </div>
</div> </div>
<br /> <br />
<div> <br />
<paper-input type="number" id="txtNumTrailers" min="1" max="10" step="1" label="${LabelNumberTrailerToPlay}"></paper-input> <div class="inputContainer">
<input is="emby-input" type="number" id="txtNumTrailers" min="1" max="10" step="1" label="${LabelNumberTrailerToPlay}" />
</div> </div>
<br /> <br />
<div> <div>
@ -46,18 +47,22 @@
<paper-checkbox class="chkUnwatchedOnly">${LabelLimitIntrosToUnwatchedContent}</paper-checkbox> <paper-checkbox class="chkUnwatchedOnly">${LabelLimitIntrosToUnwatchedContent}</paper-checkbox>
</div> </div>
<br /> <br />
<div> <br />
<div> <div class="inputContainer">
<paper-input type="text" label="${LabelCustomIntrosPath}" id="txtCustomIntrosPath" style="display: inline-block; width: 85%;"></paper-input> <div style="display: flex; align-items: center;">
<button type="button" is="paper-icon-button-light" id="btnSelectCustomIntrosPath" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button> <div style="flex-grow:1;">
<input is="emby-input" id="txtCustomIntrosPath" label="${LabelCustomIntrosPath}" required="required" autocomplete="off" />
</div>
<button type="button" is="paper-icon-button-light" id="btnSelectCustomIntrosPath" class="autoSize" title="${ButtonSelectDirectory}"><i class="md-icon">search</i></button>
</div> </div>
<div class="fieldDescription">${LabelCustomIntrosPathHelp}</div> <div class="fieldDescription">${LabelCustomIntrosPathHelp}</div>
</div> </div>
<br /> <div class="inputContainer">
<div> <div style="display: flex; align-items: center;">
<div> <div style="flex-grow:1;">
<paper-input type="text" label="${LabelCodecIntrosPath}" id="txtCodecIntrosPath" style="display: inline-block; width: 85%;"></paper-input> <input is="emby-input" id="txtCodecIntrosPath" label="${LabelCodecIntrosPath}" required="required" autocomplete="off" />
<button type="button" is="paper-icon-button-light" id="btnSelectCodecIntrosPath" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button> </div>
<button type="button" is="paper-icon-button-light" id="btnSelectCodecIntrosPath" class="autoSize" title="${ButtonSelectDirectory}"><i class="md-icon">search</i></button>
</div> </div>
<div class="fieldDescription"> <div class="fieldDescription">
<div>${LabelCodecIntrosPathHelp}</div> <div>${LabelCodecIntrosPathHelp}</div>
@ -65,7 +70,6 @@
</div> </div>
</div> </div>
<br /> <br />
<br />
<button is="emby-button" type="submit" class="raised submit block"><i class="md-icon">check</i><span>${ButtonSave}</span></button> <button is="emby-button" type="submit" class="raised submit block"><i class="md-icon">check</i><span>${ButtonSave}</span></button>
<p>${CinemaModeConfigurationHelp2}</p> <p>${CinemaModeConfigurationHelp2}</p>
</form> </form>

5
dashboard-ui/css/dashboard.css
View File

@ -8,11 +8,6 @@
padding-top: 5px; padding-top: 5px;
} }
paper-input + .fieldDescription {
padding-top: 5px;
opacity: .9;
}
/* Tabs (e.g. advanced metadata page) */ /* Tabs (e.g. advanced metadata page) */
.localnav { .localnav {
margin-bottom: 30px !important; margin-bottom: 30px !important;

2
dashboard-ui/css/site.css
View File

@ -116,7 +116,7 @@ h1 a:hover {
color: #52B54B !important; color: #52B54B !important;
} }
input:not(.paper-input):not([type='checkbox']):not([type='radio']):not([type='file']):not([type='range']):not([is='emby-input']) { input:not([type='checkbox']):not([type='radio']):not([type='file']):not([type='range']):not([is='emby-input']) {
-webkit-appearance: none; -webkit-appearance: none;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-webkit-rtl-ordering: logical; -webkit-rtl-ordering: logical;

30
dashboard-ui/dashboardgeneral.html
View File

@ -5,12 +5,10 @@
<form class="dashboardGeneralForm"> <form class="dashboardGeneralForm">
<div> <div class="inputContainer">
<paper-input type="text" id="txtServerName" label="${LabelFriendlyServerName}"></paper-input> <input is="emby-input" type="text" id="txtServerName" label="${LabelFriendlyServerName}" />
<div class="fieldDescription">${LabelFriendlyServerNameHelp}</div> <div class="fieldDescription">${LabelFriendlyServerNameHelp}</div>
</div> </div>
<br /><br />
<div> <div>
<label for="selectLocalizationLanguage" class="selectLabel">${LabelPreferredDisplayLanguage}</label> <label for="selectLocalizationLanguage" class="selectLabel">${LabelPreferredDisplayLanguage}</label>
<select id="selectLocalizationLanguage" data-mini="true"></select> <select id="selectLocalizationLanguage" data-mini="true"></select>
@ -45,14 +43,18 @@
<div is="emby-collapse" title="${HeaderAdvanced}"> <div is="emby-collapse" title="${HeaderAdvanced}">
<div class="collapseContent"> <div class="collapseContent">
<div> <div>
<paper-input type="text" id="txtCachePath" label="${LabelCachePath}" style="display: inline-block; width: 85%;"></paper-input> <div class="inputContainer">
<button type="button" is="paper-icon-button-light" id="btnSelectCachePath" title="${ButtonSelectDirectory}" class="autoSize"> <div style="display: flex; align-items: center;">
<i class="md-icon">search</i> <div style="flex-grow:1;">
</button> <input is="emby-input" id="txtCachePath" label="${LabelCachePath}" autocomplete="off" />
</div>
<button type="button" is="paper-icon-button-light" id="btnSelectCachePath" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button>
</div>
<div class="fieldDescription">${LabelCachePathHelp}</div> <div class="fieldDescription">${LabelCachePathHelp}</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div is="emby-collapse" title="${HeaderAutomaticUpdates}"> <div is="emby-collapse" title="${HeaderAutomaticUpdates}">
<div class="collapseContent"> <div class="collapseContent">
@ -88,8 +90,8 @@
<p>${HeaderBrandingHelp}</p> <p>${HeaderBrandingHelp}</p>
<br /> <br />
<div> <div class="inputContainer">
<paper-input type="text" id="txtLoginDisclaimer" label="${LabelLoginDisclaimer}"></paper-input> <input is="emby-input" type="text" id="txtLoginDisclaimer" label="${LabelLoginDisclaimer}" />
<div class="fieldDescription">${LabelLoginDisclaimerHelp}</div> <div class="fieldDescription">${LabelLoginDisclaimerHelp}</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
@ -113,9 +115,13 @@
${OptionDisableForDevelopmentHelp} ${OptionDisableForDevelopmentHelp}
</div> </div>
<br /><br /> <br /><br />
<div> <div class="inputContainer">
<paper-input type="text" id="txtDashboardSourcePath" label="${LabelDashboardSourcePath}" style="display: inline-block; width: 80%;"></paper-input> <div style="display: flex; align-items: center;">
<div style="flex-grow:1;">
<input is="emby-input" id="txtDashboardSourcePath" label="${LabelDashboardSourcePath}" autocomplete="off" />
</div>
<button type="button" is="paper-icon-button-light" id="btnSelectDashboardSourcePath" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button> <button type="button" is="paper-icon-button-light" id="btnSelectDashboardSourcePath" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button>
</div>
<div class="fieldDescription">${LabelDashboardSourcePathHelp}</div> <div class="fieldDescription">${LabelDashboardSourcePathHelp}</div>
</div> </div>
</div> </div>

30
dashboard-ui/device.html
View File

@ -1,36 +1,32 @@
<div id="devicePage" data-role="page" class="page type-interior devicesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Devices" data-require="jqmlistview,scripts/device,paper-input,emby-button"> <div id="devicePage" data-role="page" class="page type-interior devicesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Devices" data-require="scripts/device,emby-input,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div class="readOnlyContent">
<form class="deviceForm"> <form class="deviceForm">
<p class="reportedName"> <p class="reportedName">
</p> </p>
<ul data-role="listview" class="ulForm"> <div class="inputContainer">
<li> <input is="emby-input" type="text" id="txtCustomName" label="${LabelCustomDeviceDisplayName}" />
<paper-input type="text" id="txtCustomName" label="${LabelCustomDeviceDisplayName}"></paper-input>
<div class="fieldDescription">${LabelCustomDeviceDisplayNameHelp}</div> <div class="fieldDescription">${LabelCustomDeviceDisplayNameHelp}</div>
</li> </div>
<li id="fldCameraUploadPath" style="display:none;"> <div class="inputContainer hide" id="fldCameraUploadPath">
<paper-input id="txtUploadPath" label="${LabelCameraUploadPath}" style="width:85%;display:inline-block;"></paper-input> <div style="display: flex; align-items: center;">
<div style="flex-grow:1;">
<input is="emby-input" id="txtUploadPath" label="${LabelCameraUploadPath}" required="required" autocomplete="off" />
</div>
<button type="button" is="paper-icon-button-light" id="btnSelectUploadPath" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button> <button type="button" is="paper-icon-button-light" id="btnSelectUploadPath" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button>
</div>
<div class="fieldDescription">${LabelCameraUploadPathHelp}</div> <div class="fieldDescription">${LabelCameraUploadPathHelp}</div>
</li> </div>
<div>
</ul><br />
<ul data-role="listview" class="ulForm">
<li>
<button is="emby-button" type="submit" class="raised submit block"><i class="md-icon">check</i><span>${ButtonSave}</span></button> <button is="emby-button" type="submit" class="raised submit block"><i class="md-icon">check</i><span>${ButtonSave}</span></button>
</li> </div>
</ul>
</form> </form>
</div> </div>
</div> </div>
</div>
</div> </div>

34
dashboard-ui/devicesupload.html
View File

@ -1,35 +1,33 @@
<div id="devicesUploadPage" data-role="page" class="page type-interior devicesPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Camera%20upload" data-require="jqmlistview,scripts/devicesupload,paper-input,paper-checkbox,emby-button"> <div id="devicesUploadPage" data-role="page" class="page type-interior devicesPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Camera%20upload" data-require="scripts/devicesupload,emby-input,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div class="readOnlyContent"> <form class="devicesUploadForm">
<p>${HeaderCameraUploadHelp}</p> <p>${HeaderCameraUploadHelp}</p>
<form class="devicesUploadForm"> <div class="inputContainer">
<div style="display: flex; align-items: center;">
<ul data-role="listview" class="ulForm"> <div style="flex-grow:1;">
<li> <input is="emby-input" id="txtUploadPath" label="${LabelCameraUploadPath}" required="required" autocomplete="off" />
<paper-input id="txtUploadPath" label="${LabelCameraUploadPath}" style="width:84%;display:inline-block;"></paper-input> </div>
<button type="button" is="paper-icon-button-light" id="btnSelectUploadPath" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button> <button type="button" is="paper-icon-button-light" id="btnSelectUploadPath" title="${ButtonSelectDirectory}"><i class="md-icon">search</i></button>
</div>
<div class="fieldDescription">${LabelCameraUploadPathHelp}</div> <div class="fieldDescription">${LabelCameraUploadPathHelp}</div>
</li> </div>
<li> <div>
<br /> <br />
<paper-checkbox id="chkSubfolder">${LabelCreateCameraUploadSubfolder}</paper-checkbox> <paper-checkbox id="chkSubfolder">${LabelCreateCameraUploadSubfolder}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelCreateCameraUploadSubfolderHelp}</div> <div class="fieldDescription paperCheckboxFieldDescription">${LabelCreateCameraUploadSubfolderHelp}</div>
</li> </div>
<br />
</ul><br /> <br />
<ul data-role="listview" class="ulForm"> <div>
<li>
<button is="emby-button" type="submit" class="raised submit block"><i class="md-icon">check</i><span>${ButtonSave}</span></button> <button is="emby-button" type="submit" class="raised submit block"><i class="md-icon">check</i><span>${ButtonSave}</span></button>
</li> </div>
</ul>
</form> </form>
</div> </div>
</div> </div>
</div>
</div> </div>

30
dashboard-ui/notificationsetting.html
View File

@ -1,4 +1,4 @@
<div id="notificationSettingPage" data-role="page" class="page type-interior notificationConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Notifications" data-require="jqmlistview,scripts/notificationsetting,paper-input,paper-checkbox,emby-button"> <div id="notificationSettingPage" data-role="page" class="page type-interior notificationConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Notifications" data-require="scripts/notificationsetting,emby-select,emby-input,paper-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -7,11 +7,12 @@
<form class="notificationSettingForm"> <form class="notificationSettingForm">
<ul data-role="listview" class="ulForm"> <br />
<li> <div>
<paper-checkbox id="chkEnabled">${LabelNotificationEnabled}</paper-checkbox> <paper-checkbox id="chkEnabled">${LabelNotificationEnabled}</paper-checkbox>
</li> </div>
</ul> <br />
<br />
<div class="monitorUsers" style="display: none;"> <div class="monitorUsers" style="display: none;">
<div class="paperListLabel">${LabelMonitorUsers}</div> <div class="paperListLabel">${LabelMonitorUsers}</div>
@ -22,9 +23,8 @@
</div> </div>
<div> <div>
<div> <div class="selectContainer">
<label for="selectUsers" class="selectLabel">${LabelSendNotificationToUsers}</label> <select is="emby-select" id="selectUsers" label="${LabelSendNotificationToUsers}">
<select id="selectUsers">
<option value="All">${OptionAllUsers}</option> <option value="All">${OptionAllUsers}</option>
<option value="Admins">${OptionAdminUsers}</option> <option value="Admins">${OptionAdminUsers}</option>
<option value="Custom">${OptionCustomUsers}</option> <option value="Custom">${OptionCustomUsers}</option>
@ -37,7 +37,6 @@
</div> </div>
</div> </div>
<br /> <br />
<br />
</div> </div>
<div> <div>
@ -49,22 +48,19 @@
</div> </div>
<br /> <br />
<ul data-role="listview" class="ulForm"> <div class="inputContainer">
<li> <input is="emby-input" id="txtTitle" type="text" required label="${LabelMessageTitle}"/>
<paper-input id="txtTitle" type="text" required label="${LabelMessageTitle}"></paper-input>
<div class="fieldDescription tokenHelp"> <div class="fieldDescription tokenHelp">
<div>${LabelAvailableTokens}</div> <div>${LabelAvailableTokens}</div>
<div class="tokenList" style="margin-top: .5em;"></div> <div class="tokenList" style="margin-top: .5em;"></div>
</div> </div>
</li> </div>
<li> <div>
<br /> <br />
<button is="emby-button" type="submit" class="raised submit block"><i class="md-icon">check</i><span>${ButtonSave}</span></button> <button is="emby-button" type="submit" class="raised submit block"><i class="md-icon">check</i><span>${ButtonSave}</span></button>
<button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"><i class="md-icon">close</i><span>${ButtonCancel}</span></button> <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"><i class="md-icon">close</i><span>${ButtonCancel}</span></button>
</li> </div>
</ul>
</form> </form>
</div> </div>

4
dashboard-ui/scripts/device.js
View File

@ -3,9 +3,9 @@
function load(page, device, capabilities) { function load(page, device, capabilities) {
if (capabilities.SupportsContentUploading) { if (capabilities.SupportsContentUploading) {
$('#fldCameraUploadPath', page).show(); $('#fldCameraUploadPath', page).removeClass('hide');
} else { } else {
$('#fldCameraUploadPath', page).hide(); $('#fldCameraUploadPath', page).addClass('hide');
} }
$('#txtCustomName', page).val(device.CustomName || ''); $('#txtCustomName', page).val(device.CustomName || '');

5
dashboard-ui/scripts/site.js
View File

@ -1393,13 +1393,8 @@ var AppInfo = {};
define("cryptojs-sha1", [sha1Path]); define("cryptojs-sha1", [sha1Path]);
define("cryptojs-md5", [md5Path]); define("cryptojs-md5", [md5Path]);
define("paper-button", ["html!" + bowerPath + "/paper-button/paper-button.html"]);
define("paper-icon-button", ["html!" + bowerPath + "/paper-icon-button/paper-icon-button.html"]);
define("paper-checkbox", ["html!" + bowerPath + "/paper-checkbox/paper-checkbox.html"]); define("paper-checkbox", ["html!" + bowerPath + "/paper-checkbox/paper-checkbox.html"]);
define("paper-collapse-item", ["html!" + bowerPath + "/paper-collapse-item/paper-collapse-item.html"]);
define("jstree", [bowerPath + "/jstree/dist/jstree", "css!thirdparty/jstree/themes/default/style.min.css"]); define("jstree", [bowerPath + "/jstree/dist/jstree", "css!thirdparty/jstree/themes/default/style.min.css"]);
define("dashboardcss", ['css!css/dashboard']); define("dashboardcss", ['css!css/dashboard']);

7
dashboard-ui/wizardlivetvtuner.html
View File

@ -1,4 +1,4 @@
<div id="wizardTunerPage" data-role="page" class="page standalonePage wizardPage" data-require="scripts/wizardlivetvtuner,paper-input,emby-button"> <div id="wizardTunerPage" data-role="page" class="page standalonePage wizardPage" data-require="scripts/wizardlivetvtuner,emby-input,emby-button">
<div data-role="content"> <div data-role="content">
@ -21,12 +21,11 @@
<div class="fieldDescription">${AdditionalLiveTvProvidersCanBeInstalledLater}</div> <div class="fieldDescription">${AdditionalLiveTvProvidersCanBeInstalledLater}</div>
</div> </div>
<br /> <br />
<div> <div class="inputContainer">
<paper-input class="txtDevicePath" label="${LabelTunerIpAddress}" required="required"></paper-input> <input is="emby-input" class="txtDevicePath" label="${LabelTunerIpAddress}" required="required" />
<div class="fieldDescription">${HelpMoreTunersCanBeAdded}</div> <div class="fieldDescription">${HelpMoreTunersCanBeAdded}</div>
</div> </div>
<br /> <br />
<br />
<div class="wizardNavigation"> <div class="wizardNavigation">
<button is="emby-button" type="button" class="raised subdued" onclick="history.back();"><i class="md-icon">arrow_back</i><span>${LabelPrevious}</span></button> <button is="emby-button" type="button" class="raised subdued" onclick="history.back();"><i class="md-icon">arrow_back</i><span>${LabelPrevious}</span></button>
<button is="emby-button" type="submit" class="raised accent"><span>${LabelNext}</span><i class="md-icon">arrow_forward</i></button> <button is="emby-button" type="submit" class="raised accent"><span>${LabelNext}</span><i class="md-icon">arrow_forward</i></button>