[export] layout of page "export list"

CHANGELOG.md

@@ -17,4 +17,5 @@ Master branch
 =============
 
 - fix error when interval is hour only
+- layout of page "list exports"
 

Resources/public/modules/export-list/export-list.scss

@@ -0,0 +1,21 @@
+.container-export {
+    margin-left: 1rem;
+    margin-right: 1rem;
+    
+    .export-list {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: space-between;
+
+        .export-list__element {
+            min-width: 18rem;
+            max-width: 20rem;
+            padding: 1rem;
+            margin: 1rem;
+            flex-grow: 1;
+            
+            border: 1px solid var(--chill-gray);
+        }
+    }
+}

Resources/views/Export/layout.html.twig

@@ -16,22 +16,18 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 #}
 
-{% extends "ChillMainBundle::layoutWithVerticalMenu.html.twig" %}
+{% extends "ChillMainBundle::layout.html.twig" %}
 
 {% block title %}{{ 'Exports list'|trans }}{% endblock %}
 
-{% block vertical_menu_content %}
-    {{ chill_menu('export', {
-        'layout': 'ChillMainBundle::Menu/export.html.twig',
-    }) }}
-{% endblock %}
 
-{% block layout_wvm_content %}
+{% block content %}
-    {% block export_content %}
+<div class="container-export">
-        <h1>{{ 'Exports list'|trans }}</h1>
+    <h1>{{ 'Exports list'|trans }}</h1>
 
+    <div class="export-list">
         {% for export_alias,export in exports %}
-        <div class="export">
+        <div class="export-list__element">
             <h2>{{ export.title|trans }}</h2>
             <p>{{ export.description|trans }}</p> 
 
@@ -42,5 +38,6 @@
             </p>
         </div>
         {% endfor %}
-    {% endblock %}
+    </div>
-{% endblock  %}
+</div>
+{% endblock %}

Resources/views/UI/notification_user_counter.html.twig

@@ -1 +1 @@
-{% if nb > 0 %}<span class="notification-counter">{{ nb }}{% endif %}
+{% if nb > 0 %}<span class="notification-counter">{{ nb }}</span>{% endif %}

chill.webpack.config.js

@@ -28,6 +28,7 @@ require('./Resources/public/modules/download-report/index.js');
 //require('./Resources/public/css/select2/select2.css');
 require('select2/dist/css/select2.css');
 require('./Resources/public/modules/select_interactive_loading/index.js');
+require('./Resources/public/modules/export-list/export-list.scss');
 
 // img
 require('./Resources/public/img/favicon.ico');