spee.ch/views/channel.handlebars

54 lines
2.1 KiB
Handlebars
Raw Normal View History

2017-10-23 22:07:05 +02:00
<div class="row row--padded">
2017-10-13 03:55:26 +02:00
<div class="row">
{{#ifConditional this.totalPages '===' 0}}
<p>There is no content in {{this.channelName}}:{{this.longChannelId}} yet. Upload some!</p>
{{/ifConditional}}
{{#ifConditional this.totalPages '>=' 1}}
<p>Below are the contents for {{this.channelName}}:{{this.longChannelId}}</p>
<div class="grid">
{{#each this.claims}}
{{> gridItem}}
{{/each}}
</div>
{{/ifConditional}}
{{#ifConditional this.totalPages '>' 1}}
2017-10-20 03:55:15 +02:00
<div class="row">
<div class="column column--3 align-content--left">
2017-10-25 18:17:47 +02:00
<a class="link--primary" href="/{{this.channelName}}:{{this.longChannelId}}?p=1">First [1]</a>
2017-10-20 03:55:15 +02:00
</div><div class="column column--4 align-content-center">
{{#if this.previousPage}}
2017-10-25 18:17:47 +02:00
<a class="link--primary" href="/{{this.channelName}}:{{this.longChannelId}}?p={{this.previousPage}}">Previous</a>
2017-10-20 03:55:15 +02:00
{{else}}
2017-10-27 18:59:31 +02:00
<a disabled>Previous</a>
2017-10-20 03:55:15 +02:00
{{/if}}
|
{{#if this.nextPage}}
2017-10-25 18:17:47 +02:00
<a class="link--primary" href="/{{this.channelName}}:{{this.longChannelId}}?p={{this.nextPage}}">Next</a>
2017-10-20 03:55:15 +02:00
{{else}}
<a disabled>Next</a>
{{/if}}
</div><div class="column column--3 align-content-right">
2017-10-25 18:17:47 +02:00
<a class="link--primary" href="/{{this.channelName}}:{{this.longChannelId}}?p={{this.totalPages}}">Last [{{this.totalPages}}]</a>
2017-10-20 03:55:15 +02:00
</div>
2017-10-13 03:55:26 +02:00
</div>
{{/ifConditional}}
2017-10-13 03:55:26 +02:00
</div>
2017-09-02 03:54:27 +02:00
</div>
2017-10-20 02:05:39 +02:00
<script src="/assets/vendors/masonry/masonry.pkgd.min.js"></script>
<script src="/assets/vendors/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script>
// init masonry with element
var grid = document.querySelector('.grid');
var msnry;
imagesLoaded( grid, function() {
msnry = new Masonry( grid, {
itemSelector: '.grid-item',
columnWidth: 3,
percentPosition: true
});
});
2017-10-27 18:59:31 +02:00
2017-10-20 02:05:39 +02:00
</script>