add updated time / added time in pl view

This commit is contained in:
vapormusic 2022-01-13 16:10:03 +07:00
parent 72382c31a8
commit 5f24bf0259
2 changed files with 18 additions and 4 deletions

View file

@ -1775,7 +1775,7 @@ const app = new Vue({
let hours = Math.floor(time / 3600) let hours = Math.floor(time / 3600)
let mins = Math.floor(time / 60) % 60 let mins = Math.floor(time / 60) % 60
let secs = time % 60 let secs = time % 60
return app.showingPlaylist.relationships.tracks.data.length + " tracks, " + ((hours > 0) ? (hours + (" hour" + ((hours > 1) ? "s, " : ", "))) : "") + ((mins > 0) ? (mins + (" minute" + ((mins > 1) ? "s, " : ", "))) : "") + secs + (" second" + ((secs > 1) ? "s." : ".")); return app.showingPlaylist.relationships.tracks.data.length + " track"+ (app.showingPlaylist.relationships.tracks.data.length > 1 ? "s" : "") +", " + ((hours > 0) ? (hours + (" hour" + ((hours > 1) ? "s, " : ", "))) : "") + ((mins > 0) ? (mins + (" minute" + ((mins > 1) ? "s, " : ", "))) : "") + secs + (" second" + ((secs > 1) ? "s." : "."));
} else return "" } else return ""
} catch (err) { } catch (err) {
return "" return ""

View file

@ -101,7 +101,7 @@
</div> </div>
</div> </div>
<div class="playlist-time"> <div class="playlist-time">
{{getFormattedDate(data.attributes.releaseDate)}} {{getFormattedDate()}}
</div> </div>
<div class="playlist-time total">{{app.getTotalTime()}}</div> <div class="playlist-time total">{{app.getTotalTime()}}</div>
<div class="playlist-time item-navigate" @click="app.searchAndNavigate(data,'recordLabel') " <div class="playlist-time item-navigate" @click="app.searchAndNavigate(data,'recordLabel') "
@ -316,15 +316,29 @@
id = data.attributes.playParams.id; id = data.attributes.playParams.id;
return `${kind}:${id}` return `${kind}:${id}`
}, },
getFormattedDate: function (date) { getFormattedDate: function () {
let date = (this.data.attributes.releaseDate ?? (this.data.attributes.lastModifiedDate ?? (this.data.attributes.dateAdded ?? '') ))
let prefix = '';
if (date == null || date === "") return ""; if (date == null || date === "") return "";
switch(date){
case this.data.attributes.releaseDate:
prefix = 'Released '
break;
case this.data.attributes.lastModifiedDate:
prefix = 'Updated '
break;
case this.data.attributes.dateAdded:
prefix = 'Added '
break;
}
try { try {
var releaseDate = new Date(date); var releaseDate = new Date(date);
console.log(date, releaseDate)
month = new Intl.DateTimeFormat('en-US', { month: 'long' }).format(releaseDate); month = new Intl.DateTimeFormat('en-US', { month: 'long' }).format(releaseDate);
date = releaseDate.getDate(); date = releaseDate.getDate();
year = releaseDate.getFullYear(); year = releaseDate.getFullYear();
return date + " " + month + " " + year; return prefix+date + " " + month + " " + year;
} catch (e) { } catch (e) {
return "" return ""
} }