init

resources/views/livewire/sites/partials/installation-failed.blade.php

@@ -0,0 +1,10 @@
+<x-card>
+    <x-slot name="title">
+        <span class="text-red-600">{{ __("Installation Failed!") }}</span>
+    </x-slot>
+    <x-slot name="description">{{ __("Your site's installation failed") }}</x-slot>
+    <div class="mt-5 flex items-center justify-center">
+        <x-secondary-button :href="route('servers.logs', ['server' => $site->server])" class="mr-2">{{ __("View Logs") }}</x-secondary-button>
+        <livewire:sites.delete-site :site="$site" />
+    </div>
+</x-card>

resources/views/livewire/sites/partials/installing.blade.php

@@ -0,0 +1,13 @@
+<x-card>
+    <x-slot name="title">{{ __("Installing") }}</x-slot>
+    <x-slot name="description">{{ __("The site is being installed") }}</x-slot>
+    <div class="relative flex h-6 overflow-hidden rounded bg-primary-200 text-xs dark:bg-primary-500 dark:bg-opacity-10">
+        <div
+            style="width:{{ $site->progress }}%;"
+            class="flex flex-col justify-center whitespace-nowrap bg-primary-500 text-center text-white shadow-none"
+        ></div>
+        <span class="absolute left-0 right-0 top-1 font-semibold text-center {{ $site->progress >= 40 ? 'text-white' : 'text-black dark:text-white' }}">
+            {{ $site->progress }}%
+        </span>
+    </div>
+</x-card>

resources/views/livewire/sites/partials/site-overview.blade.php

@@ -0,0 +1,38 @@
+<div>
+    <x-card-header>
+        <x-slot name="title">
+            {{ __("Site Overview") }}
+        </x-slot>
+        <x-slot name="description">
+            <a href="{{ $site->activeSsl ? 'https://' : 'http://' . $site->domain }}" target="_blank">{{ $site->domain }}</a>
+        </x-slot>
+        <x-slot name="aside">
+            @include('livewire.sites.partials.status', ['status' => $site->status])
+        </x-slot>
+    </x-card-header>
+    <div class="mx-auto grid grid-cols-3 rounded-md bg-white border border-gray-200 dark:border-gray-700 dark:bg-gray-800">
+        <div class="p-5">
+            <div class="flex items-center justify-center md:justify-start">
+                <x-heroicon-o-lock-closed class="w-8 h-8 text-primary-500" />
+                <div class="ml-2 hidden md:block">{{ __("SSL") }}</div>
+            </div>
+            <div class="mt-3 text-center text-3xl font-bold text-gray-600 dark:text-gray-400 md:text-left">
+                {{ $site->activeSsl ? __("Yes") : __("No") }}
+            </div>
+        </div>
+        <div class="border-l border-r border-gray-200 p-5 dark:border-gray-900">
+            <div class="flex items-center justify-center md:justify-start">
+                <x-heroicon-o-rectangle-stack class="w-8 h-8 text-primary-500" />
+                <div class="ml-2 hidden md:block">{{ __("Queues") }}</div>
+            </div>
+            <div class="mt-3 text-center text-3xl font-bold text-gray-600 dark:text-gray-400 md:text-left">{{ $site->queues()->count() }}</div>
+        </div>
+        <div class="p-5">
+            <div class="flex items-center justify-center md:justify-start">
+                <x-heroicon-o-code-bracket class="w-8 h-8 text-primary-500" />
+                <div class="ml-2 hidden md:block">{{ __("PHP") }}</div>
+            </div>
+            <div class="mt-3 text-center text-3xl font-bold text-gray-600 dark:text-gray-400 md:text-left">{{ $site->php_version }}</div>
+        </div>
+    </div>
+</div>

resources/views/livewire/sites/partials/status.blade.php

@@ -0,0 +1,12 @@
+@if($status == \App\Enums\SiteStatus::READY)
+    <x-status status="success">{{ $status }}</x-status>
+@endif
+@if($status == \App\Enums\SiteStatus::INSTALLING)
+    <x-status status="warning">{{ $status }}</x-status>
+@endif
+@if($status == \App\Enums\SiteStatus::INSTALLATION_FAILED)
+    <x-status status="danger">{{ $status }}</x-status>
+@endif
+@if($status == \App\Enums\SiteStatus::DELETING)
+    <x-status status="danger">{{ $status }}</x-status>
+@endif