Mercurial > libervia-templates
comparison sat_templates/templates/bulma/event/admin.html @ 230:0e69b5843c2f
theme: bulma theme first draft:
This theme uses the Bulma CSS framework, Brython to handle the menu on touch devices, and
Sass to customize Bulma. CSS default fallbacks are disabled as Bulma uses its own naming
conventions, and default fallbacks would lead to hard to debug conflicts.
`common.js` has been slightly improved to handle custom classed in `tab_select`
The theme is not complete yet, but it is functional.
author | Goffi <goffi@goffi.org> |
---|---|
date | Tue, 19 May 2020 00:02:34 +0200 |
parents | |
children | 1928ba66c194 |
comparison
equal
deleted
inserted
replaced
229:739c3e6999fa | 230:0e69b5843c2f |
---|---|
1 {% extends 'base/base.html' %} | |
2 {% import 'input/form.html' as form with context %} | |
3 {% import 'input/field.html' as field with context %} | |
4 {% import 'input/textbox.html' as textbox with context %} | |
5 | |
6 {% block body %} | |
7 <section class="section"> | |
8 | |
9 <h1 class="title is-4">{% trans name=event.name %}{{name}} administration{% endtrans %}</h1> | |
10 <div class="card"> | |
11 {% if event.image is defined %} | |
12 <div class="card-image is-photo-thumbnail-container is-poster is-flex has-items-centered has-background-light"> | |
13 <img class='is-photo-thumbnail' src="{{event.image}}"> | |
14 </div> | |
15 {% endif %} | |
16 {% if event.description is defined %} | |
17 <div class="card-content has-text-centered"> | |
18 <p>{{event.description}}</p> | |
19 </div> | |
20 {% endif %} | |
21 </div> | |
22 | |
23 | |
24 {% include 'event/counter.html' %} | |
25 | |
26 <div class="tab__container"> | |
27 <div class="tabs"> | |
28 <ul> | |
29 <li class="tab__btn is-active" onclick='tab_select(this, "tab_guests", btn_clicked_cls="is-active")'><a>{% trans %}Invitees{% endtrans %}</a></li> | |
30 <li class="tab__btn" onclick='tab_select(this,"tab_invitations", btn_clicked_cls="is-active")'><a>{% trans %}Invite people{% endtrans %}</a></li> | |
31 <li class="tab__btn" onclick='tab_select(this,"tab_new_post", btn_clicked_cls="is-active")'><a>{% trans %}Write a blog post{% endtrans %}</a></li> | |
32 <li class="tab__btn" onclick='tab_select(this,"tab_blog", btn_clicked_cls="is-active")'><a>{% trans %}Read event blog{% endtrans %}</a></li> | |
33 </ul> | |
34 </div> | |
35 | |
36 <div class="tab__page state_clicked" id="tab_guests"> | |
37 {% if invitees %} | |
38 <table class="table is-fullwidth is-hoverable"> | |
39 <thead> | |
40 <tr> | |
41 <th>{% trans %}name{% endtrans %}</th> | |
42 <th>{% trans %}coming?{% endtrans %}</th> | |
43 <th>{% trans %}guests{% endtrans %}</th> | |
44 </tr> | |
45 </thead> | |
46 <tbody> | |
47 {% for name, data in invitees.items() %} | |
48 <tr> | |
49 <td>{{name}}</td> | |
50 <td>{{data.attend|default('')}}</td> | |
51 {% if data.attend == 'no' %} | |
52 <td> </td> | |
53 {% else %} | |
54 <td>{{data.guests|default(0)}}</td> | |
55 {% endif %} | |
56 </tr> | |
57 {% endfor %} | |
58 </tbody> | |
59 <tfoot> | |
60 <tr class="is-selected"> | |
61 <td colspan=2 class="table__total">{% trans %}total expected{% endtrans %}</td> | |
62 <td class="table__total_value">{{invitees_guests|default('0')}}</td> | |
63 </tr> | |
64 </tfoot> | |
65 </table> | |
66 {% else %} | |
67 <p class="message--info">{% trans %}No invitee has answered yet{% endtrans %}</p> | |
68 {% endif %} | |
69 </div> | |
70 | |
71 | |
72 <div class="tab__page" id="tab_invitations"> | |
73 {% call form.form(class="form--paper form__panel--vertical form__panel--center") %} | |
74 {{ textbox.head(event_service, event_node, 'event') }} | |
75 {{ field.meta('event_id', event_id) }} | |
76 {{ field.textarea("jids", | |
77 _("enter here a list of jid (one per line) to invite"), | |
78 ) | |
79 }} | |
80 {{ field.textarea("emails", | |
81 _("enter here a list of emails addresses (one per line) to invite"), | |
82 ) | |
83 }} | |
84 {{ field.submit(_("Invite people")) }} | |
85 {% endcall %} | |
86 </div> | |
87 | |
88 <div class="tab__page" id="tab_new_post"> | |
89 {% call form.form(class="form--paper form__panel--vertical form__panel--center") %} | |
90 {{ textbox.head(service, node, 'blog') }} | |
91 {{ field.text("title", | |
92 _("title"), | |
93 class="form__field--big") }} | |
94 {{ field.textarea("body", | |
95 _("body"), | |
96 ) | |
97 }} | |
98 {{ field.text("language", | |
99 _("language"), | |
100 class="form__field--tiny") }} | |
101 {{ field.checkbox("comments", | |
102 _("allow comments"), | |
103 checked=true) }} | |
104 {{ field.submit(_("send"), class="has-margin-top-1") }} | |
105 {% endcall %} | |
106 </div> | |
107 | |
108 <div class="tab__page" id="tab_blog"> | |
109 {% if items is defined %} | |
110 {% include 'blog/articles.html' %} | |
111 {% endif %} | |
112 </div> | |
113 | |
114 </div> | |
115 </section> | |
116 | |
117 {% endblock body %} |