From 0896c071d25da345b74adc6653a43e938af9c61e Mon Sep 17 00:00:00 2001
From: Chad Davis <dynamiccookies@users.noreply.github.com>
Date: Mon, 8 Jul 2024 15:40:38 -0500
Subject: [PATCH 01/13] Add fade out to message box #31

Added JavaScript setTimeout with CSS to hide message box after 10 seconds.

Close #31
---
 index.php | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/index.php b/index.php
index 5e5a433..75b3712 100644
--- a/index.php
+++ b/index.php
@@ -308,6 +308,7 @@ function get_sibling_folders($dir) {
             padding: 10px;
             border-radius: 5px;
             margin-bottom: 10px;
+            transition: opacity 1s ease-out;
         }
         table {
             width: 100%;
@@ -350,6 +351,9 @@ function get_sibling_folders($dir) {
             border-top: 1px solid #fff;
             margin: 20px 0;
         }
+        .fade-out {
+            opacity: 0;
+        }
         .inline-form {
             display: inline;
         }
@@ -376,6 +380,16 @@ function get_sibling_folders($dir) {
         }
     </style>
     <script>
+        // Hide message after 5 seconds
+        setTimeout(function() {
+            var messageDiv = document.getElementById('message');
+            messageDiv.classList.add('fade-out');
+
+            setTimeout(function() {
+                messageDiv.style.display = 'none';
+            }, 3000);
+        }, 10000);
+
         // Function to confirm folder deletion and submit the form
         function confirmDelete(folderName, formId) {
             if (confirm(`Are you sure you want to delete the folder "${folderName}"?`)) {
@@ -435,7 +449,7 @@ function triggerUpdate() {
         </form>
 
         <!-- Display message if there is any -->
-        <?php if ($message) echo "<div class='message'>$message</div>"; ?>
+        <?php if ($message) echo "<div id='message' class='message'>$message</div>"; ?>
 
         <!-- Horizontal divider line -->
         <div class="divider"></div>

From c9294c60925077dc54ee1b76e2c8ac9461beb916 Mon Sep 17 00:00:00 2001
From: Chad Davis <dynamiccookies@users.noreply.github.com>
Date: Mon, 8 Jul 2024 16:16:26 -0500
Subject: [PATCH 02/13] Fix #34 Checkboxes can expand beyond container edges

Added `display: inline-block;` and changed `max-width` to `90%` in CSS

Close #34
---
 index.php | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.php b/index.php
index 75b3712..5e0643d 100644
--- a/index.php
+++ b/index.php
@@ -253,12 +253,13 @@ function get_sibling_folders($dir) {
             text-align: center;
         }
         .container {
-            max-width: 600px;
+            max-width: 90%;
             margin: 20px auto;
             padding: 20px;
             border: 2px solid #fff;
             border-radius: 10px;
             background-color: <?php echo $random_color; ?>;
+            display: inline-block;
         }
         h1, h2 {
             color: #fff;

From f20888d19957712f4793384999b76ede41103677 Mon Sep 17 00:00:00 2001
From: Chad Davis <dynamiccookies@users.noreply.github.com>
Date: Mon, 8 Jul 2024 16:41:33 -0500
Subject: [PATCH 03/13] Fix #33 Increase margin around checkboxes

---
 index.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.php b/index.php
index 5e0643d..ed50eec 100644
--- a/index.php
+++ b/index.php
@@ -342,6 +342,7 @@ function get_sibling_folders($dir) {
             display: flex;
             gap: 20px;
             text-align: left;
+            margin: 25px 25px 15px 25px;
         }
         .checkbox-column label {
             display: block;

From 01e3aa09defb68e0d346be8d22092a04e4d63001 Mon Sep 17 00:00:00 2001
From: Chad Davis <dynamiccookies@users.noreply.github.com>
Date: Mon, 8 Jul 2024 16:56:18 -0500
Subject: [PATCH 04/13] Update comment text

#31
---
 index.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.php b/index.php
index ed50eec..1307824 100644
--- a/index.php
+++ b/index.php
@@ -382,7 +382,7 @@ function get_sibling_folders($dir) {
         }
     </style>
     <script>
-        // Hide message after 5 seconds
+        // Hide message after 10 seconds
         setTimeout(function() {
             var messageDiv = document.getElementById('message');
             messageDiv.classList.add('fade-out');

From fb405ebded85f60da6fb8b670a97e2e0358044da Mon Sep 17 00:00:00 2001
From: Chad Davis <dynamiccookies@users.noreply.github.com>
Date: Mon, 8 Jul 2024 17:26:13 -0500
Subject: [PATCH 05/13] Update disappearing message timeout

#31
---
 index.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.php b/index.php
index 1307824..457c709 100644
--- a/index.php
+++ b/index.php
@@ -309,7 +309,7 @@ function get_sibling_folders($dir) {
             padding: 10px;
             border-radius: 5px;
             margin-bottom: 10px;
-            transition: opacity 1s ease-out;
+            transition: opacity 2s ease-out;
         }
         table {
             width: 100%;
@@ -389,7 +389,7 @@ function get_sibling_folders($dir) {
 
             setTimeout(function() {
                 messageDiv.style.display = 'none';
-            }, 3000);
+            }, 2000);
         }, 10000);
 
         // Function to confirm folder deletion and submit the form

From 3d0b3d5d76c197654d07782a4eac27dadcfcc2fa Mon Sep 17 00:00:00 2001
From: Chad Davis <dynamiccookies@users.noreply.github.com>
Date: Mon, 8 Jul 2024 17:27:38 -0500
Subject: [PATCH 06/13] Remove hardcoded CST time zone #25

Removed hardcoded PHP time zone and replaced with JavaScript solution

Close #25
---
 index.php | 33 ++++++++++++++++++++++-----------
 1 file changed, 22 insertions(+), 11 deletions(-)

diff --git a/index.php b/index.php
index 457c709..b1e5432 100644
--- a/index.php
+++ b/index.php
@@ -3,7 +3,6 @@
 // * Set timezone to CST
 // * Define constant for the current version
 // ****************************************************************************************
-date_default_timezone_set('America/Chicago');
 define('CURRENT_VERSION', 'v0.3.0');
 
 // ****************************************************************************************
@@ -110,20 +109,18 @@ function delete_backup_folder($folder) {
 function get_backup_folders($dir) {
     $folders = array_filter(glob($dir . '/*'), 'is_dir');
     $backup_folders = [];
+
     foreach ($folders as $folder) {
-        $folder_name = basename($folder);
-        $created_timestamp = filectime($folder); // Raw timestamp for sorting
-        $created_date = date('m/d/y h:i:s A', $created_timestamp); // Human-readable format for display
-        
+        $created_date     = date('c', filectime($folder)); // ISO 8601 format for JavaScript conversion
         $backup_folders[] = [
-            'name' => $folder_name,
-            'created_date' => $created_date,
-            'created_timestamp' => $created_timestamp // Add timestamp for sorting
+            'name'         => basename($folder),
+            'created_date' => $created_date
         ];
     }
+
     // Sort by created_timestamp in descending order
     usort($backup_folders, function($a, $b) {
-        return $b['created_timestamp'] - $a['created_timestamp'];
+        return strtotime($b['created_date']) - strtotime($a['created_date']);
     });
     return $backup_folders;
 }
@@ -414,6 +411,20 @@ function triggerUpdate() {
             document.body.appendChild(form);
             form.submit();
         }
+
+        // Function to convert ISO 8601 date to local timezone and format
+        function convertToLocalTime(isoDate) {
+            const date = new Date(isoDate);
+            return date.toLocaleString();
+        }
+
+        // Convert all dates in the table to local timezone
+        window.addEventListener('DOMContentLoaded', (event) => {
+            document.querySelectorAll('.created-date').forEach(element => {
+                const isoDate = element.getAttribute('data-iso-date');
+                element.textContent = convertToLocalTime(isoDate);
+            });
+        });
     </script>
 </head>
 <body>
@@ -470,14 +481,14 @@ function triggerUpdate() {
         <table>
             <tr>
                 <th>Backup</th>
-                <th>Created Date (CST)</th>
+                <th>Created Date</th>
                 <th>Delete</th>
             </tr>
             <?php 
                 foreach ($backup_folders as $index => $folder): 
             ?><tr>
                 <td><?php echo htmlspecialchars($folder['name']); ?></td>
-                <td><?php echo htmlspecialchars($folder['created_date']); ?></td>
+                <td class="created-date" data-iso-date="<?php echo $folder['created_date']; ?>"><?php echo $folder['created_date']; ?></td>
                 <td>
                     <form method="POST" class="inline-form" id="delete-form-<?php echo $index; ?>">
                         <input type="hidden" name="delete" value="<?php echo htmlspecialchars($folder['name']); ?>">

From 7ef5ffebcd367676e4381772aecc9c818172b888 Mon Sep 17 00:00:00 2001
From: Chad Davis <dynamiccookies@users.noreply.github.com>
Date: Mon, 8 Jul 2024 17:46:27 -0500
Subject: [PATCH 07/13] Remove comma from date

#25
---
 index.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.php b/index.php
index b1e5432..3791dab 100644
--- a/index.php
+++ b/index.php
@@ -415,7 +415,7 @@ function triggerUpdate() {
         // Function to convert ISO 8601 date to local timezone and format
         function convertToLocalTime(isoDate) {
             const date = new Date(isoDate);
-            return date.toLocaleString();
+            return date.toLocaleString().replace(',', '');
         }
 
         // Convert all dates in the table to local timezone

From 96ca93aa074542257c2ae9bfdbc31f1b95ae23d4 Mon Sep 17 00:00:00 2001
From: Chad Davis <dynamiccookies@users.noreply.github.com>
Date: Mon, 8 Jul 2024 17:49:06 -0500
Subject: [PATCH 08/13] Split backup name into two columns #10

- Split the backup name into two columns: Backup Folder & Description
- Added `white-space: nowrap;` to prevent table columns from wrapping

Close #10
---
 index.php | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/index.php b/index.php
index 3791dab..c119e4a 100644
--- a/index.php
+++ b/index.php
@@ -317,6 +317,7 @@ function get_sibling_folders($dir) {
             border: 1px solid #fff;
             padding: 10px;
             color: #000;
+            white-space: nowrap;
         }
         table th {
             background-color: #007bff;
@@ -328,11 +329,11 @@ function get_sibling_folders($dir) {
         table tr:nth-child(odd) {
             background-color: lightgray;
         }
-        table th:nth-child(1), table th:nth-child(2),
-        table td:nth-child(1), table td:nth-child(2) {
-            width: 45%;
+        table th:nth-child(1), table th:nth-child(2), table th:nth-child(3),
+        table td:nth-child(1), table td:nth-child(2), table td:nth-child(3) {
+            width: 30%;
         }
-        table th:nth-child(3), table td:nth-child(3) {
+        table th:nth-child(4), table td:nth-child(4) {
             width: 10%;
         }
         .checkbox-columns {
@@ -480,14 +481,16 @@ function convertToLocalTime(isoDate) {
         <!-- Table displaying existing backups -->
         <table>
             <tr>
-                <th>Backup</th>
+                <th>Backup Folder</th>
+                <th>Description</th>
                 <th>Created Date</th>
                 <th>Delete</th>
             </tr>
             <?php 
                 foreach ($backup_folders as $index => $folder): 
             ?><tr>
-                <td><?php echo htmlspecialchars($folder['name']); ?></td>
+                <td><?php echo htmlspecialchars(explode('_', $folder['name'], 2)[0]); ?></td>
+                <td><?php echo htmlspecialchars(explode('_', $folder['name'], 2)[1]); ?></td>
                 <td class="created-date" data-iso-date="<?php echo $folder['created_date']; ?>"><?php echo $folder['created_date']; ?></td>
                 <td>
                     <form method="POST" class="inline-form" id="delete-form-<?php echo $index; ?>">

From 80d292508cb169a9c6c9fc47730ebf7faa714792 Mon Sep 17 00:00:00 2001
From: Chad Davis <dynamiccookies@users.noreply.github.com>
Date: Tue, 9 Jul 2024 14:30:24 -0500
Subject: [PATCH 09/13] Fix #36 Error when message element missing

There was a JavaScript error on the console when the message element was missing, so it was updated to only run the timeout code when the message exists.

Close #36
---
 index.php | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/index.php b/index.php
index c119e4a..293abd2 100644
--- a/index.php
+++ b/index.php
@@ -383,11 +383,12 @@ function get_sibling_folders($dir) {
         // Hide message after 10 seconds
         setTimeout(function() {
             var messageDiv = document.getElementById('message');
-            messageDiv.classList.add('fade-out');
-
-            setTimeout(function() {
-                messageDiv.style.display = 'none';
-            }, 2000);
+            if (messageDiv) {
+                messageDiv.classList.add('fade-out');
+                setTimeout(function() {
+                    messageDiv.style.display = 'none';
+                }, 2000);
+            }
         }, 10000);
 
         // Function to confirm folder deletion and submit the form

From 4596eb2c9be5afe59f6689151bd48800629e257f Mon Sep 17 00:00:00 2001
From: Chad Davis <dynamiccookies@users.noreply.github.com>
Date: Tue, 9 Jul 2024 17:33:33 -0500
Subject: [PATCH 10/13] Fix #35 Container can shrink smaller than contents

Added JavaScript event listener to update the container's min-width based on the content width

Close #35
---
 index.php | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/index.php b/index.php
index 293abd2..371d024 100644
--- a/index.php
+++ b/index.php
@@ -380,6 +380,26 @@ function get_sibling_folders($dir) {
         }
     </style>
     <script>
+        // Set container's min-width based on the content's width
+        document.addEventListener("DOMContentLoaded", function() {
+
+            // Select the container element
+            var container = document.querySelector(".container");
+
+            // Set the initial width of the container
+            updateContainerWidth();
+
+            // Listen for window resize events to adjust the width
+            window.addEventListener("resize", updateContainerWidth);
+
+            // Update the container's min-width based on its scrollWidth.
+            function updateContainerWidth() {
+                if (container.clientWidth + 22 < container.scrollWidth + 20) {
+                    container.style.minWidth = container.scrollWidth + "px";
+                }
+            }
+        });
+
         // Hide message after 10 seconds
         setTimeout(function() {
             var messageDiv = document.getElementById('message');

From 01030bf7565fe21f54ec91c239e9b57de4877fab Mon Sep 17 00:00:00 2001
From: Chad Davis <dynamiccookies@users.noreply.github.com>
Date: Tue, 9 Jul 2024 19:33:06 -0500
Subject: [PATCH 11/13] Fix margin bug found in #35

Increased calculation from 20 to 40 to account for the left and right margins
---
 index.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.php b/index.php
index 371d024..d1db262 100644
--- a/index.php
+++ b/index.php
@@ -394,7 +394,7 @@ function get_sibling_folders($dir) {
 
             // Update the container's min-width based on its scrollWidth.
             function updateContainerWidth() {
-                if (container.clientWidth + 22 < container.scrollWidth + 20) {
+                if (container.clientWidth + 42 < container.scrollWidth + 40) {
                     container.style.minWidth = container.scrollWidth + "px";
                 }
             }

From 55356d7d56057039b3657f52a235242eb16cce7f Mon Sep 17 00:00:00 2001
From: Chad Davis <dynamiccookies@users.noreply.github.com>
Date: Tue, 9 Jul 2024 19:41:22 -0500
Subject: [PATCH 12/13] Remove unnecessary spaces

---
 index.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.php b/index.php
index d1db262..b638959 100644
--- a/index.php
+++ b/index.php
@@ -456,7 +456,7 @@ function convertToLocalTime(isoDate) {
         <!-- Backup form for creating new backups -->
         <form method="POST">
             <input type="text" id="folder_name" name="folder_name" placeholder="Backup Name" required>
-            <div class="checkbox-columns"><?php 
+            <div class="checkbox-columns"><?php
                 $total_folders = count($folders);
                 $max_columns = 4; // Maximum number of columns
                 $columns = min($max_columns, max(1, ceil($total_folders / 2))); // Adjust columns dynamically based on folder count
@@ -491,7 +491,7 @@ function convertToLocalTime(isoDate) {
 
         <?php
             $backup_folders = get_backup_folders($current_dir);
-            
+
             if (empty($backup_folders)) {
                 echo '<h2>No Backups Found</h2>';
             } else {
@@ -507,8 +507,8 @@ function convertToLocalTime(isoDate) {
                 <th>Created Date</th>
                 <th>Delete</th>
             </tr>
-            <?php 
-                foreach ($backup_folders as $index => $folder): 
+            <?php
+                foreach ($backup_folders as $index => $folder):
             ?><tr>
                 <td><?php echo htmlspecialchars(explode('_', $folder['name'], 2)[0]); ?></td>
                 <td><?php echo htmlspecialchars(explode('_', $folder['name'], 2)[1]); ?></td>

From 6787d720b362bc1ee1ae8521aa5d0d3263c71342 Mon Sep 17 00:00:00 2001
From: Chad Davis <dynamiccookies@users.noreply.github.com>
Date: Tue, 9 Jul 2024 19:41:47 -0500
Subject: [PATCH 13/13] Increment version to v1.0.0!!

---
 index.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.php b/index.php
index b638959..00a2afd 100644
--- a/index.php
+++ b/index.php
@@ -3,7 +3,7 @@
 // * Set timezone to CST
 // * Define constant for the current version
 // ****************************************************************************************
-define('CURRENT_VERSION', 'v0.3.0');
+define('CURRENT_VERSION', 'v1.0.0');
 
 // ****************************************************************************************
 // * Define variables for API URL, directories, and other data