Feat(config): sort csv and improve display

src/store/modules/datas.js

@@ -15,7 +15,14 @@ export default {
   getters: {
     csvs: (state) => {
       // return array of csv filename
-      return Object.values(state.csv)
+      return Object.values(state.csv).sort((a, b) => {
+        var filenameA=a.filename.toLowerCase(), filenameB=b.filename.toLowerCase();
+        if (filenameA < filenameB) //sort string ascending
+          return -1;
+        if (filenameA > filenameB)
+          return 1;
+        return 0; //default return value (no sorting)
+      });
     },
     rows: (state) => {
       // return all data stored in csv deleting duplicates rows

src/views/config.vue

@@ -13,7 +13,14 @@
         -->
         <b-list-group>
           <b-list-group-item v-for="csv in csvs">
-              {{ csv.filename }} {{ csv.data.length }}
+              <div id="csvline">
+                  <div class="left">
+                      <strong>{{ csv.filename }} </strong>
+                  </div>
+                  <div class="right">
+                      ({{ csv.data.length }} lignes)
+                  </div>
+              </div>
           </b-list-group-item>
         </b-list-group>
     </p>
@@ -65,4 +72,10 @@ export default {
 .datadir {
   font-weight: bold;
 }
+.left {
+    float: left;
+}
+.right {
+    float: right;
+}
 </style>