From d4c35dc6c86f50bca8f8ff8a4794a01adad9082e Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Thu, 18 May 2023 13:49:49 +0200
Subject: [PATCH] wip

---
 resources/css/app.css                         |  2 +-
 .../components/inputs/checkbox.blade.php      | 17 +++++++++++++
 .../views/components/inputs/input.blade.php   | 10 ++++----
 .../views/components/inputs/select.blade.php  |  2 +-
 .../project/application/general.blade.php     | 24 ++++++++++++-------
 5 files changed, 39 insertions(+), 16 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index a8de249c8..4dc2c5131 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -25,7 +25,7 @@ textarea {
     @apply textarea;
 }
 select {
-    @apply select select-sm disabled:opacity-40;
+    @apply select select-sm disabled:opacity-40 font-normal;
 }
 
 button[type="button"] {
diff --git a/resources/views/components/inputs/checkbox.blade.php b/resources/views/components/inputs/checkbox.blade.php
index 260b01df6..d41e1fb26 100644
--- a/resources/views/components/inputs/checkbox.blade.php
+++ b/resources/views/components/inputs/checkbox.blade.php
@@ -15,6 +15,23 @@
         @else
             {{ $id }}
         @endif
+        @if ($helper)
+            <div class="-mb-1 dropdown dropdown-right">
+                <label tabindex="0" class="cursor-pointer text-warning">
+                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                        class="w-4 h-4 stroke-current">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                    </svg>
+                </label>
+                <div tabindex="0"
+                    class="border-2 shadow whitespace-nowrap w-max-fit border-coolgray-500 card compact dropdown-content bg-coolgray-200">
+                    <div class="card-body">
+                        {!! $helper !!}
+                    </div>
+                </div>
+            </div>
+        @endif
     </div>
     <div class="flex-1"></div>
     <input type="checkbox" @if ($disabled !== null) disabled @endif name={{ $id }}
diff --git a/resources/views/components/inputs/input.blade.php b/resources/views/components/inputs/input.blade.php
index f6fdd77bf..615c35825 100644
--- a/resources/views/components/inputs/input.blade.php
+++ b/resources/views/components/inputs/input.blade.php
@@ -22,18 +22,18 @@
                     <span class="text-warning">*</span>
                 @endif
                 @if ($helper)
-                    <div class="dropdown dropdown-right">
-                        <label tabindex="0" class="btn btn-circle btn-ghost btn-xs text-warning">
+                    <div class="-mb-1 dropdown dropdown-right">
+                        <label tabindex="0" class="cursor-pointer text-warning">
                             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
-                                class="z-0 w-4 h-4 stroke-current">
+                                class="w-4 h-4 stroke-current">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                     d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                             </svg>
                         </label>
                         <div tabindex="0"
-                            class="w-64 border-2 shadow border-coolgray-500 card compact dropdown-content bg-coolgray-200">
+                            class="border-2 shadow whitespace-nowrap w-max-fit border-coolgray-500 card compact dropdown-content bg-coolgray-200">
                             <div class="card-body">
-                                {{ $helper }}
+                                {!! $helper !!}
                             </div>
                         </div>
                     </div>
diff --git a/resources/views/components/inputs/select.blade.php b/resources/views/components/inputs/select.blade.php
index 8948fa9c5..eaf1e9b54 100644
--- a/resources/views/components/inputs/select.blade.php
+++ b/resources/views/components/inputs/select.blade.php
@@ -12,7 +12,7 @@
             {{ $id }}
         @endif
         @if ($required)
-            *
+            <span class="text-warning">*</span>
         @endif
     </label>
     <select {{ $attributes }} wire:model.defer={{ $id }}>
diff --git a/resources/views/livewire/project/application/general.blade.php b/resources/views/livewire/project/application/general.blade.php
index e24b58c04..32ac01d0d 100644
--- a/resources/views/livewire/project/application/general.blade.php
+++ b/resources/views/livewire/project/application/general.blade.php
@@ -9,7 +9,8 @@
         <div class="flex flex-col gap-2 pb-4">
             <div class="flex gap-2">
                 <x-inputs.input class="w-full" id="application.name" label="Name" required />
-                <x-inputs.input class="w-full" id="application.fqdn" label="Domains" />
+                <x-inputs.input class="w-full" id="application.fqdn" label="Domains"
+                    helper="You can specify one domain with path or more with comma.<br><span class='inline-block font-bold text-warning'>Example</span>- http://app.coolify.io,https://cloud.coolify.io/dashboard<br>- http://app.coolify.io/api/v3" />
             </div>
             <x-inputs.select id="application.build_pack" label="Build Pack" required>
                 <option value="nixpacks">Nixpacks</option>
@@ -28,7 +29,8 @@
                 <x-inputs.input id="application.start_command" label="Start Command" />
             </div>
             <div class="flex gap-2">
-                <x-inputs.input id="application.base_directory" label="Base Directory" />
+                <x-inputs.input id="application.base_directory" label="Base Directory"
+                    helper="Directory to use as root. Useful for monorepos." />
                 @if ($application->settings->is_static)
                     <x-inputs.input id="application.publish_directory" label="Publish Directory" required />
                 @else
@@ -39,21 +41,25 @@
                 @if ($application->settings->is_static)
                     <x-inputs.input id="application.ports_exposes" label="Ports Exposes" readonly />
                 @else
-                    <x-inputs.input id="application.ports_exposes" label="Ports Exposes" required />
+                    <x-inputs.input id="application.ports_exposes" label="Ports Exposes" required
+                        helper="A comma separated list of ports you would like to expose for the proxy." />
                 @endif
-                <x-inputs.input id="application.ports_mappings" label="Ports Mappings" />
+                <x-inputs.input id="application.ports_mappings" label="Ports Mappings"
+                    helper="A comma separated list of ports you would like to map to the host system. Useful when you do not want to use domains.<br><span class='inline-block font-bold text-warning'>Example</span>3000:3000,3002:3002" />
             </div>
         </div>
         <div class="flex flex-col">
-            <x-inputs.checkbox instantSave id="is_debug" label="Debug" />
+            <x-inputs.checkbox helper="More logs will be visible during a deployment." instantSave id="is_debug"
+                label="Debug" />
             <x-inputs.checkbox instantSave id="is_static" label="Static website?" />
+            <x-inputs.checkbox helper="Git Webhooks won't deploy your application is you turn it off." instantSave
+                id="is_auto_deploy" label="Auto Deploy?" />
+            <x-inputs.checkbox helper="Preview deployments" instantSave id="is_previews" label="Previews?" />
             <x-inputs.checkbox instantSave id="is_git_submodules_allowed" label="Git Submodules Allowed?" />
             <x-inputs.checkbox instantSave id="is_git_lfs_allowed" label="Git LFS Allowed?" />
-            <x-inputs.checkbox instantSave id="is_auto_deploy" label="Auto Deploy?" />
-            <x-inputs.checkbox instantSave id="is_previews" label="Previews?" />
-            <x-inputs.checkbox disabled instantSave id="is_dual_cert" label="Dual Certs?" />
+            {{-- <x-inputs.checkbox disabled instantSave id="is_dual_cert" label="Dual Certs?" />
             <x-inputs.checkbox disabled instantSave id="is_custom_ssl" label="Is Custom SSL?" />
-            <x-inputs.checkbox disabled instantSave id="is_http2" label="Is Http2?" />
+            <x-inputs.checkbox disabled instantSave id="is_http2" label="Is Http2?" /> --}}
         </div>
     </form>
 </div>