jellyfin-web/dashboard-ui/movies.html

298 lines
15 KiB
HTML
Raw Normal View History

2013-03-31 22:44:37 -07:00
<!DOCTYPE html>
<html>
<head>
2015-03-21 11:12:12 -07:00
<title>Emby</title>
2013-03-31 22:44:37 -07:00
</head>
<body>
2015-09-07 08:54:57 -07:00
<div id="moviesPage" data-role="page" data-dom-cache="true" class="page libraryPage backdropPage pageWithAbsoluteTabs collectionEditorPage" data-backdroptype="movie" data-require="jqmpanel,jqmcollapsible,scripts/moviesrecommended">
2015-06-15 21:52:01 -07:00
2015-08-15 11:17:22 -07:00
<div class="libraryViewNav libraryViewNavWithMinHeight">
2015-09-01 08:31:50 -07:00
<paper-tabs hidescrollbuttons noink>
2015-09-23 09:16:06 -07:00
<paper-tab>${TabSuggestions}</paper-tab>
<paper-tab>${TabMovies}</paper-tab>
<paper-tab class="movieTrailersTab">${TabTrailers}</paper-tab>
<paper-tab>${TabCollections}</paper-tab>
<paper-tab>${TabGenres}</paper-tab>
<paper-tab class="moviePeopleTab">${TabPeople}</paper-tab>
<paper-tab class="movieStudiosTab">${TabStudios}</paper-tab>
2015-08-15 11:17:22 -07:00
</paper-tabs>
2015-08-24 20:13:04 -07:00
<div class="legacyTabs scopedLibraryViewNav">
2015-09-23 09:16:06 -07:00
<a href="movies.html">${TabSuggestions}</a>
<a href="movies.html?tab=1">${TabMovies}</a>
<a href="movies.html?tab=2" class="movieTrailersTab">${TabTrailers}</a>
<a href="movies.html?tab=3">${TabCollections}</a>
<a href="movies.html?tab=4">${TabGenres}</a>
<a href="movies.html?tab=5" class="moviePeopleTab">${TabPeople}</a>
<a href="movies.html?tab=6" class="movieStudiosTab">${TabStudios}</a>
2015-08-15 11:17:22 -07:00
</div>
</div>
2013-03-31 22:44:37 -07:00
2015-08-15 11:17:22 -07:00
<div class="ehsContent fullWidth">
<neon-animated-pages>
<neon-animatable>
<div class="pageTabContent" data-index="0">
<div id="resumableSection" style="display: none;" class="homePageSection">
<div>
<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderResume}</h1>
2015-09-19 19:06:56 -07:00
<paper-button raised class="submit mini categorySyncButton" data-category="Resume"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
2015-08-15 11:17:22 -07:00
</div>
2015-09-28 20:35:50 -07:00
<div id="resumableItems" class="itemsContainer noautoinit">
2015-08-15 11:17:22 -07:00
</div>
</div>
<div class="homePageSection">
<div>
<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderLatestMovies}</h1>
2015-09-19 19:06:56 -07:00
<paper-button raised class="submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
2015-08-15 11:17:22 -07:00
</div>
2015-09-28 20:35:50 -07:00
<div id="recentlyAddedItems" class="itemsContainer noautoinit">
2015-08-15 11:17:22 -07:00
</div>
</div>
<div class="recommendations homePageSection">
</div>
<div class="noItemsMessage" style="display: none;">
<br />
<p>${MessageNoMovieSuggestionsAvailable}</p>
</div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="1">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
2015-09-19 19:06:56 -07:00
<div class="itemsContainer" style="text-align:center;"></div>
2015-08-15 11:17:22 -07:00
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="2">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
2015-09-19 19:06:56 -07:00
<div class="itemsContainer" style="text-align:center;"></div>
2015-08-15 11:17:22 -07:00
<p class="noItemsMessage" style="display:none;text-align:center;">${MessageNoTrailersFound}</p>
2014-12-18 21:20:07 -07:00
</div>
2015-08-15 11:17:22 -07:00
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="3">
<div class="viewSettings">
<div class="listTopPaging">
&nbsp;
</div>
</div>
2015-08-15 16:10:50 -07:00
<div class="itemsContainer" style="text-align:center;"></div>
2015-08-15 11:17:22 -07:00
<div class="noItemsMessage" style="display: none; text-align: center;">
<p>${MessageNoCollectionsAvailable}</p>
</div>
2013-03-31 22:44:37 -07:00
2015-08-15 11:17:22 -07:00
<paper-fab class="btnNewCollection bottomFab" icon="add" style="position:fixed;right:20px;background-color:#db4437;"></paper-fab>
2014-08-01 19:34:45 -07:00
</div>
2015-08-15 11:17:22 -07:00
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="4">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="5">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="6">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
</neon-animated-pages>
</div>
2015-09-19 19:06:56 -07:00
<div data-role="panel" class="viewPanel movieViewPanel hide" data-theme="b" data-position="right" data-display="overlay" data-position-fixed="true">
2015-09-07 08:54:57 -07:00
<div class="ui-panel-inner">
<form>
2015-08-15 11:17:22 -07:00
2015-09-07 08:54:57 -07:00
<div>
<h1>
${HeaderFilters}
</h1>
2015-09-21 08:43:10 -07:00
<div class="paperCheckboxList">
<paper-checkbox class="chkStandardFilter" data-filter="IsPlayed">${OptionPlayed}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsUnPlayed">${OptionUnplayed}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsResumable">${OptionResumable}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsFavorite">${OptionFavorite}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Likes">${OptionLikes}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Dislikes">${OptionDislikes}</paper-checkbox>
2015-09-07 08:54:57 -07:00
</div>
</div>
<br />
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="genreFilters">
<h2>${HeaderGenres}</h2>
2015-08-15 11:17:22 -07:00
2015-09-07 08:54:57 -07:00
<div class="filterOptions">
</div>
2015-08-15 11:17:22 -07:00
</div>
2015-09-07 08:54:57 -07:00
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="officialRatingFilters">
<h2>${HeaderParentalRatings}</h2>
2015-08-15 11:17:22 -07:00
2015-09-07 08:54:57 -07:00
<div class="filterOptions">
</div>
2015-08-15 11:17:22 -07:00
</div>
2015-09-07 08:54:57 -07:00
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="tagFilters">
<h2>${HeaderTags}</h2>
2015-08-15 11:17:22 -07:00
2015-09-07 08:54:57 -07:00
<div class="filterOptions">
</div>
2015-08-15 11:17:22 -07:00
</div>
2015-09-07 08:54:57 -07:00
<div data-role="collapsible" data-collapsed="true" data-mini="true">
<h2>${HeaderVideoTypes}</h2>
2015-08-15 11:17:22 -07:00
2015-09-07 08:54:57 -07:00
<div>
2015-08-15 11:17:22 -07:00
2015-09-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkVideoTypeFilter chkBluray" type="checkbox" id="chkBlurayMovie" data-filter="Bluray" data-role="none">
<label for="chkBlurayMovie">${OptionBluray}</label>
</div>
2015-08-15 11:17:22 -07:00
2015-09-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkVideoTypeFilter chkDvd" type="checkbox" id="chkDvdMovie" data-filter="Dvd" data-role="none">
<label for="chkDvdMovie">${OptionDvd}</label>
</div>
2015-08-15 11:17:22 -07:00
2015-09-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkVideoTypeFilter chkIso" type="checkbox" id="chkIsoMovie" data-filter="Iso" data-role="none">
<label for="chkIsoMovie">${OptionIso}</label>
</div>
2015-08-15 11:17:22 -07:00
2015-09-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkHDFilter IsHD" type="checkbox" id="chkHDMovie" data-filter="IsHD" data-role="none">
<label for="chkHDMovie">${OptionIsHD}</label>
</div>
2015-08-15 11:17:22 -07:00
2015-09-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkSDFilter IsHD" type="checkbox" id="chkSDMovie" data-filter="IsHD" data-role="none">
<label for="chkSDMovie">${OptionIsSD}</label>
</div>
2015-08-15 11:17:22 -07:00
2015-09-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chk3DFilter chk3D" type="checkbox" id="chk3DMovie" data-filter="Digital3D,Sbs3D" data-role="none">
<label for="chk3DMovie">${Option3D}</label>
</div>
</div>
2015-08-15 11:17:22 -07:00
</div>
2015-09-07 08:54:57 -07:00
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="yearFilters">
<h2>${HeaderYears}</h2>
2015-08-15 11:17:22 -07:00
2015-09-07 08:54:57 -07:00
<div class="filterOptions">
</div>
2015-08-15 11:17:22 -07:00
</div>
2015-09-07 08:54:57 -07:00
</form>
</div>
2015-08-15 11:17:22 -07:00
</div>
2015-09-19 19:06:56 -07:00
<div data-role="panel" class="viewPanel trailerViewPanel hide" data-theme="b" data-position="right" data-display="overlay" data-position-fixed="true">
2015-09-07 08:54:57 -07:00
<div class="ui-panel-inner">
<form>
<div>
<h1>
${HeaderFilters}
</h1>
2015-09-21 08:43:10 -07:00
<div class="paperCheckboxList">
<paper-checkbox class="chkStandardFilter" data-filter="IsPlayed">${OptionPlayed}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsUnPlayed">${OptionUnplayed}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsResumable">${OptionResumable}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsFavorite">${OptionFavorite}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Likes">${OptionLikes}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Dislikes">${OptionDislikes}</paper-checkbox>
2015-09-07 08:54:57 -07:00
</div>
</div>
2015-08-15 11:17:22 -07:00
2015-09-07 08:54:57 -07:00
</form>
</div>
2015-08-15 11:17:22 -07:00
</div>
2015-09-19 19:06:56 -07:00
<div data-role="panel" class="viewPanel peopleViewPanel hide" data-theme="b" data-position="right" data-display="overlay" data-position-fixed="true">
2015-09-07 08:54:57 -07:00
<div class="ui-panel-inner">
<form>
<div>
<h1>
${HeaderFilters}
</h1>
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkIsFavoritePerson" data-filter="IsFavorite" data-role="none">
<label for="chkIsFavoritePerson">${OptionFavorite}</label>
</div>
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkLikesPerson" data-filter="Likes" data-role="none">
<label for="chkLikesPerson">${OptionLikes}</label>
</div>
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkDislikesPerson" data-filter="Dislikes" data-role="none">
<label for="chkDislikesPerson">${OptionDislikes}</label>
</div>
</div>
<div>
<h1>
${HeaderPersonTypes}
</h1>
<div class="checkboxContainer">
<input class="chkPersonTypeFilter" type="checkbox" id="chkActorPerson" data-filter="Actor" data-role="none">
<label for="chkActorPerson">${OptionActors}</label>
</div>
<div class="checkboxContainer">
<input class="chkPersonTypeFilter" type="checkbox" id="chkDirectorPerson" data-filter="Director" data-role="none">
<label for="chkDirectorPerson">${OptionDirectors}</label>
</div>
<div class="checkboxContainer">
<input class="chkPersonTypeFilter" type="checkbox" id="chkProducerPerson" data-filter="Producer" data-role="none">
<label for="chkProducerPerson">${OptionProducers}</label>
</div>
<div class="checkboxContainer">
<input class="chkPersonTypeFilter" type="checkbox" id="chkWriterPerson" data-filter="Writer" data-role="none">
<label for="chkWriterPerson">${OptionWriters}</label>
</div>
</div>
</form>
</div>
2015-08-15 11:17:22 -07:00
</div>
<div data-role="content">
2013-03-31 22:44:37 -07:00
</div>
</div>
</body>
</html>