Add changelog to app update dialog

This commit is contained in:
Girish Ramakrishnan
2025-09-30 14:42:27 +02:00
parent cf2a90845b
commit 7b85106792

View File

@@ -113,6 +113,11 @@ onMounted(async () => {
@alternate="onSetupSubscription()"
>
<div>
<div class="text-danger" v-if="app.updateInfo.unstable">{{ $t('app.updateDialog.unstableWarning') }}</div>
<div>{{ $t('app.updateDialog.changelogHeader', { version: app.updateInfo.manifest.version }) }}</div>
<div class="changelog" v-html="marked.parse(app.updateInfo.manifest.changelog)"></div>
<Checkbox v-if="app.updateInfo.manifest.dockerImage" v-model="skipBackup" :label="$t('app.updateDialog.skipBackupCheckbox')" />
</div>
</Dialog>
@@ -145,9 +150,19 @@ onMounted(async () => {
<div class="text-danger" v-if="app.updateInfo.unstable">{{ $t('app.updateDialog.unstableWarning') }}</div>
<div>{{ $t('app.updateDialog.changelogHeader', { version: app.updateInfo.manifest.version }) }}</div>
<div v-html="marked.parse(app.updateInfo.manifest.changelog)"></div>
<div class="changelog" v-html="marked.parse(app.updateInfo.manifest.changelog)"></div>
</div>
<br/>
<Button v-if="app.updateInfo" :danger="app.updateInfo.unstable ? true : null" :success="app.updateInfo.unstable ? null : true" @click="onAskUpdate()" :disabled="app.taskId || (app.error && app.error.details.installationState !== ISTATES.PENDING_UPDATE) || app.runState === 'stopped' || app.installationState === 'pending_update'">{{ $t('app.updateDialog.updateAction') }}</Button>
</div>
</template>
<style scoped>
.changelog {
max-height: 15lh;
overflow-y: auto;
padding-right: 0.5rem; /* space so scrollbar doesnt overlap text */
}
</style>