Mercurial > libervia-templates
comparison sat_templates/templates/bulma/photo/item.html @ 243:2b8d18a9df00
bulma (photo/album): change for dynamic content:
- added drop zone and file selector to upload photos
- moved item template to its own file, so it can be used for dynamic content
- added delete button
- changes to manage progression bar and other stuff
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Fri, 19 Jun 2020 17:57:13 +0200 |
| parents | |
| children | 40fccd3b7cf0 |
comparison
equal
deleted
inserted
replaced
| 242:bb5193cef770 | 243:2b8d18a9df00 |
|---|---|
| 1 <div class="column is-4 item" data-item='{{file|tojson}}'> | |
| 2 <div class="card x-is-hoverable"> | |
| 3 <div class="card-image is-photo-thumbnail-container is-flex has-items-centered has-background-light"> | |
| 4 <a href="{{file.url}}" class="is-wrapping"> | |
| 5 <img class="is-photo-thumbnail" src="{{file.thumb_url}}" alt="{{file.name}}"> | |
| 6 </a> | |
| 7 </div> | |
| 8 <div class="card-content" onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')"> | |
| 9 <div class="level"> | |
| 10 <div class="level-left"> | |
| 11 <div class="level-item is-size-7 x-is-hoverable-primary action_delete"> | |
| 12 {{ icon('trash-empty', cls='icon is-small') }} | |
| 13 </div> | |
| 14 </div> | |
| 15 <div class="level-right"> | |
| 16 <div class="level-item is-size-7"> | |
| 17 {% if file.comments_url is defined %} | |
| 18 {% if file.comments_count %} | |
| 19 <span class='comments__count'>{{file.comments_count}} </span> | |
| 20 {% endif %} | |
| 21 {{ icon('comment-empty', cls='icon is-small') }} | |
| 22 {% endif %} | |
| 23 </div> | |
| 24 </div> | |
| 25 </div> | |
| 26 </div> | |
| 27 </div> | |
| 28 {% if uploading %} | |
| 29 <progress class="progress is-info mt-4 has-background-white" value="0" max="100">0%</progress> | |
| 30 {% else %} | |
| 31 <div id='{{'comments_panel'|cur_gidx}}' class="mt-4 panel-drawer"> | |
| 32 {{ blog.show_items(file.comments, expanded=true, dates_fmt='relative') }} | |
| 33 <div class="comment_post mt-4"> | |
| 34 {{- textbox.comment_or_login(service=file.comments_service, node=file.comments_node) -}} | |
| 35 </div> | |
| 36 </div> | |
| 37 {% endif %} | |
| 38 </div> |