UI stuffs

app/Http/Livewire/Project/Application/Danger.php

@@ -4,14 +4,17 @@ namespace App\Http\Livewire\Project\Application;
 
 use App\Models\Application;
 use Livewire\Component;
+use Visus\Cuid2\Cuid2;
 
 class Danger extends Component
 {
     public Application $application;
     public array $parameters;
+    public string|null $modalId = null;
 
     public function mount()
     {
+        $this->modalId = new Cuid2(7);
         $this->parameters = getRouteParameters();
     }
     public function delete()

app/Http/Livewire/Project/Application/EnvironmentVariable/Add.php

@@ -29,6 +29,7 @@ class Add extends Component
     }
     public function submit()
     {
+        ray('submitting');
         $this->validate();
         $this->emitUp('submit', [
             'key' => $this->key,
@@ -36,6 +37,7 @@ class Add extends Component
             'is_build_time' => $this->is_build_time,
             'is_preview' => $this->is_preview,
         ]);
+        $this->clear();
     }
     public function clear()
     {

app/Http/Livewire/Project/Application/EnvironmentVariable/All.php

@@ -5,11 +5,17 @@ namespace App\Http\Livewire\Project\Application\EnvironmentVariable;
 use App\Models\Application;
 use App\Models\EnvironmentVariable;
 use Livewire\Component;
+use Visus\Cuid2\Cuid2;
 
 class All extends Component
 {
     public Application $application;
+    public string|null $modalId = null;
     protected $listeners = ['refreshEnvs', 'submit'];
+    public function mount()
+    {
+        $this->modalId = new Cuid2(7);
+    }
     public function refreshEnvs()
     {
         $this->application->refresh();
@@ -17,6 +23,11 @@ class All extends Component
     public function submit($data)
     {
         try {
+            $found = $this->application->environment_variables()->where('key', $data['key'])->first();
+            if ($found) {
+                $this->emit('error', 'Environment variable already exists.');
+                return;
+            }
             EnvironmentVariable::create([
                 'key' => $data['key'],
                 'value' => $data['value'],
@@ -27,7 +38,6 @@ class All extends Component
             $this->application->refresh();
 
             $this->emit('success', 'Environment variable added successfully.');
-            $this->emit('clearAddEnv');
         } catch (\Exception $e) {
             return general_error_handler(err: $e, that: $this);
         }

app/Http/Livewire/Project/Application/EnvironmentVariable/Show.php

@@ -4,12 +4,13 @@ namespace App\Http\Livewire\Project\Application\EnvironmentVariable;
 
 use App\Models\EnvironmentVariable as ModelsEnvironmentVariable;
 use Livewire\Component;
+use Visus\Cuid2\Cuid2;
 
 class Show extends Component
 {
     public $parameters;
     public ModelsEnvironmentVariable $env;
-
+    public string|null $modalId = null;
     protected $rules = [
         'env.key' => 'required|string',
         'env.value' => 'required|string',
@@ -22,6 +23,7 @@ class Show extends Component
     ];
     public function mount()
     {
+        $this->modalId = new Cuid2(7);
         $this->parameters = getRouteParameters();
     }
     public function submit()

app/Http/Livewire/Project/Application/Storages/Show.php

@@ -3,10 +3,12 @@
 namespace App\Http\Livewire\Project\Application\Storages;
 
 use Livewire\Component;
+use Visus\Cuid2\Cuid2;
 
 class Show extends Component
 {
     public $storage;
+    public string|null $modalId = null;
     protected $rules = [
         'storage.name' => 'required|string',
         'storage.mount_path' => 'required|string',
@@ -17,6 +19,10 @@ class Show extends Component
         'mount_path' => 'mount',
         'host_path' => 'host',
     ];
+    public function mount()
+    {
+        $this->modalId = new Cuid2(7);
+    }
     public function submit()
     {
         $this->validate();

app/Http/Livewire/Server/Form.php

@@ -5,6 +5,7 @@ namespace App\Http\Livewire\Server;
 use App\Actions\Server\InstallDocker;
 use App\Models\Server;
 use Livewire\Component;
+use Visus\Cuid2\Cuid2;
 
 class Form extends Component
 {
@@ -13,6 +14,7 @@ class Form extends Component
     public $dockerVersion;
     public string|null $wildcard_domain = null;
     public int $cleanup_after_percentage;
+    public string|null $modalId = null;
 
     protected $rules = [
         'server.name' => 'required|min:6',
@@ -35,6 +37,7 @@ class Form extends Component
     ];
     public function mount()
     {
+        $this->modalId = new Cuid2(7);
         $this->wildcard_domain = $this->server->settings->wildcard_domain;
         $this->cleanup_after_percentage = $this->server->settings->cleanup_after_percentage;
     }
@@ -98,4 +101,4 @@ class Form extends Component
         $this->server->save();
         $this->emit('success', 'Server updated successfully.');
     }
-}
+}

app/View/Components/Forms/Button.php

@@ -0,0 +1,30 @@
+<?php
+
+namespace App\View\Components\Forms;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class Button extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct(
+        public bool $disabled = false,
+        public bool $isModal = false,
+        public string|null $modalId = null,
+        public string $defaultClass = "btn btn-primary btn-xs text-white normal-case no-animation rounded border-none"
+    ) {
+        //
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('components.forms.button');
+    }
+}

app/View/Components/Forms/Checkbox.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace App\View\Components\Forms;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class Checkbox extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct(
+        public string|null $id = null,
+        public string|null $name = null,
+        public string|null $value = null,
+        public string|null $label = null,
+        public string|null $helper = null,
+        public bool $instantSave = false,
+        public bool $disabled = false,
+        public string $defaultClass = "toggle toggle-xs toggle-warning rounded disabled:bg-coolgray-200 disabled:opacity-50 placeholder:text-neutral-700"
+    ) {
+        //
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('components.forms.checkbox');
+    }
+}

app/View/Components/Forms/Input.php

@@ -21,8 +21,8 @@ class Input extends Component
         public bool $disabled = false,
         public bool $readonly = false,
         public string|null $helper = null,
-        public bool $noDirty = false,
-        public bool $cannotPeakPassword = false,
+        public bool $allowToPeak = true,
+        public string $defaultClass = "input input-sm bg-coolgray-200 rounded text-white w-full disabled:bg-coolgray-200/50 disabled:border-none"
     ) {
     }
 

app/View/Components/Forms/Select.php

@@ -0,0 +1,38 @@
+<?php
+
+namespace App\View\Components\Forms;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+use Visus\Cuid2\Cuid2;
+use Illuminate\Support\Str;
+
+class Select extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct(
+        public string|null $id = null,
+        public string|null $name = null,
+        public string|null $label = null,
+        public string|null $helper = null,
+        public bool $required = false,
+        public string $defaultClass = "select select-sm w-full rounded text-white text-sm bg-coolgray-200 font-normal"
+    ) {
+        //
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        if (is_null($this->id)) $this->id = new Cuid2(7);
+        if (is_null($this->name)) $this->name = $this->id;
+
+        $this->label = Str::title($this->label);
+        return view('components.forms.select');
+    }
+}

app/View/Components/Forms/Textarea.php

@@ -0,0 +1,43 @@
+<?php
+
+namespace App\View\Components\Forms;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+use Visus\Cuid2\Cuid2;
+use Illuminate\Support\Str;
+
+class Textarea extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct(
+        public string|null $id = null,
+        public string|null $name = null,
+        public string|null $type = 'text',
+        public string|null $value = null,
+        public string|null $label = null,
+        public string|null $placeholder = null,
+        public bool $required = false,
+        public bool $disabled = false,
+        public bool $readonly = false,
+        public string|null $helper = null,
+        public string $defaultClass = "textarea bg-coolgray-200 rounded text-white scrollbar disabled:bg-coolgray-200/50 disabled:border-none"
+    ) {
+        //
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        if (is_null($this->id)) $this->id = new Cuid2(7);
+        if (is_null($this->name)) $this->name = $this->id;
+
+        $this->label = Str::title($this->label);
+        return view('components.forms.textarea');
+    }
+}

app/View/Components/Modal.php

@@ -0,0 +1,33 @@
+<?php
+
+namespace App\View\Components;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+use Visus\Cuid2\Cuid2;
+
+class Modal extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct(
+        public string $modalId,
+        public string $modalTitle,
+        public string|null $modalBody = null,
+        public string|null $modalSubmit = null,
+        public bool $yesOrNo = false,
+        public string $action = 'delete'
+    ) {
+        //
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('components.modal');
+    }
+}