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

infinite scroll proof of concept on tv series

Browse source
This commit is contained in:
Luke Pulverenti 2016-04-24 00:24:16 -04:00
parent 826a115d81
commit b9f3bc6cf1
9 changed files with 1000 additions and 359 deletions
Download patch file Download diff file Expand all files Collapse all files

13
dashboard-ui/components/ironcardlist.js
View file

@ -1,21 +1,24 @@
define(['iron-list', 'lazyload-image'], function () {
define(['layoutManager', 'iron-list', 'lazyload-image'], function (layoutManager) {
function getTemplate(scrollTarget) {
var html = '';
var maxPhysical = 60;
html += '<template is="dom-bind">\
<iron-list as="item" id="ironList" scroll-target="' + scrollTarget + '" max-physical-count="60" style="width:96%;" grid>\
<iron-list as="item" id="ironList" scroll-target="' + scrollTarget + '" max-physical-count="' + maxPhysical + '" style="width:96%;" grid>\
<template>\
<div class$="{{item.elemClass}}" data-action$="{{item.defaultAction}}">\
<div class$="{{item.elemClass}}" data-action$="{{item.defaultAction}}" data-itemid$="{{item.data-itemid}}" data-commands$="{{item.data-commands}}" data-context$="{{item.data-context}}" data-isfolder$="{{item.data-isfolder}}" data-itemtype$="{{item.data-itemtype}}" data-mediatype$="{{item.data-mediatype}}" data-positionticks$="{{item.data-positionticks}}" data-playaccess$="{{item.data-playaccess}}" data-locationtype$="{{item.data-locationtype}}" data-index$="{{item.data-index}}" data-albumid$="{{item.data-albumid}}" data-channelid$="{{item.data-channelid}}" data-artistid$="{{item.data-artistid}}">\
<div class$="{{item.cardBoxClass}}">\
<div class="cardScalable">\
<div class="cardPadder"></div>\
<a onclick$="{{item.onclick}}" class$="{{item.anchorClass}}" href$="{{item.href}}">\
<a onclick$="{{item.onclick}}" data-action$="{{item.defaultAction}}" class$="{{item.anchorClass}}" href$="{{item.href}}">\
<img class$="{{item.imageClass}}" is="lazyload-image" src$="{{item.imgUrl}}" />\
<div inner-h-t-m-l="{{item.overlayHtml}}"></div>\
</a>\
</div>\
<!--cardFooter will be here-->\
<div inner-h-t-m-l="{{item.footerHtml}}"></div>\
</div>\
</div>\
</template>\