feat: #25 list deployments on the service's page

Author: bohdan-shulha

Diff for: app/Http/Controllers/ServiceController.php

@@ -20,7 +20,7 @@ class ServiceController extends Controller
     public function index()
     {
         $services = Service::with(['latestDeployment' => function ($query) {
-            $query->with(['taskGroup' => function ($query) {
+            $query->with(['latestTaskGroup' => function ($query) {
                 $query->with('latestTask');
             }]);
         }])->orderBy('name')->get();
@@ -83,6 +83,15 @@ public function show(Service $service)
 
     public function deployments(Service $service)
     {
+        $service->load(['deployments' => function ($deployments) {
+            $deployments->with(['latestTaskGroup' => function ($taskGroups) {
+                $taskGroups->with([
+                    'invoker',
+                    'tasks' => function ($tasks) {
+                }]);
+            }]);
+        }]);
+
         return Inertia::render('Services/Deployments', ['service' => $service]);
     }
 

Diff for: app/Http/Controllers/SwarmTaskController.php

@@ -104,7 +104,6 @@ public function initCluster(InitClusterFormRequest $request)
             ]);
 
             $deployment = $caddyService->deployments()->create([
-                'task_group_id' => $taskGroup->id,
                 'data' => DeploymentData::from([
                     'dockerRegistryId' => null,
                     'dockerImage' => 'caddy:2.8-alpine',

Diff for: app/Models/Deployment.php

@@ -13,7 +13,9 @@
 use App\Models\NodeTasks\ApplyCaddyConfig\ApplyCaddyConfigMeta;
 use App\Traits\HasOwningTeam;
 use Illuminate\Database\Eloquent\Builder as EloquentBuilder;
+use Illuminate\Database\Eloquent\Relations\HasManyThrough;
 use Illuminate\Database\Eloquent\Relations\HasOne;
+use Illuminate\Database\Eloquent\Relations\HasOneThrough;
 use Illuminate\Database\Query\Builder as QueryBuilder;
 use Illuminate\Database\Eloquent\Casts\Json;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
@@ -42,9 +44,14 @@ public function service(): BelongsTo
         return $this->belongsTo(Service::class);
     }
 
-    public function taskGroup(): BelongsTo
+    public function taskGroups(): HasManyThrough
     {
-        return $this->belongsTo(NodeTaskGroup::class);
+        return $this->hasManyThrough(NodeTaskGroup::class, NodeTask::class,  'meta__deployment_id', 'id', 'id', 'task_group_id')->orderByDesc('id');
+    }
+
+    public function latestTaskGroup(): HasOneThrough
+    {
+        return $this->hasOneThrough(NodeTaskGroup::class, NodeTask::class,  'meta__deployment_id', 'id', 'id', 'task_group_id')->latest();
     }
 
     public function previousDeployment(): ?Deployment

Diff for: app/Models/NodeTasks/CreateService/CreateServiceMeta.php

@@ -7,6 +7,7 @@
 class CreateServiceMeta extends AbstractTaskMeta
 {
     public function __construct(
+        public int $deploymentId,
         public int $serviceId,
         public string $serviceName
     )

Diff for: app/Models/Service.php

@@ -35,7 +35,7 @@ public function swarm(): BelongsTo
 
     public function deployments(): HasMany
     {
-        return $this->hasMany(Deployment::class);
+        return $this->hasMany(Deployment::class)->orderByDesc('id');
     }
 
     public function latestDeployment(): HasOne
@@ -57,7 +57,6 @@ public function deploy(DeploymentData $deploymentData): Deployment
         ]);
 
         $deployment = $this->deployments()->create([
-            'task_group_id' => $taskGroup->id,
             'data' => $deploymentData,
         ]);
 

Diff for: composer.json

@@ -15,6 +15,7 @@
         "tightenco/ziggy": "^2.0"
     },
     "require-dev": {
+        "barryvdh/laravel-debugbar": "^3.13",
         "fakerphp/faker": "^1.23",
         "laravel/pint": "^1.13",
         "laravel/sail": "^1.26",

Diff for: composer.lock

@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('deployments', function (Blueprint $table) {
+            $table->dropColumn('task_group_id');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('deployments', function (Blueprint $table) {
+            $table->foreignId('task_group_id')->constrained()->cascadeOnDelete();
+        });
+    }
+};

Diff for: database/migrations/2024_06_26_121016_alter_deployments_drop_task_group_id_column.php

@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('node_tasks', function (Blueprint $table) {
+            $table->foreignId('meta__deployment_id')
+                ->nullable()
+                ->storedAs('("meta"->\'deploymentId\')::int')
+                ->constrained('deployments')
+                ->cascadeOnDelete();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('node_tasks', function (Blueprint $table) {
+            $table->dropColumn('meta__deployment_id');
+        });
+    }
+};

Diff for: database/migrations/2024_06_26_122528_alter_task_groups_add_virtual_deployment_id_column.php

@@ -15,15 +15,17 @@ const retry = () => {
 </script>
 
 <template>
-  <ul class="col-span-6 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg dark:bg-gray-700 dark:border-gray-600 dark:text-white">
-    <TaskResult v-for="task in taskGroup.tasks" :key="task.id" :task="task" />
-  </ul>
-  <div class="flex">
-    <div class="col-span-6 ms-4 mt-1 text-xs text-gray-900 dark:text-white grow">#{{ taskGroup.id }} Invoked by {{ taskGroup.invoker.name }}</div>
-    <SecondaryButton v-if="taskGroup.status === 'failed' || taskGroup.status === 'canceled'"
-                     @click="retry"
-            class="col-span-6 ms-4 mt-2 text-xs text-gray-900 dark:text-white">
-      Retry Failed Tasks
-    </SecondaryButton>
+  <div>
+    <ul class="col-span-6 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg dark:bg-gray-700 dark:border-gray-600 dark:text-white">
+      <TaskResult v-for="task in taskGroup.tasks" :key="task.id" :task="task" />
+    </ul>
+    <div class="flex">
+      <div class="col-span-6 ms-4 mt-1 text-xs text-gray-900 dark:text-white grow">#{{ taskGroup.id }} Invoked by {{ taskGroup.invoker.name }} on {{ taskGroup.created_at }}</div>
+      <SecondaryButton v-if="taskGroup.status === 'failed' || taskGroup.status === 'canceled'"
+                       @click="retry"
+              class="col-span-6 ms-4 mt-2 text-xs text-gray-900 dark:text-white">
+        Retry Failed Tasks
+      </SecondaryButton>
+    </div>
   </div>
 </template>

Diff for: resources/js/Components/NodeTasks/TaskGroup.vue

@@ -1,3 +1,22 @@
+<script setup>
+import ShowLayout from "@/Pages/Services/ShowLayout.vue";
+import TaskGroup from "@/Components/NodeTasks/TaskGroup.vue";
+
+const props = defineProps({
+  service: Object,
+})
+</script>
+
 <template>
-  So, your service has been created. Now you can look after your deployments!
-</template>
+  <ShowLayout :service="$props.service">
+    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+      <div v-for="(deployment, index) in service.deployments" class="my-8 first-of-type:mt-0">
+        <div class="ps-4 font-extrabold">Deployment #{{deployment.id}}
+          <span v-if="index === 0">(latest)</span>
+        </div>
+
+        <TaskGroup :task-group="deployment.latest_task_group" class="mt-4" />
+      </div>
+    </div>
+  </ShowLayout>
+</template>