diff options
author | git-marijus <mario@mariovavti.com> | 2017-10-24 18:22:35 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-10-24 18:22:35 +0200 |
commit | c489f734dbe2a3e4935bde02f1888f036b66dfa2 (patch) | |
tree | 2a3dd7b2e480ba81399ac5b7cb25dda53af3aa15 /view/tpl/photo_album_portfolio.tpl | |
parent | 2aff3a1a05d7249a69115938c239a91658777e39 (diff) | |
parent | f648809856b852d3819a8c1a0d624fd725ed8a34 (diff) | |
download | volse-hubzilla-c489f734dbe2a3e4935bde02f1888f036b66dfa2.tar.gz volse-hubzilla-c489f734dbe2a3e4935bde02f1888f036b66dfa2.tar.bz2 volse-hubzilla-c489f734dbe2a3e4935bde02f1888f036b66dfa2.zip |
Merge pull request #882 from HaakonME/dev
Portfolio widget - CSS update
Diffstat (limited to 'view/tpl/photo_album_portfolio.tpl')
-rwxr-xr-x | view/tpl/photo_album_portfolio.tpl | 40 |
1 files changed, 39 insertions, 1 deletions
diff --git a/view/tpl/photo_album_portfolio.tpl b/view/tpl/photo_album_portfolio.tpl index 7aadbc7e0..1635e0ae1 100755 --- a/view/tpl/photo_album_portfolio.tpl +++ b/view/tpl/photo_album_portfolio.tpl @@ -1,3 +1,39 @@ +{{if isset($mode) && $mode == 'orbit'}} +<div class="row"> + <div class="orbit small-12 medium-9 large-9 columns" id="photo-album-contents-{{$album_id}}" role="region" aria-label="portfolioOrbit-{{$album_id}}" data-orbit data-options="animInFromLeft:fade-in; animInFromRight:fade-in; animOutToLeft:fade-out; animOutToRight:fade-out;"> + + <ul class="orbit-container"> + <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>◀︎</button> + <button class="orbit-next"><span class="show-for-sr">Next Slide</span>▶︎</button> + {{foreach $photos as $photo}} + {{include file="photo_portfolio_orbit.tpl"}} + {{/foreach}} + </ul> + <nav class="orbit-bullets"> + <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button> + <button data-slide="1"><span class="show-for-sr">Second slide details.</span></button> + <button data-slide="2"><span class="show-for-sr">Third slide details.</span></button> + <button data-slide="3"><span class="show-for-sr">Fourth slide details.</span></button> + </nav> + <div id="page-end"></div> + </div> +<div class="photos-end"></div> +<script>$(document).ready(function() { loadingPage = false; justifyPhotos('photo-album-contents-{{$album_id}}'); });</script> +<div id="page-spinner"></div> +</div> +{{elseif isset($mode) && $mode =='card'}} +<div class="row"> + <div class="small-12 medium-9 large-9 columns" id="photo-album-contents-{{$album_id}}"> + {{foreach $photos as $photo}} + {{include file="photo_portfolio_card.tpl"}} + {{/foreach}} + <div id="page-end"></div> + </div> +<div class="photos-end"></div> +<script>$(document).ready(function() { loadingPage = false; justifyPhotos('photo-album-contents-{{$album_id}}'); });</script> +<div id="page-spinner"></div> +</div> +{{else}} <div class="row column"> <div id="photo-album-contents-{{$album_id}}"> {{foreach $photos as $photo}} @@ -8,4 +44,6 @@ <div class="photos-end"></div> <script>$(document).ready(function() { loadingPage = false; justifyPhotos('photo-album-contents-{{$album_id}}'); });</script> <div id="page-spinner"></div> -</div>
\ No newline at end of file +</div> +{{/if}} + |