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

make headerfilters and headerstatus collapsible

Browse source
This commit is contained in:
grafixeyehero 2019-09-13 20:50:22 +03:00
parent 51bbe65262
commit 97a5f84ced
2 changed files with 65 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/components/filterdialog/filterdialog.template.html
View file

@ -1,22 +1,26 @@
<div style="margin: 0;padding:1.5em 2em;" class="filterDialogContent">
<h2 style="margin-bottom: .25em;">
${HeaderFilters}
</h2>
<div is="emby-collapse" title="${HeaderFilters}">
<div class="collapseContent">
<div class="checkboxList">
<label>
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter videoStandard" data-filter="IsPlayed" />
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter videoStandard"
data-filter="IsPlayed" />
<span>${OptionPlayed}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter videoStandard" data-filter="IsUnPlayed" />
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter videoStandard"
data-filter="IsUnPlayed" />
<span>${OptionUnplayed}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter videoStandard" data-filter="IsResumable" />
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter videoStandard"
data-filter="IsResumable" />
<span>${OptionResumable}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter chkFavorite" data-filter="IsFavorite" />
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter chkFavorite"
data-filter="IsFavorite" />
<span>${OptionFavorite}</span>
</label>
<label>
@ -24,7 +28,8 @@
<span>${OptionLikes}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter chkDislikes" data-filter="Dislikes" />
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter chkDislikes"
data-filter="Dislikes" />
<span>${OptionDislikes}</span>
</label>
<label class="episodeFilter hide">
@ -40,11 +45,11 @@
<span>${OptionUnairedEpisode}</span>
</label>
</div>
<div class="seriesStatus hide">
<br />
<h2 style="margin-bottom: .25em;">
${HeaderStatus}
</h2>
</div>
</div>
<div is="emby-collapse" title="${HeaderStatus}" class="seriesStatus hide">
<div class="collapseContent">
<div class="checkboxList">
<label>
<input type="checkbox" is="emby-checkbox" class="chkStatus" data-filter="Continuing" />
@ -56,7 +61,7 @@
</label>
</div>
</div>
<br />
</div>
<div is="emby-collapse" title="${HeaderFeatures}" class="features hide">
<div class="collapseContent">
@ -104,7 +109,8 @@
<div class="collapseContent">
<div class="checkboxList">
<label>
<input type="checkbox" is="emby-checkbox" class="chkVideoTypeFilter chkBluray" data-filter="Bluray" />
<input type="checkbox" is="emby-checkbox" class="chkVideoTypeFilter chkBluray"
data-filter="Bluray" />
<span>${OptionBluray}</span>
</label>
<label>

2
src/components/filterdialog/style.css
View file

@ -14,7 +14,7 @@
@media all and (min-height:600px) {
.dynamicFilterDialog {
top: 10% !important;
bottom: 10% !important
bottom: 25% !important
}
}