Mercurial > libervia-templates

annotate sat_templates/templates/bulma/photo/item.html @ 243:2b8d18a9df00

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
243
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 <div class="column is-4 item" data-item='{{file|tojson}}'>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
2 <div class="card x-is-hoverable">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
3 <div class="card-image is-photo-thumbnail-container is-flex has-items-centered has-background-light">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
4 <a href="{{file.url}}" class="is-wrapping">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
5 <img class="is-photo-thumbnail" src="{{file.thumb_url}}" alt="{{file.name}}">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
6 </a>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
7 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
8 <div class="card-content" onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
9 <div class="level">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
10 <div class="level-left">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
11 <div class="level-item is-size-7 x-is-hoverable-primary action_delete">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 {{ icon('trash-empty', cls='icon is-small') }}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
13 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
15 <div class="level-right">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
16 <div class="level-item is-size-7">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
17 {% if file.comments_url is defined %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
18 {% if file.comments_count %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
19 <span class='comments__count'>{{file.comments_count}} </span>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
20 {% endif %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
21 {{ icon('comment-empty', cls='icon is-small') }}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
22 {% endif %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
23 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
24 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
25 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
26 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
27 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
28 {% if uploading %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
29 <progress class="progress is-info mt-4 has-background-white" value="0" max="100">0%</progress>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
30 {% else %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
31 <div id='{{'comments_panel'|cur_gidx}}' class="mt-4 panel-drawer">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
32 {{ blog.show_items(file.comments, expanded=true, dates_fmt='relative') }}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
33 <div class="comment_post mt-4">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
34 {{- textbox.comment_or_login(service=file.comments_service, node=file.comments_node) -}}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
35 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
36 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
37 {% endif %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
38 </div>