[backend] Rapports : icones sections

backend/views/report/index.php

@@ -45,7 +45,7 @@ $this->addBreadcrumb('Rapports') ;
 <div id="app-report-index">
     <div id="parameters" class="col-md-6">
         <div id="nav-sections-report">
-            <a v-for="section in sections" :class="'btn-section btn '+(currentSection == section.id ? 'btn-primary' : 'btn-default')" @click="changeSection(section)">{{ section.name }}<span v-if="currentSection == section.id"> <span class="glyphicon glyphicon-triangle-bottom"></span></span></a>
+            <a v-for="section in sections" :class="'btn-section btn '+(currentSection == section.id ? 'btn-primary' : 'btn-default')" @click="changeSection(section)"><span :class="'fa '+section.icon"></span> {{ section.name }}<span v-if="currentSection == section.id"> <span class="glyphicon glyphicon-triangle-bottom"></span></span></a>
         </div>
         <div id="section-users" class="panel panel-default section" v-show="currentSection == 'users'">
             <div class="panel-body">
@@ -108,19 +108,19 @@ $this->addBreadcrumb('Rapports') ;
                         Veuillez sélectionner un utilisateur et/ou un point de vente et/ou une distribution.
                     </div>
                     <div class="section" v-if="countUsers() > 0">
-                        <h3>{{ countUsers() }} Utilisateurs</h3>
+                        <h3><span class="fa fa-users"></span> {{ countUsers() }} Utilisateurs</h3>
                         <template v-for="user in usersArray" v-if="user.checked">
                             <span v-html="user.name+' '+user.lastname"></span><span class="comma">, </span>
                         </template>
                     </div>
                     <div class="section" v-if="countPointsSale() > 0">
-                        <h3>{{ countPointsSale() }} Points de vente</h3>
+                        <h3><span class="fa fa-map-marker"></span> {{ countPointsSale() }} Points de vente</h3>
                         <template v-for="pointSale in pointsSaleArray" v-if="pointSale.checked">
                             <span v-html="pointSale.name"></span><span class="comma">, </span>
                         </template>
                     </div>
                     <div class="section" v-if="countDistributions() > 0">
-                        <h3>{{ countDistributions() }} Distributions</h3>
+                        <h3><span class="fa fa-calendar"></span> {{ countDistributions() }} Distributions</h3>
                         <template v-for="distributionsMonth in distributionsByMonthArray">
                             <template v-for="distribution in distributionsMonth.distributions" v-if="distribution.checked">
                                 <span v-html="distribution.date"></span><span class="comma">, </span>

backend/web/js/vuejs/report-index.js

@@ -7,14 +7,17 @@ var app = new Vue({
             {
               name: 'Utilisateurs',
               id: 'users',
+              icon: 'fa-users',
             },
             {
                 name: 'Points de vente',
                 id: 'points-sale',
+                icon: 'fa-map-marker',
             },
             {
                 name: 'Distributions',
                 id: 'distributions',
+                icon: 'fa-calendar',
             }
         ],
         termSearchUser: '',