Add: publish date of current version to modal

This commit is contained in:
Nicholas Wallace 2024-07-06 16:21:06 +00:00
parent 92aae736c4
commit 3764ef14a9
2 changed files with 15 additions and 5 deletions

View File

@ -121,7 +121,7 @@
<p v-else class="text-xxs text-gray-400 leading-3 text-center italic">{{ Source }}</p> <p v-else class="text-xxs text-gray-400 leading-3 text-center italic">{{ Source }}</p>
</div> </div>
<modals-changelog-view-modal v-model="showChangelogModal" :changelog="currentVersionChangelog" :currentVersion="$config.version" /> <modals-changelog-view-modal v-model="showChangelogModal" :changelog="currentVersionChangelog" :currentVersion="$config.version" :currentPubDate="currentVersionPubDate" />
</div> </div>
</template> </template>
@ -152,6 +152,9 @@ export default {
paramId() { paramId() {
return this.$route.params ? this.$route.params.id || '' : '' return this.$route.params ? this.$route.params.id || '' : ''
}, },
dateFormat() {
return this.$store.state.serverSettings.dateFormat
},
currentLibraryId() { currentLibraryId() {
return this.$store.state.libraries.currentLibraryId return this.$store.state.libraries.currentLibraryId
}, },
@ -222,6 +225,9 @@ export default {
currentVersionChangelog() { currentVersionChangelog() {
return this.versionData.currentVersionChangelog || 'No Changelog Available' return this.versionData.currentVersionChangelog || 'No Changelog Available'
}, },
currentVersionPubDate() {
return `${this.$formatDate(this.versionData.currentVersionPubDate, this.dateFormat)}` || 'Unknown release date'
},
streamLibraryItem() { streamLibraryItem() {
return this.$store.state.streamLibraryItem return this.$store.state.streamLibraryItem
}, },

View File

@ -6,7 +6,7 @@
</div> </div>
</template> </template>
<div class="px-8 py-6 w-full rounded-lg bg-bg shadow-lg border border-black-300 relative overflow-y-scroll" style="max-height: 80vh"> <div class="px-8 py-6 w-full rounded-lg bg-bg shadow-lg border border-black-300 relative overflow-y-scroll" style="max-height: 80vh">
<p class="text-xl font-bold pb-4">Changelog v{{ currentVersionNumber }}</p> <p class="text-xl font-bold pb-4">Changelog v{{ currentVersionNumber }} ({{ currentVersionPubDate }})</p>
<div class="custom-text" v-html="compiledMarkedown" /> <div class="custom-text" v-html="compiledMarkedown" />
</div> </div>
</modals-modal> </modals-modal>
@ -19,6 +19,7 @@ export default {
props: { props: {
value: Boolean, value: Boolean,
changelog: String, changelog: String,
currentPubDate: String,
currentVersion: String currentVersion: String
}, },
watch: { watch: {
@ -43,6 +44,9 @@ export default {
compiledMarkedown() { compiledMarkedown() {
return marked.parse(this.changelog, { gfm: true, breaks: true }) return marked.parse(this.changelog, { gfm: true, breaks: true })
}, },
currentVersionPubDate() {
return this.currentPubDate
},
currentVersionNumber() { currentVersionNumber() {
return this.currentVersion return this.currentVersion
} }