From 320d11671aa37e72b5f0ab3799376c23d95c8087 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Tue, 25 Jan 2022 10:54:08 +0100
Subject: [PATCH] prepare homepage_widget template

---
 .../Resources/public/chill/chillmain.scss     | 15 ++++++
 .../Resources/views/Homepage/index.html.twig  | 46 +++++++++++++++++++
 .../views/Homepage/sticky_button.html.twig    | 10 ++++
 .../Resources/views/layout.html.twig          | 40 ++++++++--------
 4 files changed, 91 insertions(+), 20 deletions(-)
 create mode 100644 src/Bundle/ChillMainBundle/Resources/views/Homepage/index.html.twig
 create mode 100644 src/Bundle/ChillMainBundle/Resources/views/Homepage/sticky_button.html.twig

diff --git a/src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss b/src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss
index 39f8b3f8a..99d31e103 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss
@@ -490,3 +490,18 @@ div.popover {
 div.v-toast {
    z-index: 10000!important;
 }
+
+//
+div.sticky-buttons {
+    position: fixed;
+    bottom: 3em;
+    right: 2em;
+    .btn-circle {
+        width: 60px; height: 60px;
+        border-radius: 50%;
+        text-align: center;
+        padding: 0.9rem 1rem;
+        display: block;
+        margin-bottom: 0.35rem;
+    }
+}
\ No newline at end of file
diff --git a/src/Bundle/ChillMainBundle/Resources/views/Homepage/index.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Homepage/index.html.twig
new file mode 100644
index 000000000..24aa8aec9
--- /dev/null
+++ b/src/Bundle/ChillMainBundle/Resources/views/Homepage/index.html.twig
@@ -0,0 +1,46 @@
+<div class="col-10 mt-5">
+    
+    {# vue component #}
+    <div id="homepage_widget"></div>
+    
+    <ul class="nav nav-tabs">
+        <li class="nav-item">
+            <a class="nav-link active" aria-current="page" href="#">
+                <i class="fa fa-home"></i>
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">
+                Actions d'accompagnement
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">
+                Évaluations
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">
+                Tâches
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">
+                Parcours
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">
+                Notifications
+            </a>
+        </li>
+    </ul>
+    
+    {% include '@ChillMain/Homepage/sticky_button.html.twig' %}
+</div>
+
+{% block css %}
+{% endblock %}
+
+{% block js %}
+{% endblock %}
\ No newline at end of file
diff --git a/src/Bundle/ChillMainBundle/Resources/views/Homepage/sticky_button.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Homepage/sticky_button.html.twig
new file mode 100644
index 000000000..27dd4fe5d
--- /dev/null
+++ b/src/Bundle/ChillMainBundle/Resources/views/Homepage/sticky_button.html.twig
@@ -0,0 +1,10 @@
+<div class="sticky-buttons">
+    <a class="btn btn-lg btn-circle btn-success" title="Appel téléphonique"
+       href="{{ path('chill_crud_aside_activity_new', {'type' : 7, 'duration' : '600', 'note' : 'Pas des remarques' }) }}">
+        <i class="fa fa-phone fa-lg"></i>
+    </a>
+    <a class="btn btn-lg btn-circle btn-success" title="Activité annexe"
+       href="{{ path('chill_crud_aside_activity_new', {}) }}">
+        <i class="fa fa-flash fa-lg"></i>
+    </a>
+</div>
\ No newline at end of file
diff --git a/src/Bundle/ChillMainBundle/Resources/views/layout.html.twig b/src/Bundle/ChillMainBundle/Resources/views/layout.html.twig
index a123ce405..15d57cff3 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/layout.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/layout.html.twig
@@ -59,26 +59,26 @@
                 {% endif %}
 
                 {% block content %}
-                <div class="col-8 main_search">
-                    <h2>{{ 'Search'|trans }}</h2>
-
-                    <form action="{{ path('chill_main_search') }}" method="get">
-                        <input class="form-control form-control-lg" name="q" type="search" placeholder="{{ 'Search persons, ...'|trans }}" />
-                        <center>
-                            <button type="submit" class="btn btn-lg btn-warning mt-3">
-                                <i class="fa fa-fw fa-search"></i> {{ 'Search'|trans }}
-                            </button>
-                            <a class="btn btn-lg btn-misc mt-3" href="{{ path('chill_main_advanced_search_list') }}">
-                                <i class="fa fa-fw fa-search"></i> {{ 'Advanced search'|trans }}
-                            </a>
-                        </center>
-                    </form>
-                </div>
-                <div class="col-8">
-                    <a href="{{ path('chill_crud_aside_activity_new', {'type' : 7, 'duration' : '600', 'note' : 'Pas des remarques' }) }}"><div class="bloc btn btn-success btn-md btn-block">Appel téléphonique</div></a>
-                </div>
-
-                {{  chill_widget('homepage', {} ) }}
+                    <div class="col-8 main_search">
+                        <h2>{{ 'Search'|trans }}</h2>
+    
+                        <form action="{{ path('chill_main_search') }}" method="get">
+                            <input class="form-control form-control-lg" name="q" type="search" placeholder="{{ 'Search persons, ...'|trans }}" />
+                            <center>
+                                <button type="submit" class="btn btn-lg btn-warning mt-3">
+                                    <i class="fa fa-fw fa-search"></i> {{ 'Search'|trans }}
+                                </button>
+                                <a class="btn btn-lg btn-misc mt-3" href="{{ path('chill_main_advanced_search_list') }}">
+                                    <i class="fa fa-fw fa-search"></i> {{ 'Advanced search'|trans }}
+                                </a>
+                            </center>
+                        </form>
+                    </div>
+    
+                    {#  DISABLED {{  chill_widget('homepage', {} ) }} #}
+                    
+                    {% include '@ChillMain/Homepage/index.html.twig' %}
+                    
                 {% endblock %}
 
             </div>