From e9e12ad8434cdd252d30a2f0f51d3c561429002e Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Wed, 5 Jun 2024 11:44:25 +0200
Subject: [PATCH] feat: able to change database passwords on the UI. It won't
 sync to the database.

---
 .../database/mariadb/general.blade.php        | 20 ++++++++---------
 .../database/mongodb/general.blade.php        | 14 ++++++------
 .../project/database/mysql/general.blade.php  | 20 ++++++++---------
 .../database/postgresql/general.blade.php     | 22 +++++++++----------
 .../views/livewire/settings/backup.blade.php  |  2 +-
 5 files changed, 38 insertions(+), 40 deletions(-)

diff --git a/resources/views/livewire/project/database/mariadb/general.blade.php b/resources/views/livewire/project/database/mariadb/general.blade.php
index 9ba97fa59..7f0596b5c 100644
--- a/resources/views/livewire/project/database/mariadb/general.blade.php
+++ b/resources/views/livewire/project/database/mariadb/general.blade.php
@@ -12,23 +12,23 @@
             <x-forms.input label="Image" id="database.image" required
                 helper="For all available images, check here:<br><br><a target='_blank' href='https://hub.docker.com/_/mariadb'>https://hub.docker.com/_/mariadb</a>" />
         </div>
+        <div class="pt-2 dark:text-warning">If you change the values in the database, please sync it here, otherwise
+            automations (like backups) won't work.
+        </div>
         @if ($database->started_at)
-            <div class="flex gap-2">
-                <x-forms.input label="Root Password" id="database.mariadb_root_password" type="password" readonly
-                    helper="You can only change this in the database." />
-                <x-forms.input label="Normal User" id="database.mariadb_user" required readonly
-                    helper="You can only change this in the database." />
+            <div class="flex flex-col gap-2">
+                <x-forms.input label="Root Password" id="database.mariadb_root_password" type="password" required
+                    helper="If you change this in the database, please sync it here, otherwise automations (like backups) won't work." />
+                <x-forms.input label="Normal User" id="database.mariadb_user" required
+                    helper="If you change this in the database, please sync it here, otherwise automations (like backups) won't work." />
                 <x-forms.input label="Normal User Password" id="database.mariadb_password" type="password" required
-                    readonly helper="You can only change this in the database." />
+                    helper="If you change this in the database, please sync it here, otherwise automations (like backups) won't work." />
                 <x-forms.input label="Initial Database" id="database.mariadb_database"
                     placeholder="If empty, it will be the same as Username." readonly
                     helper="You can only change this in the database." />
             </div>
         @else
-            <div class="pt-8 dark:text-warning">Please verify these values. You can only modify them before the initial
-                start. After that, you need to modify it in the database.
-            </div>
-            <div class="flex gap-2 pb-8">
+            <div class="flex flex-col gap-2 pb-2">
                 <x-forms.input label="Root Password" id="database.mariadb_root_password" type="password"
                     helper="You can only change this in the database." />
                 <x-forms.input label="Normal User" id="database.mariadb_user" required
diff --git a/resources/views/livewire/project/database/mongodb/general.blade.php b/resources/views/livewire/project/database/mongodb/general.blade.php
index 35e292d41..b405985a8 100644
--- a/resources/views/livewire/project/database/mongodb/general.blade.php
+++ b/resources/views/livewire/project/database/mongodb/general.blade.php
@@ -12,21 +12,21 @@
             <x-forms.input label="Image" id="database.image" required
                 helper="For all available images, check here:<br><br><a target='_blank' href='https://hub.docker.com/_/mongo'>https://hub.docker.com/_/mongo</a>" />
         </div>
+        <div class="pt-2 dark:text-warning">If you change the values in the database, please sync it here, otherwise
+            automations (like backups) won't work.
+        </div>
         @if ($database->started_at)
-            <div class="flex gap-2">
+            <div class="flex flex-col gap-2">
                 <x-forms.input label="Initial Username" id="database.mongo_initdb_root_username"
-                    placeholder="If empty: postgres" readonly helper="You can only change this in the database." />
+                    placeholder="If empty: postgres"  helper="If you change this in the database, please sync it here, otherwise automations (like backups) won't work." />
                 <x-forms.input label="Initial Password" id="database.mongo_initdb_root_password" type="password"
-                    required readonly helper="You can only change this in the database." />
+                    required  helper="If you change this in the database, please sync it here, otherwise automations (like backups) won't work." />
                 <x-forms.input label="Initial Database" id="database.mongo_initdb_database"
                     placeholder="If empty, it will be the same as Username." readonly
                     helper="You can only change this in the database." />
             </div>
         @else
-            <div class="pt-8 dark:text-warning">Please verify these values. You can only modify them before the initial
-                start. After that, you need to modify it in the database.
-            </div>
-            <div class="flex gap-2 pb-8">
+            <div class="flex flex-col gap-2 pb-2">
                 <x-forms.input required label="Username" id="database.mongo_initdb_root_username"
                     placeholder="If empty: postgres" />
                 <x-forms.input label="Password" id="database.mongo_initdb_root_password" type="password" required />
diff --git a/resources/views/livewire/project/database/mysql/general.blade.php b/resources/views/livewire/project/database/mysql/general.blade.php
index fd22fedb0..539948b2e 100644
--- a/resources/views/livewire/project/database/mysql/general.blade.php
+++ b/resources/views/livewire/project/database/mysql/general.blade.php
@@ -12,23 +12,23 @@
             <x-forms.input label="Image" id="database.image" required
                 helper="For all available images, check here:<br><br><a target='_blank' href='https://hub.docker.com/_/mysql'>https://hub.docker.com/_/mysql</a>" />
         </div>
+        <div class="pt-2 dark:text-warning">If you change the values in the database, please sync it here, otherwise
+            automations (like backups) won't work.
+        </div>
         @if ($database->started_at)
-            <div class="flex gap-2">
-                <x-forms.input label="Root Password" id="database.mysql_root_password" type="password" readonly
-                    helper="You can only change this in the database." />
-                <x-forms.input label="Normal User" id="database.mysql_user" required readonly
-                    helper="You can only change this in the database." />
+            <div class="flex flex-col gap-2">
+                <x-forms.input label="Root Password" id="database.mysql_root_password" type="password" required
+                    helper="If you change this in the database, please sync it here, otherwise automations (like backups) won't work." />
+                <x-forms.input label="Normal User" id="database.mysql_user" required
+                    helper="If you change this in the database, please sync it here, otherwise automations (like backups) won't work." />
                 <x-forms.input label="Normal User Password" id="database.mysql_password" type="password" required
-                    readonly helper="You can only change this in the database." />
+                    helper="If you change this in the database, please sync it here, otherwise automations (like backups) won't work." />
                 <x-forms.input label="Initial Database" id="database.mysql_database"
                     placeholder="If empty, it will be the same as Username." readonly
                     helper="You can only change this in the database." />
             </div>
         @else
-            <div class="pt-8 dark:text-warning">Please verify these values. You can only modify them before the initial
-                start. After that, you need to modify it in the database.
-            </div>
-            <div class="flex gap-2 pb-8">
+            <div class="flex flex-col gap-4 pb-2">
                 <x-forms.input label="Root Password" id="database.mysql_root_password" type="password"
                     helper="You can only change this in the database." />
                 <x-forms.input label="Normal User" id="database.mysql_user" required
diff --git a/resources/views/livewire/project/database/postgresql/general.blade.php b/resources/views/livewire/project/database/postgresql/general.blade.php
index a5f59d6d0..e0ce81d8e 100644
--- a/resources/views/livewire/project/database/postgresql/general.blade.php
+++ b/resources/views/livewire/project/database/postgresql/general.blade.php
@@ -20,31 +20,29 @@
                 Save
             </x-forms.button>
         </div>
-        <div class="flex gap-2 flex-wrap sm:flex-nowrap">
+        <div class="flex flex-wrap gap-2 sm:flex-nowrap">
             <x-forms.input label="Name" id="database.name" />
             <x-forms.input label="Description" id="database.description" />
             <x-forms.input label="Image" id="database.image" required
                 helper="For all available images, check here:<br><br><a target='_blank' href='https://hub.docker.com/_/postgres'>https://hub.docker.com/_/postgres</a>" />
         </div>
-
+        <div class="pt-2 dark:text-warning">If you change the values in the database, please sync it here, otherwise automations (like backups) won't work.
+        </div>
         @if ($database->started_at)
-            <div class="flex gap-2 flex-wrap sm:flex-nowrap">
-                <x-forms.input label="Initial Username" id="database.postgres_user" placeholder="If empty: postgres"
-                    readonly helper="You can only change this in the database." />
-                <x-forms.input label="Initial Password" id="database.postgres_password" type="password" required
-                    readonly helper="You can only change this in the database." />
+            <div class="flex flex-col gap-2">
+                <x-forms.input label="Username" id="database.postgres_user" placeholder="If empty: postgres"
+                    helper="If you change this in the database, please sync it here, otherwise automations (like backups) won't work." />
+                <x-forms.input label="Password" id="database.postgres_password" type="password" required
+                    helper="If you change this in the database, please sync it here, otherwise automations (like backups) won't work." />
                 <x-forms.input label="Initial Database" id="database.postgres_db"
                     placeholder="If empty, it will be the same as Username." readonly
                     helper="You can only change this in the database." />
             </div>
         @else
-            <div class="pt-8 dark:text-warning">Please verify these values. You can only modify them before the initial
-                start. After that, you need to modify it in the database.
-            </div>
-            <div class="flex gap-2 pb-8">
+            <div class="flex flex-col gap-2 pb-2">
                 <x-forms.input label="Username" id="database.postgres_user" placeholder="If empty: postgres" />
                 <x-forms.input label="Password" id="database.postgres_password" type="password" required />
-                <x-forms.input label="Database" id="database.postgres_db"
+                <x-forms.input label="Initial Database" id="database.postgres_db"
                     placeholder="If empty, it will be the same as Username." />
             </div>
         @endif
diff --git a/resources/views/livewire/settings/backup.blade.php b/resources/views/livewire/settings/backup.blade.php
index cd1d1f428..4ca132123 100644
--- a/resources/views/livewire/settings/backup.blade.php
+++ b/resources/views/livewire/settings/backup.blade.php
@@ -30,7 +30,7 @@
             @endif
         </div>
         <div class="py-4">
-            <livewire:project.database.backup-executions :backup="$backup" :executions="$executions" />
+            <livewire:project.database.backup-executions :backup="$backup" />
         </div>
     </div>
 </div>