changeset 260:caadb06854a0

bulma (invitation): invitation manager first draft
author Goffi <goffi@goffi.org>
date Sat, 01 Aug 2020 17:01:31 +0200
parents a18374320194
children b680ce7ba004
files sat_templates/templates/bulma/invitation/affiliation_item.html sat_templates/templates/bulma/invitation/manager.html sat_templates/templates/bulma/static/styles.css
diffstat 3 files changed, 59 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/sat_templates/templates/bulma/invitation/affiliation_item.html	Sat Aug 01 17:01:31 2020 +0200
@@ -0,0 +1,15 @@
+<div class="media">
+    {% if identities is defined %}
+        {% if avatar is defined %}
+            <div class="media-left">
+                {{ avatar.avatar(entity_jid) }}
+            </div>
+        {% endif %}
+    {% endif %}
+    <div class="media-content">
+        <div class="content">{{entity_jid}}</div>
+    </div>
+    <div class="media-right">
+        <button class="delete click_to_delete"></button>
+    </div>
+</div>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/sat_templates/templates/bulma/invitation/manager.html	Sat Aug 01 17:01:31 2020 +0200
@@ -0,0 +1,41 @@
+{% import 'input/form.html' as form with context %}
+{% import 'input/field.html' as field with context %}
+{% import 'input/textbox.html' as textbox with context %}
+<div class="wrapper">
+    <div class="panel_wrapper click_to_close">
+        <div class="invitation_manager_side_panel">
+            <section class="section">
+                <div class="message is-info">
+                    <div class="message-body">
+                        {% trans %}in this panel, you can manage people who can access this album, and send invitations{% endtrans %}
+                    </div>
+                </div>
+            </section>
+            <section class="section">
+                <div id="affiliations">
+                    <h4 class="title is-4">{% trans %}people who can access this album{% endtrans %}</h4>
+                </div>
+            </section>
+            <section class="section">
+                <div id="invitation_panel">
+                    <h4 class="title is-4">{% trans %}invite people{% endtrans %}</h4>
+                    <div id="invitation_notifications"></div>
+                    {% call form.form(id="invitation_form") %}
+                        {{ textbox.head(event_service, event_node, 'event') }}
+                        {{ field.meta('event_id', event_id) }}
+                        {{ field.textarea("jids",
+                                          _("enter here a list of jid (one per line) to invite")
+                                          )
+                                          }}
+                        {{ field.textarea("emails",
+                                          _("enter here a list of emails addresses (one per line) to invite")
+                                          )
+                                          }}
+                        {{ field.submit(_("Invite people"), id="invitation_submit") }}
+                    {% endcall %}
+                </div>
+            </section>
+
+        </div>
+    </div>
+</div>
--- a/sat_templates/templates/bulma/static/styles.css	Sat Aug 01 17:01:31 2020 +0200
+++ b/sat_templates/templates/bulma/static/styles.css	Sat Aug 01 17:01:31 2020 +0200
@@ -153,7 +153,7 @@
     z-index: 150;
 }
 
-.comments_side_panel {
+.comments_side_panel, .invitation_manager_side_panel {
     position: absolute;
     top: 0;
     right: 0;
@@ -167,7 +167,7 @@
     color: black;
 }
 
-.comments_side_panel.open {
+.comments_side_panel.open, .invitation_manager_side_panel.open {
     width: 55rem;
     transition: width 0.3s ease-out;
 }
@@ -312,7 +312,7 @@
 
 /********
  * tabs *
- *******/
+ ********/
 
 #tab_guests {
     overflow: auto;