From 8ff775a126d22da6e96ac6a6a13a1ba038034d0a Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Tue, 20 Mar 2018 14:36:35 +0100
Subject: [PATCH] Added tracks count and sort by modification date in front

---
 front/src/components/playlists/PlaylistModal.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/front/src/components/playlists/PlaylistModal.vue b/front/src/components/playlists/PlaylistModal.vue
index 2e1627001..7bf027db7 100644
--- a/front/src/components/playlists/PlaylistModal.vue
+++ b/front/src/components/playlists/PlaylistModal.vue
@@ -18,7 +18,8 @@
             <div class="content">
               <div class="header">{{ playlist.name }}</div>
               <div class="meta">
-                <span class="tracks">45 tracks</span>
+                <span class="tracks"><i class="music icon"></i> {{ playlist.tracks_count }} tracks</span>
+                <span class="date"><i class="clock icon"></i> Last modification {{ playlist.modification_date | ago}}</span>
               </div>
               <div class="extra">
                 <div class="ui basic green button" @click="addToPlaylist(playlist.id)">
@@ -34,6 +35,7 @@
 </template>
 
 <script>
+import _ from 'lodash'
 import axios from 'axios'
 import {mapState} from 'vuex'
 
@@ -80,7 +82,9 @@ export default {
       playlists: state => state.playlists.playlists
     }),
     sortedPlaylists () {
-      return this.playlists
+      let p = _.sortBy(this.playlists, [(e) => { return e.modification_date }])
+      p.reverse()
+      return p
     }
   }
 }