Initial WIP final tweaks.

docker-compose.sample.yml

@@ -205,7 +205,7 @@ services:
         max-file: "5"
 
   updater:
-    name: azuracast_updater
+    container_name: azuracast_updater
     image: ghcr.io/azuracast/updater:latest
     volumes:
       - /var/run/docker.sock:/var/run/docker.sock

frontend/vue/components/Admin/Updates.vue

@@ -105,17 +105,16 @@
                             :href="backupUrl"
                             target="_blank"
                         >
-                            <icon icon="cloud_sync" />
+                            <icon icon="backup" />
                             {{ $gettext('Backup') }}
                         </a>
                         <a
                             class="btn btn-outline-success"
-                            :data-confirm-title="$gettext('Update AzuraCast? Your installation will restart.')"
                             href="#"
                             @click.prevent="doUpdate()"
                         >
                             <icon icon="update" />
-                            {{ $gettext('Update AzuraCast via Web') }}
+                            {{ $gettext('Update via Web') }}
                         </a>
                     </div>
                 </template>
@@ -168,6 +167,7 @@ import Icon from "~/components/Common/Icon.vue";
 import {useTranslate} from "~/vendor/gettext";
 import {useNotify} from "~/vendor/bootstrapVue";
 import {useAxios} from "~/vendor/axios";
+import {useSweetAlert} from "~/vendor/sweetalert";
 
 const props = defineProps({
     releaseChannel: {
@@ -206,9 +206,9 @@ const langReleaseChannel = computed(() => {
 
 const needsUpdates = computed(() => {
     if (props.releaseChannel === 'stable') {
-        return updateInfo.value.needs_release_update;
+        return updateInfo.value?.needs_release_update ?? true;
     } else {
-        return updateInfo.value.needs_rolling_update;
+        return updateInfo.value?.needs_rolling_update ?? true;
     }
 });
 
@@ -223,13 +223,21 @@ const checkForUpdates = () => {
     });
 };
 
+const {showAlert} = useSweetAlert();
+
 const doUpdate = () => {
-    wrapWithLoading(
+    showAlert({
-        axios.put(props.updatesApiUrl)
+        title: $gettext('Update AzuraCast? Your installation will restart.')
-    ).then(() => {
+    }).then((result) => {
-        notifySuccess(
+        if (result.value) {
-            $gettext('Update started. Your installation will restart shortly.')
+            wrapWithLoading(
-        );
+                axios.put(props.updatesApiUrl)
+            ).then(() => {
+                notifySuccess(
+                    $gettext('Update started. Your installation will restart shortly.')
+                );
+            });
+        }
     });
 };
 </script>

src/Service/WebUpdater.php

@@ -29,7 +29,7 @@ final class WebUpdater
         $client = $this->guzzleFactory->buildClient();
 
         $client->post(
-            'http://updater/v1/update',
+            'http://updater:8080/v1/update',
             [
                 'headers' => [
                     'Authorization' => 'Bearer ' . self::WATCHTOWER_TOKEN,