Mercurial > libervia-templates
comparison sat_templates/templates/bulma/file/discover.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 |
comparison
equal
deleted
inserted
replaced
229:739c3e6999fa | 230:0e69b5843c2f |
---|---|
1 {% extends 'base/base.html' %} | |
2 {% import 'components/block.html' as block with context %} | |
3 {% import 'components/images.html' as images with context %} | |
4 {% import 'input/form.html' as form with context %} | |
5 {% import 'input/field.html' as field with context %} | |
6 | |
7 {% block body %} | |
8 {{ icon_defs('server', 'desktop', 'mobile', 'globe', 'terminal') }} | |
9 <section class="section"> | |
10 <article class="message has-text-centered"> | |
11 <div class="message-body"> | |
12 {% trans %} | |
13 Please select the device you want to access | |
14 {% endtrans %} | |
15 </div> | |
16 </article> | |
17 </section> | |
18 <section class="section disco_files"> | |
19 {% if disco_service_entities %} | |
20 <div class="files__services"> | |
21 {{ block.separator(_("services")) }} | |
22 <div class="columns is-centered"> | |
23 {% for entity,ident in disco_service_entities.items() %} | |
24 {% if disco_service_entities|count == 1 %} | |
25 {% set icon_label=_("your server") %} | |
26 {% else %} | |
27 {% set icon_label=(ident.values()|first).values()|first|first %} | |
28 {% endif %} | |
29 {{ block.icon_item('server', icon_label, entities_url[entity]) }} | |
30 {% endfor %} | |
31 </div> | |
32 </div> | |
33 {% endif %} | |
34 {% if disco_own_entities %} | |
35 <div class="files__own"> | |
36 {{ block.separator(_("your devices")) }} | |
37 <div class="columns is-centered"> | |
38 {% for entity,ident in disco_own_entities.items() %} | |
39 {{ block.icon_item( | |
40 icon_from_client(ident.client), | |
41 (ident.values()|first).values()|first|first, | |
42 entities_url[entity], | |
43 ) | |
44 }} | |
45 {% endfor %} | |
46 </div> | |
47 </div> | |
48 {% endif %} | |
49 {% if disco_roster_entities %} | |
50 <div class="files__roster"> | |
51 {{ block.separator(_("your contacts devices")) }} | |
52 <div class="columns is-centered"> | |
53 {% for entity,ident in disco_roster_entities.items() %} | |
54 {{ block.icon_item( | |
55 icon_from_client(ident.client), | |
56 entity.userhost(), | |
57 entities_url[entity]) | |
58 }} | |
59 {% endfor %} | |
60 </div> | |
61 </div> | |
62 {% endif %} | |
63 </section> | |
64 | |
65 <section class="section"> | |
66 <p class="content">{% trans %}Or enter a full jid of a device{% endtrans %}</p> | |
67 {% call form.form(class="form--single") %} | |
68 {{ field.text("jid", _("device full jid"), required=true)}} | |
69 {{ field.submit(_("Access")) }} | |
70 {% endcall %} | |
71 </section> | |
72 {% endblock body %} |