MrTimscampi
a98b961b94
WebOS 4 apparently has a ligature bug that prevents icons with an underscore from working as intended. This replaces them with either the corresponding CSS class or unicode escape code, depending on context. Refactoring is needed in order to be able to use CSS classes everywhere, so in the interest of time, this does the best available currently. Fixes #678
94 lines
5.1 KiB
HTML
94 lines
5.1 KiB
HTML
<div id="moviesPage" data-role="page" data-dom-cache="true" class="page libraryPage backdropPage collectionEditorPage pageWithAbsoluteTabs withTabs" data-backdroptype="movie">
|
|
|
|
<div class="pageTabContent" data-index="0">
|
|
<div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom">
|
|
<div class="paging"></div>
|
|
<button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><i class="material-icons view_comfy"></i></button>
|
|
<button is="paper-icon-button-light" class="btnSort autoSize" title="${ButtonSort}"><i class="material-icons sort_by_alpha"></i></button>
|
|
<button is="paper-icon-button-light" class="btnFilter autoSize" title="${ButtonFilter}"><i class="material-icons filter_list"></i></button>
|
|
</div>
|
|
|
|
<div class="alphaPicker alphaPicker-fixed alphaPicker-vertical">
|
|
</div>
|
|
|
|
<div is="emby-itemscontainer" class="itemsContainer padded-left padded-right">
|
|
</div>
|
|
<div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom">
|
|
<div class="paging"></div>
|
|
</div>
|
|
</div>
|
|
<div class="pageTabContent" data-index="1">
|
|
<div id="resumableSection" class="verticalSection hide">
|
|
<div class="sectionTitleContainer sectionTitleContainer-cards">
|
|
<h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderContinueWatching}</h2>
|
|
</div>
|
|
|
|
<div is="emby-itemscontainer" id="resumableItems" class="itemsContainer padded-left padded-right">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="verticalSection">
|
|
<div class="sectionTitleContainer sectionTitleContainer-cards">
|
|
<h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderLatestMovies}</h2>
|
|
</div>
|
|
|
|
<div is="emby-itemscontainer" id="recentlyAddedItems" class="itemsContainer padded-left padded-right">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="recommendations">
|
|
</div>
|
|
<div class="noItemsMessage hide padded-left padded-right">
|
|
<br />
|
|
<p>${MessageNoMovieSuggestionsAvailable}</p>
|
|
</div>
|
|
</div>
|
|
<div class="pageTabContent" data-index="2">
|
|
<div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom">
|
|
<div class="paging"></div>
|
|
<button is="paper-icon-button-light" class="btnSort autoSize" title="${ButtonSort}"><i class="material-icons sort_by_alpha"></i></button>
|
|
<button is="paper-icon-button-light" class="btnFilter autoSize" title="${ButtonFilter}"><i class="material-icons filter_list"></i></button>
|
|
</div>
|
|
|
|
<div class="alphaPicker alphaPicker-fixed alphaPicker-fixed-right alphaPicker-vertical">
|
|
</div>
|
|
|
|
<div is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right">
|
|
</div>
|
|
<div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom">
|
|
<div class="paging"></div>
|
|
</div>
|
|
</div>
|
|
<div class="pageTabContent" data-index="3">
|
|
<div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom">
|
|
<div class="paging"></div>
|
|
<button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><i class="material-icons view_comfy"></i></button>
|
|
</div>
|
|
|
|
<div is="emby-itemscontainer" class="itemsContainer padded-left padded-right">
|
|
</div>
|
|
<div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom">
|
|
<div class="paging"></div>
|
|
</div>
|
|
</div>
|
|
<div class="pageTabContent" data-index="4">
|
|
<div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom">
|
|
<div class="paging"></div>
|
|
<button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><i class="material-icons view_comfy"></i></button>
|
|
<button is="paper-icon-button-light" class="btnSort autoSize" title="${ButtonSort}"><i class="material-icons sort_by_alpha"></i></button>
|
|
<button type="button" is="paper-icon-button-light" class="btnNewCollection autoSize"><i class="material-icons">add</i></button>
|
|
</div>
|
|
|
|
<div is="emby-itemscontainer" class="itemsContainer vertical-wrap centered padded-left padded-right" style="text-align:center;">
|
|
</div>
|
|
<div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom">
|
|
<div class="paging"></div>
|
|
</div>
|
|
</div>
|
|
<div class="pageTabContent" data-index="5">
|
|
<div id="items"></div>
|
|
</div>
|
|
<div class="pageTabContent" data-index="6">
|
|
</div>
|
|
</div>
|