Fixed download link for manual update

contao · Aug 12, 2024 · 7c27b2c · 7c27b2c
1 parent 95840e2
commit 7c27b2c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/boot/BootSelfUpdate.vue b/src/components/boot/BootSelfUpdate.vue
@@ -1,5 +1,11 @@
 <template>
     <boot-check :progress="bootState" :title="$t('ui.server.selfUpdate.title')" :description="bootDescription">
+        <template #description v-if="latestDownload">
+            <i18n :tag="false" path="ui.server.selfUpdate.manualUpdate">
+                <template #latest>{{ latestDownload }}</template>
+                <template #download><a href="https://to.contao.org/download?lang=${this.$i18n.locale}" target="_blank" rel="noreferrer noopener">https://to.contao.org/download</a></template>
+            </i18n>
+        </template>
         <button class="widget-button widget-button--warning" v-if="!isSupported && bootState === 'action'" @click="next">{{ $t('ui.server.selfUpdate.continue') }}</button>
         <button class="widget-button widget-button--alert" v-else-if="hasUpdate" @click="update">{{ $t('ui.server.selfUpdate.button') }}</button>
     </boot-check>
@@ -17,6 +23,7 @@
         data: () => ({
             hasUpdate: false,
             isSupported: true,
+            latestDownload: null,
         }),
 
         methods: {
@@ -50,6 +57,7 @@
                         if (latest === result.current_version) {
                             this.emitState('success', this.$t('ui.server.selfUpdate.latest', context));
                         } else {
+                            this.latestDownload = latest;
                             this.emitState('error', this.$t('ui.server.selfUpdate.manualUpdate', {
                                 latest,
                                 download: `<a href="https://to.contao.org/download?lang=${this.$i18n.locale}" target="_blank" rel="noreferrer noopener">https://to.contao.org/download</a>`

diff --git a/src/components/fragments/BootCheck.vue b/src/components/fragments/BootCheck.vue
@@ -8,7 +8,7 @@
 
         <div class="boot-check__label">
             <h2 class="boot-check__title">{{ title }}</h2>
-            <p class="boot-check__description">{{ description }}</p>
+            <p class="boot-check__description"><slot name="description">{{ description }}</slot></p>
             <p class="boot-check__detail" v-if="detail">{{ detail }}</p>
         </div>
         <div class="boot-check__action">