fix: properly generate labels meta in the UI

Make the UI use proper data format for the machine labels meta value when generating the image on the `DownloadInstallationMedia` page. Signed-off-by: Artem Chernyshev <[email protected]>
siderolabs · Mar 4, 2024 · 47d8429 · 47d8429
1 parent 1e5c2ce
commit 47d8429
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -6,8 +6,8 @@
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "test:unit": "vue-cli-service test:unit",
-    "lint": "vue-cli-service lint",
-    "test": "vue-cli-service test:unit"
+    "test": "vue-cli-service test:unit",
+    "lint": "vue-cli-service lint"
   },
   "dependencies": {
     "@auth0/auth0-vue": "^1.0.2",

diff --git a/frontend/src/views/omni/Modals/DownloadInstallationMedia.vue b/frontend/src/views/omni/Modals/DownloadInstallationMedia.vue
@@ -173,6 +173,7 @@ import TIcon from "@/components/common/Icon/TIcon.vue";
 import TInput from "@/components/common/TInput/TInput.vue";
 import WordHighlighter from "vue-word-highlighter";
 import IconButton from "@/components/common/Button/IconButton.vue";
+import yaml from "js-yaml";
 
 import { copyText } from "vue3-clipboard";
 import { DocumentArrowDownIcon } from "@heroicons/vue/24/outline";
@@ -316,7 +317,9 @@ const createSchematic = async () => {
         l[k] = labels.value[k].value;
       }
 
-      schematic.meta_values![LabelsMeta] = JSON.stringify(l);
+      schematic.meta_values![LabelsMeta] = yaml.dump({
+        machineLabels: l,
+      });
     }
 
     for (const key in installExtensions.value) {
@@ -380,7 +383,7 @@ const download = async () => {
   try {
     const schematicResponse = await createSchematic();
 
-    let url = `/image/${schematicResponse.schematic_id}/v${selectedTalosVersion.value}/${installationMedia.value.metadata.id}`;
+    let url = `/image/${schematicResponse!.schematic_id}/v${selectedTalosVersion.value}/${installationMedia.value.metadata.id}`;
 
     if (secureBoot.value && !installationMedia.value.spec.no_secure_boot) {
       url += `?${SecureBoot}=true`;