reduce use of jqmlistview

This commit is contained in:
Luke Pulverenti 2016-08-20 15:58:57 -04:00
parent bfc4f255ed
commit f53cb1ca8a
9 changed files with 164 additions and 200 deletions

View File

@ -1,4 +1,4 @@
<div id="libraryFileOrganizerPage" data-role="page" class="page type-interior organizePage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="emby-collapse,jqmtable,scripts/autoorganizetv,paper-input,paper-checkbox,jqmlistview"> <div id="libraryFileOrganizerPage" data-role="page" class="page type-interior organizePage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="emby-collapse,jqmtable,scripts/autoorganizetv,paper-input,paper-checkbox">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -8,30 +8,28 @@
<p>${AutoOrganizeHelp}</p> <p>${AutoOrganizeHelp}</p>
<p>${AutoOrganizeTvHelp}</p> <p>${AutoOrganizeTvHelp}</p>
<ul data-role="listview" class="ulForm" style="margin-bottom: 0!important;"> <div>
<li> <br />
<br /> <paper-checkbox id="chkEnableTvSorting">${OptionEnableEpisodeOrganization}</paper-checkbox>
<paper-checkbox id="chkEnableTvSorting">${OptionEnableEpisodeOrganization}</paper-checkbox> </div>
</li> <div>
<li> <paper-input id="txtWatchFolder" label="${LabelWatchFolder}" style="width:85%;display:inline-block;"></paper-input>
<paper-input id="txtWatchFolder" label="${LabelWatchFolder}" style="width:85%;display:inline-block;"></paper-input> <button type="button" is="paper-icon-button-light" id="btnSelectWatchFolder" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button>
<button type="button" is="paper-icon-button-light" id="btnSelectWatchFolder" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button> <div class="fieldDescription">
<div class="fieldDescription"> <div>${LabelWatchFolderHelp}</div>
<div>${LabelWatchFolderHelp}</div> </div>
</div> </div>
</li> <div>
<li> <paper-input type="number" id="txtMinFileSize" name="txtMinFileSize" label="${LabelMinFileSizeForOrganize}" pattern="[0-9]*" min="0" required></paper-input>
<paper-input type="number" id="txtMinFileSize" name="txtMinFileSize" label="${LabelMinFileSizeForOrganize}" pattern="[0-9]*" min="0" required></paper-input> <div class="fieldDescription">${LabelMinFileSizeForOrganizeHelp}</div>
<div class="fieldDescription">${LabelMinFileSizeForOrganizeHelp}</div> </div>
</li> <div>
<li> <paper-input type="text" id="txtSeasonFolderPattern" name="txtSeasonFolderPattern" label="${LabelSeasonFolderPattern}" required></paper-input>
<paper-input type="text" id="txtSeasonFolderPattern" name="txtSeasonFolderPattern" label="${LabelSeasonFolderPattern}" required></paper-input> <div class="fieldDescription seasonFolderFieldDescription"></div>
<div class="fieldDescription seasonFolderFieldDescription"></div> </div>
</li> <div>
<li> <paper-input type="text" id="txtSeasonZeroName" name="txtSeasonZeroName" label="${LabelSeasonZeroFolderName}" required></paper-input>
<paper-input type="text" id="txtSeasonZeroName" name="txtSeasonZeroName" label="${LabelSeasonZeroFolderName}" required></paper-input> </div><br />
</li>
</ul><br />
<div is="emby-collapse" title="${HeaderEpisodeFilePattern}"> <div is="emby-collapse" title="${HeaderEpisodeFilePattern}">
<div class="collapseContent"> <div class="collapseContent">
@ -129,35 +127,28 @@
</div> </div>
<br /><br /> <br /><br />
<ul data-role="listview" class="ulForm"> <div>
<li> <label for="copyOrMoveFile" class="selectLabel">${LabelTransferMethod}</label>
<label for="copyOrMoveFile" class="selectLabel">${LabelTransferMethod}</label> <select id="copyOrMoveFile" data-mini="true">
<select id="copyOrMoveFile" data-mini="true"> <option value="true">${OptionCopy}</option>
<option value="true">${OptionCopy}</option> <option value="false">${OptionMove}</option>
<option value="false">${OptionMove}</option> </select>
</select> <div class="fieldDescription">${LabelTransferMethodHelp}</div>
<div class="fieldDescription">${LabelTransferMethodHelp}</div> </div>
</li> <div>
<li> <br />
<br /> <paper-checkbox type="checkbox" id="chkOverwriteExistingEpisodes">${OptionOverwriteExistingEpisodes}</paper-checkbox>
<paper-checkbox type="checkbox" id="chkOverwriteExistingEpisodes">${OptionOverwriteExistingEpisodes}</paper-checkbox> </div>
</li> <div>
<li> <paper-input type="text" id="txtDeleteLeftOverFiles" name="txtDeleteLeftOverFiles" label="${LabelDeleteLeftOverFiles}"></paper-input>
<paper-input type="text" id="txtDeleteLeftOverFiles" name="txtDeleteLeftOverFiles" label="${LabelDeleteLeftOverFiles}"></paper-input> <div class="fieldDescription">${LabelDeleteLeftOverFilesHelp}</div>
<div class="fieldDescription">${LabelDeleteLeftOverFilesHelp}</div> </div>
</li> <div>
<li> <paper-checkbox id="chkDeleteEmptyFolders">${LabelDeleteEmptyFolders}</paper-checkbox>
<paper-checkbox id="chkDeleteEmptyFolders">${LabelDeleteEmptyFolders}</paper-checkbox> <div class="fieldDescription paperCheckboxFieldDescription">${LabelDeleteEmptyFoldersHelp}</div>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelDeleteEmptyFoldersHelp}</div> </div>
</li>
</ul>
<ul data-role="listview" class="ulForm"> <div><button is="emby-button" type="submit" class="raised submit block"><i class="md-icon">check</i><span>${ButtonSave}</span></button></div>
<li>
<button is="emby-button" type="submit" class="raised submit block"><i class="md-icon">check</i><span>${ButtonSave}</span></button>
</li>
</ul>
</form> </form>
</div> </div>

View File

@ -4,7 +4,7 @@
.collapseContent { .collapseContent {
border-width: 0 1px 1px 1px; border-width: 0 1px 1px 1px;
padding: 1em 1.25em; padding: 1.25em 1.25em;
height: 0; height: 0;
transition-property: height; transition-property: height;
transition-duration: 300ms; transition-duration: 300ms;

View File

@ -1,7 +1,7 @@
.emby-tab-button { .emby-tab-button {
background: transparent; background: transparent;
border: 2px solid transparent !important; border: 2px solid transparent;
border-width: 0 0 2px 0 !important; border-width: 0 0 2px 0;
cursor: pointer; cursor: pointer;
outline: none !important; outline: none !important;
width: auto; width: auto;
@ -24,13 +24,13 @@
overflow: hidden; overflow: hidden;
} }
.emby-tab-button:focus { .emby-tab-button:focus {
font-weight: bold !important; font-weight: bold !important;
} }
.emby-tab-button-active { .emby-tab-button-active {
color: #52B54B !important; color: #52B54B !important;
border-color: #52B54B !important; border-color: #52B54B;
} }
.emby-tabs-slider { .emby-tabs-slider {

View File

@ -14,6 +14,8 @@
padding: 0 !important; padding: 0 !important;
margin: 0 !important; margin: 0 !important;
text-align: center; text-align: center;
border-color: transparent !important;
border-width: 0 !important;
} }
.dockedtabs-tab-button, .dockedtabs-tab-button-foreground { .dockedtabs-tab-button, .dockedtabs-tab-button-foreground {

View File

@ -593,7 +593,6 @@ progress {
.ui-body-b .emby-collapsible-content, .ui-body-b .collapseContent { .ui-body-b .emby-collapsible-content, .ui-body-b .collapseContent {
border-width: 0; border-width: 0;
padding: 1em 1.25em;
background-color: #222; background-color: #222;
} }
@ -621,7 +620,6 @@ progress {
.ui-body-a .emby-collapsible-content, .ui-body-a .collapseContent { .ui-body-a .emby-collapsible-content, .ui-body-a .collapseContent {
border-width: 0; border-width: 0;
padding: 1em 1.25em;
background-color: #fff; background-color: #fff;
} }

View File

@ -44,46 +44,42 @@
<div is="emby-collapse" title="${HeaderAdvanced}"> <div is="emby-collapse" title="${HeaderAdvanced}">
<div class="collapseContent"> <div class="collapseContent">
<ul data-role="listview" class="ulForm"> <div>
<li> <paper-input type="text" id="txtCachePath" label="${LabelCachePath}" style="display: inline-block; width: 85%;"></paper-input>
<paper-input type="text" id="txtCachePath" label="${LabelCachePath}" style="display: inline-block; width: 85%;"></paper-input> <button type="button" is="paper-icon-button-light" id="btnSelectCachePath" title="${ButtonSelectDirectory}" class="autoSize">
<button type="button" is="paper-icon-button-light" id="btnSelectCachePath" title="${ButtonSelectDirectory}" class="autoSize"> <i class="md-icon">search</i>
<i class="md-icon">search</i> </button>
</button> <div class="fieldDescription">${LabelCachePathHelp}</div>
<div class="fieldDescription">${LabelCachePathHelp}</div> </div>
</li>
</ul>
</div> </div>
</div> </div>
<div is="emby-collapse" title="${HeaderAutomaticUpdates}"> <div is="emby-collapse" title="${HeaderAutomaticUpdates}">
<div class="collapseContent"> <div class="collapseContent">
<br /> <br />
<ul data-role="listview" class="ulForm"> <div class="fldAutomaticUpdates">
<li class="fldAutomaticUpdates"> <div data-role="controlgroup">
<div data-role="controlgroup"> <input type="checkbox" id="chkEnableAutomaticServerUpdates" data-mini="true" />
<input type="checkbox" id="chkEnableAutomaticServerUpdates" data-mini="true" /> <label for="chkEnableAutomaticServerUpdates">${OptionEnableAutomaticServerUpdates}</label>
<label for="chkEnableAutomaticServerUpdates">${OptionEnableAutomaticServerUpdates}</label> </div>
</div> </div>
</li> <div>
<li> <label class="lnlAutomaticUpdateLevel selectLabel" for="selectAutomaticUpdateLevel"></label>
<label class="lnlAutomaticUpdateLevel selectLabel" for="selectAutomaticUpdateLevel"></label> <select name="selectAutomaticUpdateLevel" id="selectAutomaticUpdateLevel">
<select name="selectAutomaticUpdateLevel" id="selectAutomaticUpdateLevel"> <option value="Release">${OptionRelease}</option>
<option value="Release">${OptionRelease}</option> <option value="Beta">${OptionBeta}</option>
<option value="Beta">${OptionBeta}</option> <option value="Dev">${OptionDev}</option>
<option value="Dev">${OptionDev}</option> </select>
</select> <div id="devBuildWarning" class="fieldDescription warningFieldDescription" style="display: none;">
<div id="devBuildWarning" class="fieldDescription warningFieldDescription" style="display: none;"> ${DevBuildWarning}
${DevBuildWarning} </div>
</div> </div>
</li> <div id="fldEnableAutomaticRestart" style="display: none;">
<li id="fldEnableAutomaticRestart" style="display: none;"> <paper-checkbox id="chkEnableAutomaticRestart">${LabelAllowServerAutoRestart}</paper-checkbox>
<paper-checkbox id="chkEnableAutomaticRestart">${LabelAllowServerAutoRestart}</paper-checkbox> <div class="fieldDescription paperCheckboxFieldDescription">
<div class="fieldDescription paperCheckboxFieldDescription"> ${LabelAllowServerAutoRestartHelp}
${LabelAllowServerAutoRestartHelp} </div>
</div> </div>
</li>
</ul>
</div> </div>
</div> </div>
@ -92,16 +88,14 @@
<p>${HeaderBrandingHelp}</p> <p>${HeaderBrandingHelp}</p>
<br /> <br />
<ul data-role="listview" class="ulForm"> <div>
<li> <paper-input type="text" id="txtLoginDisclaimer" label="${LabelLoginDisclaimer}"></paper-input>
<paper-input type="text" id="txtLoginDisclaimer" label="${LabelLoginDisclaimer}"></paper-input> <div class="fieldDescription">${LabelLoginDisclaimerHelp}</div>
<div class="fieldDescription">${LabelLoginDisclaimerHelp}</div> </div>
</li> <div>
<li> <paper-textarea id="txtCustomCss" label="${LabelCustomCss}" class="mono"></paper-textarea>
<paper-textarea id="txtCustomCss" label="${LabelCustomCss}" class="mono"></paper-textarea> <div class="fieldDescription">${LabelCustomCssHelp}</div>
<div class="fieldDescription">${LabelCustomCssHelp}</div> </div>
</li>
</ul>
</div> </div>
</div> </div>
@ -119,22 +113,17 @@
${OptionDisableForDevelopmentHelp} ${OptionDisableForDevelopmentHelp}
</div> </div>
<br /><br /> <br /><br />
<ul data-role="listview" class="ulForm"> <div>
<li> <paper-input type="text" id="txtDashboardSourcePath" label="${LabelDashboardSourcePath}" style="display: inline-block; width: 80%;"></paper-input>
<paper-input type="text" id="txtDashboardSourcePath" label="${LabelDashboardSourcePath}" style="display: inline-block; width: 80%;"></paper-input> <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 class="fieldDescription">${LabelDashboardSourcePathHelp}</div>
<div class="fieldDescription">${LabelDashboardSourcePathHelp}</div> </div>
</li>
</ul>
</div> </div>
</div> </div>
<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> </div>
</li>
</ul>
</form> </form>
</div> </div>

View File

@ -41,21 +41,11 @@ body:not(.dashboardDocument) .mainDrawerButton {
background-color: #000; background-color: #000;
} }
.libraryViewNav .emby-tab-button { .emby-tab-button {
font-weight: 400; font-weight: 400;
text-transform: none; text-transform: none;
}
.emby-tab-button-selection-bar {
display: none !important;
}
.libraryViewNav .emby-tab-button-active {
color: #52B54B !important;
}
.emby-tab-button-active {
border-color: transparent !important; border-color: transparent !important;
border-width: 0 !important;
} }
.criticReviewPaperList { .criticReviewPaperList {

View File

@ -4,55 +4,54 @@
<div class="content-primary"> <div class="content-primary">
<form class="librarySettingsForm"> <form class="librarySettingsForm">
<ul data-role="listview" class="ulForm"> <div class="fldLibraryMonitor hide">
<li class="fldLibraryMonitor hide"> <label for="selectEnableRealtimeMonitor" class="selectLabel">${LabelEnableRealtimeMonitor}</label>
<label for="selectEnableRealtimeMonitor" class="selectLabel">${LabelEnableRealtimeMonitor}</label> <select id="selectEnableRealtimeMonitor" data-mini="true">
<select id="selectEnableRealtimeMonitor" data-mini="true"> <option value="Auto">${OptionAuto}</option>
<option value="Auto">${OptionAuto}</option> <option value="Enabled">${OptionYes}</option>
<option value="Enabled">${OptionYes}</option> <option value="Disabled">${OptionNo}</option>
<option value="Disabled">${OptionNo}</option> </select>
</select> <div class="fieldDescription">
<div class="fieldDescription"> ${LabelEnableRealtimeMonitorHelp}
${LabelEnableRealtimeMonitorHelp} </div>
</div> </div>
</li> <br /><br />
<li> <div>
<label for="selectDateAdded" class="selectLabel">${LabelDateAddedBehavior}</label> <label for="selectDateAdded" class="selectLabel">${LabelDateAddedBehavior}</label>
<select id="selectDateAdded" data-mini="true"> <select id="selectDateAdded" data-mini="true">
<option value="0">${OptionDateAddedImportTime}</option> <option value="0">${OptionDateAddedImportTime}</option>
<option value="1">${OptionDateAddedFileTime}</option> <option value="1">${OptionDateAddedFileTime}</option>
</select> </select>
<div class="fieldDescription">${LabelDateAddedBehaviorHelp}</div> <div class="fieldDescription">${LabelDateAddedBehaviorHelp}</div>
</li> </div>
<li> <br />
<paper-input id="txtMetadataPath" label="${LabelMetadataPath}" style="width:85%;display:inline-block;"></paper-input> <div>
<button type="button" is="paper-icon-button-light" id="btnSelectMetadataPath" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button> <paper-input id="txtMetadataPath" label="${LabelMetadataPath}" style="width: 85%; display: inline-block;"></paper-input>
<div class="fieldDescription">${LabelMetadataPathHelp}</div> <button type="button" is="paper-icon-button-light" id="btnSelectMetadataPath" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button>
<br /> <div class="fieldDescription">${LabelMetadataPathHelp}</div>
</li> <br/>
<li> </div>
<paper-checkbox id="chkSaveMetadataHidden">${OptionSaveMetadataAsHidden}</paper-checkbox> <br />
<div class="fieldDescription paperCheckboxFieldDescription">${OptionSaveMetadataAsHiddenHelp}</div> <div>
<br /> <paper-checkbox id="chkSaveMetadataHidden">${OptionSaveMetadataAsHidden}</paper-checkbox>
</li> <div class="fieldDescription paperCheckboxFieldDescription">${OptionSaveMetadataAsHiddenHelp}</div>
</ul> <br />
</div>
<br />
<div is="emby-collapse" title="${HeaderChapters}"> <div is="emby-collapse" title="${HeaderChapters}">
<div class="collapseContent"> <div class="collapseContent">
<br /> <br />
<ul data-role="listview" class="ulForm" style="margin-bottom:0!important;"> <div>
<li> <div class="paperListLabel">${HeaderExtractChapterImagesFor}</div>
<div class="paperListLabel">${HeaderExtractChapterImagesFor}</div> <div class="paperCheckboxList">
<div class="paperCheckboxList"> <paper-checkbox id="chkChaptersMovies">${OptionMovies}</paper-checkbox>
<paper-checkbox id="chkChaptersMovies">${OptionMovies}</paper-checkbox>
<paper-checkbox id="chkChaptersEpisodes">${OptionEpisodes}</paper-checkbox> <paper-checkbox id="chkChaptersEpisodes">${OptionEpisodes}</paper-checkbox>
<paper-checkbox id="chkChaptersOtherVideos">${OptionOtherVideos}</paper-checkbox> <paper-checkbox id="chkChaptersOtherVideos">${OptionOtherVideos}</paper-checkbox>
</div> </div>
<div class="fieldDescription paperCheckboxFieldDescription">${ExtractChapterImagesHelp}</div> <div class="fieldDescription paperCheckboxFieldDescription">${ExtractChapterImagesHelp}</div>
</li> </div>
</ul>
<br /> <br />
<div> <div>
<paper-checkbox id="chkExtractChaptersDuringLibraryScan">${LabelExtractChaptersDuringLibraryScan}</paper-checkbox> <paper-checkbox id="chkExtractChaptersDuringLibraryScan">${LabelExtractChaptersDuringLibraryScan}</paper-checkbox>
@ -65,27 +64,25 @@
<div is="emby-collapse" title="${HeaderPeople}"> <div is="emby-collapse" title="${HeaderPeople}">
<div class="collapseContent"> <div class="collapseContent">
<br /> <br />
<ul data-role="listview" class="ulForm"> <div>
<li> <div class="paperListLabel">${HeaderDownloadPeopleMetadataFor}</div>
<div class="paperListLabel">${HeaderDownloadPeopleMetadataFor}</div> <div class="paperCheckboxList">
<div class="paperCheckboxList"> <paper-checkbox id="chkPeopleActors">${OptionActors}</paper-checkbox>
<paper-checkbox id="chkPeopleActors">${OptionActors}</paper-checkbox>
<paper-checkbox id="chkPeopleComposers">${OptionComposers}</paper-checkbox> <paper-checkbox id="chkPeopleComposers">${OptionComposers}</paper-checkbox>
<paper-checkbox id="chkPeopleDirectors">${OptionDirectors}</paper-checkbox> <paper-checkbox id="chkPeopleDirectors">${OptionDirectors}</paper-checkbox>
<paper-checkbox id="chkPeopleGuestStars">${OptionGuestStars}</paper-checkbox> <paper-checkbox id="chkPeopleGuestStars">${OptionGuestStars}</paper-checkbox>
<paper-checkbox id="chkPeopleProducers">${OptionProducers}</paper-checkbox> <paper-checkbox id="chkPeopleProducers">${OptionProducers}</paper-checkbox>
<paper-checkbox id="chkPeopleWriters">${OptionWriters}</paper-checkbox> <paper-checkbox id="chkPeopleWriters">${OptionWriters}</paper-checkbox>
<paper-checkbox id="chkPeopleOthers">${OptionOthers}</paper-checkbox> <paper-checkbox id="chkPeopleOthers">${OptionOthers}</paper-checkbox>
</div> </div>
<div class="fieldDescription paperCheckboxFieldDescription">${HeaderDownloadPeopleMetadataForHelp}</div> <div class="fieldDescription paperCheckboxFieldDescription">${HeaderDownloadPeopleMetadataForHelp}</div>
</li> </div>
</ul>
</div> </div>
</div> </div>
@ -99,17 +96,14 @@
<div is="emby-collapse" title="Fanart.tv"> <div is="emby-collapse" title="Fanart.tv">
<div class="collapseContent"> <div class="collapseContent">
<ul data-role="listview" class="ulForm"> <div>
<li> <paper-input type="text" id="txtFanartApiKey" label="${LabelFanartApiKey}"></paper-input>
<paper-input type="text" id="txtFanartApiKey" label="${LabelFanartApiKey}"></paper-input> <div class="fieldDescription">${LabelFanartApiKeyHelp}</div>
<div class="fieldDescription">${LabelFanartApiKeyHelp}</div> <div class="fieldDescription"><a href="https://fanart.tv/2015/01/personal-api-keys" target="_blank">${ButtonLearnMore}</a></div>
<div class="fieldDescription"><a href="https://fanart.tv/2015/01/personal-api-keys" target="_blank">${ButtonLearnMore}</a></div> </div>
</li>
</ul>
</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>

View File

@ -1969,7 +1969,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/dashboardgeneral.html', path: '/dashboardgeneral.html',
dependencies: ['emby-collapse', 'paper-textarea', 'paper-input', 'paper-checkbox', 'jqmlistview'], dependencies: ['emby-collapse', 'paper-textarea', 'paper-input', 'paper-checkbox'],
controller: 'scripts/dashboardgeneral', controller: 'scripts/dashboardgeneral',
autoFocus: false, autoFocus: false,
roles: 'admin' roles: 'admin'
@ -2158,7 +2158,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/librarysettings.html', path: '/librarysettings.html',
dependencies: ['emby-collapse', 'paper-input', 'paper-checkbox', 'emby-button', 'jqmlistview'], dependencies: ['emby-collapse', 'paper-input', 'paper-checkbox', 'emby-button'],
autoFocus: false, autoFocus: false,
roles: 'admin', roles: 'admin',
controller: 'scripts/librarysettings' controller: 'scripts/librarysettings'