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

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

@ -1,62 +1,67 @@
<div style="margin: 0;padding:1.5em 2em;" class="filterDialogContent">
<h2 style="margin-bottom: .25em;">
${HeaderFilters}
</h2>
<div class="checkboxList">
<label>
<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" />
<span>${OptionUnplayed}</span>
</label>
<label>
<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" />
<span>${OptionFavorite}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter chkLikes" data-filter="Likes" />
<span>${OptionLikes}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter chkDislikes" data-filter="Dislikes" />
<span>${OptionDislikes}</span>
</label>
<label class="episodeFilter hide">
<input type="checkbox" is="emby-checkbox" id="chkSpecialEpisode" />
<span>${OptionSpecialEpisode}</span>
</label>
<label class="episodeFilter hide">
<input type="checkbox" is="emby-checkbox" id="chkMissingEpisode" />
<span>${OptionMissingEpisode}</span>
</label>
<label class="episodeFilter hide">
<input type="checkbox" is="emby-checkbox" id="chkFutureEpisode" />
<span>${OptionUnairedEpisode}</span>
</label>
</div>
<div class="seriesStatus hide">
<br />
<h2 style="margin-bottom: .25em;">
${HeaderStatus}
</h2>
<div class="checkboxList">
<label>
<input type="checkbox" is="emby-checkbox" class="chkStatus" data-filter="Continuing" />
<span>${OptionContinuing}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkStatus" data-filter="Ended" />
<span>${OptionEnded}</span>
</label>
<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" />
<span>${OptionPlayed}</span>
</label>
<label>
<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" />
<span>${OptionResumable}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter chkFavorite"
data-filter="IsFavorite" />
<span>${OptionFavorite}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter chkLikes" data-filter="Likes" />
<span>${OptionLikes}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkStandardFilter chkDislikes"
data-filter="Dislikes" />
<span>${OptionDislikes}</span>
</label>
<label class="episodeFilter hide">
<input type="checkbox" is="emby-checkbox" id="chkSpecialEpisode" />
<span>${OptionSpecialEpisode}</span>
</label>
<label class="episodeFilter hide">
<input type="checkbox" is="emby-checkbox" id="chkMissingEpisode" />
<span>${OptionMissingEpisode}</span>
</label>
<label class="episodeFilter hide">
<input type="checkbox" is="emby-checkbox" id="chkFutureEpisode" />
<span>${OptionUnairedEpisode}</span>
</label>
</div>
</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" />
<span>${OptionContinuing}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkStatus" data-filter="Ended" />
<span>${OptionEnded}</span>
</label>
</div>
</div>
</div>
<br />
<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>

4
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
}
}
@ -33,4 +33,4 @@
margin-left: -150px !important;
left: 50% !important
}
}
}