From 3d7ab656e106f060dec9fabb76f900389ed0c760 Mon Sep 17 00:00:00 2001
From: Brice Maron <brice@bmaron.net>
Date: Tue, 20 Aug 2019 23:34:30 +0200
Subject: Rework invite people to project

---
 ihatemoney/templates/list_bills.html | 73 ++++++++++++++++++++----------------
 1 file changed, 41 insertions(+), 32 deletions(-)

(limited to 'ihatemoney/templates/list_bills.html')

diff --git a/ihatemoney/templates/list_bills.html b/ihatemoney/templates/list_bills.html
index 6ccf0a0..367d2ee 100644
--- a/ihatemoney/templates/list_bills.html
+++ b/ihatemoney/templates/list_bills.html
@@ -45,43 +45,52 @@
 {% endblock %}
 
 {% block sidebar %}
-    <form id="add-member-form" action="{{ url_for(".add_member") }}" method="post" class="form-inline">
-        {{ forms.add_member(member_form) }}
-    </form>
+    <div class="sidebar_content">
+        <form id="add-member-form" action="{{ url_for(".add_member") }}" method="post">
+            {{ forms.add_member(member_form) }}
+        </form>
 
-    <div id="table_overflow">
-    <table class="balance table">
-    {% set balance = g.project.balance %}
-    {% for member in g.project.members | sort(attribute='name') if member.activated or balance[member.id]|round(2) != 0 %}
-    <tr id="bal-member-{{ member.id }}" action={% if member.activated %}delete{% else %}reactivate{% endif %}>
-        <td class="balance-name">{{ member.name }}
-            <span class="light{% if not g.project.uses_weights %} extra-info{% endif %}">(x{{ member.weight|minimal_round(1) }})</span>
-        </td>
-        {% if member.activated %}
-        <td>
-            <form class="action delete" action="{{ url_for(".remove_member", member_id=member.id) }}" method="POST">
-                <button type="submit">{{ _("deactivate") }}</button></form>
-            <form class="action edit" action="{{ url_for(".edit_member", member_id=member.id) }}" method="GET">
-                <button type="submit">{{ _("edit") }}</button></form>
-        </td>
-        {% else %}
-        <td>
-            <form class="action reactivate" action="{{ url_for(".reactivate", member_id=member.id) }}" method="POST">
-                <button type="submit">{{ _("reactivate") }}</button></form></td>
-        {% endif %}
-        <td class="balance-value {% if balance[member.id]|round(2) > 0 %}positive{% elif balance[member.id]|round(2) < 0 %}negative{% endif %}">
-            {% if balance[member.id]|round(2) > 0 %}+{% endif %}{{ "%.2f" | format(balance[member.id]) }}
-        </td>
-    </tr>
-    {% endfor %}
-    </table>
+        <div id="table_overflow">
+        <table class="balance table">
+        {% set balance = g.project.balance %}
+        {% for member in g.project.members | sort(attribute='name') if member.activated or balance[member.id]|round(2) != 0 %}
+        <tr id="bal-member-{{ member.id }}" action={% if member.activated %}delete{% else %}reactivate{% endif %}>
+            <td class="balance-name">{{ member.name }}
+                <span class="light{% if not g.project.uses_weights %} extra-info{% endif %}">(x{{ member.weight|minimal_round(1) }})</span>
+            </td>
+            {% if member.activated %}
+            <td>
+                <form class="action delete" action="{{ url_for(".remove_member", member_id=member.id) }}" method="POST">
+                    <button type="submit">{{ _("deactivate") }}</button></form>
+                <form class="action edit" action="{{ url_for(".edit_member", member_id=member.id) }}" method="GET">
+                    <button type="submit">{{ _("edit") }}</button></form>
+            </td>
+            {% else %}
+            <td>
+                <form class="action reactivate" action="{{ url_for(".reactivate", member_id=member.id) }}" method="POST">
+                    <button type="submit">{{ _("reactivate") }}</button></form></td>
+            {% endif %}
+            <td class="balance-value {% if balance[member.id]|round(2) > 0 %}positive{% elif balance[member.id]|round(2) < 0 %}negative{% endif %}">
+                {% if balance[member.id]|round(2) > 0 %}+{% endif %}{{ "%.2f" | format(balance[member.id]) }}
+            </td>
+        </tr>
+        {% endfor %}
+        </table>
+        </div>
+    </div>
+    <div class="identifier">
+        <a class="btn btn-secondary btn-block" href="{{ url_for('.invite') }}">
+            <i class="icon icon-white paper-plane">{{ static_include("images/paper-plane.svg") | safe }}</i>
+            {{ _("Invite people") }}
+        </a>
     </div>
 {% endblock %}
 
 {% block content %}
-<div class="identifier"><a class="btn btn-link" href="{{ url_for(".invite") }}">{{ _("Invite people to join this project!") }}</a></div>
-<a id="new-bill" href="{{ url_for(".add_bill") }}" class="btn btn-primary" data-toggle="modal" data-target="#bill-form">{{ _("Add a new bill") }}</a>
-
+    <a id="new-bill" href="{{ url_for('.add_bill') }}" class="btn btn-primary float-right" data-toggle="modal" data-target="#bill-form">
+        <i class="icon icon-white plus">{{ static_include("images/plus.svg") | safe }}</i>
+        {{ _("Add a new bill") }}
+    </a>
     <div id="bill-form" class="modal fade show" role="dialog">
         <div class="modal-dialog" role="document">
             <div class="modal-content">
-- 
cgit v1.1