diff options
| author | Haakon Meland Eriksen <haakon.eriksen@far.no> | 2017-06-13 21:08:21 +0200 |
|---|---|---|
| committer | Haakon Meland Eriksen <haakon.eriksen@far.no> | 2017-06-13 21:08:21 +0200 |
| commit | 836cb16455095d4fb34d73c86174b061203485f9 (patch) | |
| tree | 81209a4dd4ac0a449e1a3c772be22b33c3df6414 /view/tpl | |
| parent | 643a62038e002c8944dda37f4023129bb50272c1 (diff) | |
| download | volse-hubzilla-836cb16455095d4fb34d73c86174b061203485f9.tar.gz volse-hubzilla-836cb16455095d4fb34d73c86174b061203485f9.tar.bz2 volse-hubzilla-836cb16455095d4fb34d73c86174b061203485f9.zip | |
Added Portfolio widget
Diffstat (limited to 'view/tpl')
| -rwxr-xr-x | view/tpl/photo_album_portfolio.tpl | 11 | ||||
| -rwxr-xr-x | view/tpl/photo_portfolio.tpl | 13 |
2 files changed, 24 insertions, 0 deletions
diff --git a/view/tpl/photo_album_portfolio.tpl b/view/tpl/photo_album_portfolio.tpl new file mode 100755 index 000000000..7aadbc7e0 --- /dev/null +++ b/view/tpl/photo_album_portfolio.tpl @@ -0,0 +1,11 @@ +<div class="row column"> + <div id="photo-album-contents-{{$album_id}}"> + {{foreach $photos as $photo}} + {{include file="photo_portfolio.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>
\ No newline at end of file diff --git a/view/tpl/photo_portfolio.tpl b/view/tpl/photo_portfolio.tpl new file mode 100755 index 000000000..cbc8ea214 --- /dev/null +++ b/view/tpl/photo_portfolio.tpl @@ -0,0 +1,13 @@ + + + <a data-open="portfolioModal-{{$photo.resource_id}}" aria-controls="portfolioModal-{{$photo.resource_id}}" aria-haspopup="true" tabindex="0"> + <img class="thumbnail" src="{{$photo.src}}" alt="{{if $photo.album.name}}{{$photo.album.name}}{{elseif $photo.desc}}{{$photo.desc}}{{elseif $photo.alt}}{{$photo.alt}}{{else}}{{$photo.unknown}}{{/if}}" title="{{$photo.desc}}" id="photo-top-photo-{{$photo.resource_id}}"> + </a> + + <div class="full reveal without-overlay" id="portfolioModal-{{$photo.resource_id}}" data-reveal="f175mw-reveal" role="dialog" aria-hidden="true" data-yeti-box="portfolioModal-{{$photo.resource_id}}" data-resize="portfolioModal-{{$photo.resource_id}}"> + <h5>{{$photo.desc}}</h5> + <img class="thumbnail" src="{{$photo.fullsrc}}" alt="{{if $photo.album.name}}{{$photo.album.name}}{{elseif $photo.desc}}{{$photo.desc}}{{elseif $photo.alt}}{{$photo.alt}}{{else}}{{$photo.unknown}}{{/if}}" title="{{$photo.desc}}" id="photo-top-photo-{{$photo.resource_id}}x"> + <button class="close-button" data-close="" aria-label="Close reveal" type="button"> + <span aria-hidden="true">×</span> + </button> + </div> |