Added tracks count and sort by modification date in front
This commit is contained in:
parent
f917c5d0c4
commit
8ff775a126
|
@ -18,7 +18,8 @@
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="header">{{ playlist.name }}</div>
|
<div class="header">{{ playlist.name }}</div>
|
||||||
<div class="meta">
|
<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>
|
||||||
<div class="extra">
|
<div class="extra">
|
||||||
<div class="ui basic green button" @click="addToPlaylist(playlist.id)">
|
<div class="ui basic green button" @click="addToPlaylist(playlist.id)">
|
||||||
|
@ -34,6 +35,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import _ from 'lodash'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import {mapState} from 'vuex'
|
import {mapState} from 'vuex'
|
||||||
|
|
||||||
|
@ -80,7 +82,9 @@ export default {
|
||||||
playlists: state => state.playlists.playlists
|
playlists: state => state.playlists.playlists
|
||||||
}),
|
}),
|
||||||
sortedPlaylists () {
|
sortedPlaylists () {
|
||||||
return this.playlists
|
let p = _.sortBy(this.playlists, [(e) => { return e.modification_date }])
|
||||||
|
p.reverse()
|
||||||
|
return p
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue