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
}
}
}
--
GitLab