fix: #227 minor bugfixes

Author: bohdan-shulha

Diff for: resources/js/Pages/Services/Partials/DeploymentData.vue

@@ -7,7 +7,6 @@ import Select from "@/Components/Select.vue";
 import SecondaryButton from "@/Components/SecondaryButton.vue";
 import TextArea from "@/Components/TextArea.vue";
 import { computed, effect, nextTick, reactive, ref } from "vue";
-import { FwbToggle, FwbTooltip } from "flowbite-vue";
 import ProcessTabs from "@/Pages/Services/Partials/ProcessTabs.vue";
 import DangerButton from "@/Components/DangerButton.vue";
 import DialogModal from "@/Components/DialogModal.vue";
@@ -161,6 +160,8 @@ const removeProcess = (index) => {
             state.selectedProcessIndex[key] = model.value.processes.length - 1;
         }
     }
+
+    state.selectedProcessIndex["workers"] = 0;
 };
 
 const addWorker = () => {
@@ -383,6 +384,7 @@ const selectedWorkerErrors = computed(() => {
                     block="processes"
                     :closable="true"
                     @close="confirmProcessRemoval"
+                    @change="state.selectedProcessIndex['workers'] = 0"
                 />
 
                 <div class="flex items-center">

Diff for: resources/js/Pages/Services/Partials/ProcessTabs.vue

@@ -13,12 +13,18 @@ const props = defineProps({
     },
 });
 
-const emit = defineEmits(["close"]);
+const emit = defineEmits(["close", "change"]);
 
 const handleClose = (index) => {
     emit("close", index);
 };
 
+const handleChange = (index) => {
+    model.value.selectedProcessIndex[props.block] = index;
+
+    emit("change", index);
+};
+
 const canClose = computed(() => {
     return props.closable && props.processes.length > 1;
 });
@@ -30,7 +36,7 @@ const canClose = computed(() => {
             <TabItem
                 v-for="(process, index) in processes"
                 :key="process.id"
-                @click="model.selectedProcessIndex[block] = index"
+                @click="handleChange(index)"
                 :active="model.selectedProcessIndex[block] === index"
                 :closable="canClose"
                 @close="handleClose(index)"

Diff for: resources/js/Pages/Services/Partials/TemplatePicker.vue

@@ -153,30 +153,37 @@ const mapProcessTemplate = (formData, templateSlug, process, newIndex) => {
         id: makeId("process"),
         name: "process_" + newIndex,
         placementNodeId: null,
-        dockerRegistryId: null,
-        dockerImage: "",
-        releaseCommand: {
-            command: "",
-        },
-        command: "",
-        healthcheck: {
-            command: null,
-            interval: 10,
-            timeout: 5,
-            retries: 10,
-            startPeriod: 60,
-            startInterval: 10,
-        },
-        backups: [],
-        workers: [],
-        launchMode: "daemon",
         configFiles: [],
         secretFiles: [],
         ports: [],
-        replicas: 1,
         redirectRules: [],
         fastCgi: null,
         ...process.data,
+        workers: process.data.workers.map((worker, idx) => {
+            return {
+                id: makeId("worker"),
+                launchMode: "daemon",
+                replicas: 1,
+                dockerRegistryId: null,
+                dockerImage: "",
+                command: null,
+                ...worker,
+                name: idx === 0 ? "main" : worker.name || "worker_" + idx,
+                releaseCommand: {
+                    command: null,
+                    ...worker.releaseCommand,
+                },
+                healthcheck: {
+                    interval: 10,
+                    timeout: 5,
+                    retries: 10,
+                    startPeriod: 60,
+                    startInterval: 10,
+                    command: null,
+                    ...worker.healthcheck,
+                },
+            };
+        }),
         rewriteRules:
             process.data.rewriteRules?.map((rule) => {
                 return {