bugfixes

remove dependence on jQuery
add image delete
Admin ui fix for mobile
image updates to new style
update comments

.gitignore

@@ -65,3 +65,4 @@ vendor/canary/logs/*
 components/*
 mailhog.log
 uploads/*
+images/qr-codes/

CONTRIBUTING.md

@@ -35,7 +35,7 @@ New classes must be prefaced with a doc-block following this style:
  *
  * This is the admin controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/classes/admin_controller.php

@@ -5,7 +5,7 @@
  * This is the base admin controller. Every other admin controller should
  * extend this class.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/classes/api_controller.php

@@ -5,7 +5,7 @@
  * This is the base api controller. Every other api controller should
  * extend this class.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/classes/config.php

@@ -4,7 +4,7 @@
  *
  * This class handles all the hard-coded configurations.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -69,14 +69,21 @@ class Config extends BedrockConfig {
         $html .= '<div class="col-lg-6">';
         $html .= $fieldHtml;
         $html .= '</div>';
+        $html .= '</div>';
         if ( 'file' === $node['type'] ) {
             $html .= '<div class="mb-3 row">';
-            $html .= '<h4 class="col-lg-3 col-form-label text-end">Current Image</h4>';
+            $html .= '<h4 class="col-lg-3 col-form-label text-end">Current Value</h4>';
             $html .= '<div class="col-lg-6">';
-            $html .= '<img alt="User Avatar" src="{ROOT_URL}' . $node['value'] . '" class="img-circle img-fluid p-2 avatar-125">';
+            $html .= '<input type="text" class="form-control" name="'.$name.'Text" value="'.$node['value'] . '">';
+            $html .= '</div>';
+            $html .= '</div>';
+            $html .= '<div class="mb-3 row">';
+            $html .= '<h4 class="col-lg-3 col-form-label text-end">Current Image</h4>';
+            $html .= '<div class="col-lg-6 d-flex justify-content-center">';
+            $html .= '<img alt="configured image" src="{ROOT_URL}' . $node['value'] . '" class="img-circle img-fluid p-2 avatar-125">';
+            $html .= '</div>';
             $html .= '</div>';
         }
-        $html .= '</div>';
 
         return Template::parse( $html );
     }

app/classes/controller.php

@@ -4,7 +4,7 @@
  *
  * This is the main controller class.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/classes/database_model.php

@@ -4,7 +4,7 @@
  *
  * This is the main TempusProject database model.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -121,7 +121,6 @@ class DatabaseModel extends BedrockDatabaseModel {
         $errors = [];
         foreach ( self::$installFlags as $flag_name ) {
             if ( empty( $options[$flag_name] ) ) {
-                $module_data[ $flag_name ] = INSTALL_STATUS_SKIPPED;
                 continue;
             }
 

app/classes/email.php

@@ -4,7 +4,7 @@
  *
  * This is our class for constructing and sending various kinds of emails.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/classes/forms.php

@@ -7,7 +7,7 @@
  * error reporting to easily define exactly what feedback you
  * would like to give.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -115,6 +115,8 @@ class Forms extends Check {
         self::addHandler( 'adminCreateToken',    __CLASS__, 'adminCreateToken' );
         self::addHandler( 'apiLogin',            __CLASS__, 'apiLogin' );
         self::addHandler( 'updatePreference',    __CLASS__, 'updatePreference' );
+        self::addHandler( 'renameIImage',        __CLASS__, 'renameIImage' );
+        self::addHandler( 'addImage',            __CLASS__, 'addImage' );
         self::addHandler( 'installStart',        __CLASS__, 'install', [ 'start' ] );
         self::addHandler( 'installAgreement',    __CLASS__, 'install', [ 'agreement' ] );
         self::addHandler( 'installCheck',        __CLASS__, 'install', [ 'check' ] );
@@ -663,4 +665,28 @@ class Forms extends Check {
         }
         return true;
     }
+
+    public static function renameIImage() {
+        if ( !Input::exists( 'filelocation' ) ) {
+            self::addUserError( 'You must specify a location' );
+            return false;
+        }
+        if ( !Input::exists( 'newname' ) ) {
+            self::addUserError( 'You must specify a new name' );
+            return false;
+        }
+        return true;
+    }
+
+    public static function addImage() {
+        if ( !Input::exists( 'folderSelect' ) ) {
+            self::addUserError( 'You must specify a location' );
+            return false;
+        }
+        if ( !Input::exists( 'uploadImage' ) ) {
+            self::addUserError( 'You must include a file.' );
+            return false;
+        }
+        return true;
+    }
 }

app/classes/installer.php

@@ -6,7 +6,7 @@
  * the application. It handles installing the application, installing and updating
  * models as well as the database, and generating and checking the htaccess file.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -158,6 +158,10 @@ class Installer {
                 } else {
                     self::$installJson['modules'][$name]['enabled_txt'] = '<span class="text-danger">No</span>';
                 }
+                // in this case only, we save an array to remove the objects later, so an array stored is a success.
+                if ( ! empty( self::$installJson['modules'][$name]['resources_installed'] ) && is_array( self::$installJson['modules'][$name]['resources_installed'] ) ) {
+                    self::$installJson['modules'][$name]['resources_installed'] = INSTALL_STATUS_SUCCESS;
+                }
             }
             return self::$installJson['modules'][$name];
         }
@@ -422,7 +426,7 @@ class Installer {
             }
 
             // exclude any flags that have already been successfully installed
-            if ( !empty( $module_data->$flag_type ) && $module_data->$flag_type == INSTALL_STATUS_SUCCESS ) {
+            if ( ! empty( $module_data->$flag_type ) && $module_data->$flag_type == INSTALL_STATUS_SUCCESS ) {
                 Debug::warn( "$flag_type has already been successfully installed" );
                 $flags[ $flag_type ] = false;
             }
@@ -530,7 +534,7 @@ class Installer {
         }
 
         foreach ( $flags as $flag_type ) {
-            if ( ! in_array( $modelInfo[ $flag_type ], [ INSTALL_STATUS_SUCCESS, INSTALL_STATUS_NOT_REQUIRED ] ) ) {
+            if ( empty( $modelInfo[ $flag_type ] ) || ! in_array( $modelInfo[ $flag_type ], [ INSTALL_STATUS_SUCCESS, INSTALL_STATUS_NOT_REQUIRED ] ) ) {
                 $modelInfo['installStatus'] = INSTALL_STATUS_PARTIALLY_INSTALLED;
                 break;
             }

app/classes/permissions.php

@@ -4,7 +4,7 @@
  *
  * This class handles all the hard-coded permissions.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -245,7 +245,7 @@ class Permissions {
     
     public static function getFieldEditHtml( $name, $default, $pretty ) {
         $fieldname = str_ireplace( '/', '-', $name );
-        $fieldHtml = Forms::getSwitchHtml( $fieldname, [ 'true', 'false' ], $default );
+        $fieldHtml = Forms::getSwitchHtml( $fieldname, $default );
         $html = '';
         $html .= '<div class="mb-3 row">';
         $html .= '<label for="' . $fieldname . '" class="col-lg-6 col-form-label text-end">' . $pretty . '</label>';

app/classes/plugin.php

@@ -4,7 +4,7 @@
  *
  * This class is used as a foundation for all plugins to build from.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -89,7 +89,7 @@ class Plugin {
 
         foreach ( self::PLUGIN_FLAG_MAP as $flag_name => $function_name ) {
             if ( empty( $options[$flag_name] ) ) {
-                $module_data[ $flag_name ] = INSTALL_STATUS_SKIPPED;
+                // $module_data[ $flag_name ] = INSTALL_STATUS_SKIPPED;
                 continue;
             }
 
@@ -280,7 +280,7 @@ class Plugin {
     public function installResources( $options = '' ) {
         if ( empty( $this->resourceMatrix ) ) {
             Debug::log( 'resourceMatrix is empty' );
-            return true;
+            return INSTALL_STATUS_NOT_REQUIRED;
         }
         $ids = [];
         foreach( $this->resourceMatrix as $tableName => $entries ) {

app/classes/preferences.php

@@ -4,7 +4,7 @@
  *
  * This class handles all the hard-coded preferences.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -276,7 +276,7 @@ class Preferences {
             $html .= '<div class="mb-3 row">';
             $html .= '<h4 class="col-lg-6 col-form-label text-start text-lg-end">Current Image</h4>';
             $html .= '<div class="col-lg-6">';
-            $html .= '<img alt="User Avatar" src="{ROOT_URL}' . $defaultValue . '" class="img-circle img-fluid p-2 avatar-125">';
+            $html .= '<img alt="preferred image" src="{ROOT_URL}' . $defaultValue . '" class="img-circle img-fluid p-2">';
             $html .= '</div>';
         }
         $html .= '</div>';

app/config/constants.php

@@ -39,7 +39,7 @@ if ( ! defined( 'CONFIG_DIRECTORY' ) ) {
     define( 'CANARY_SECURE_HASH',        'd73ed7591a30f0ca7d686a0e780f0d05' );
 # Tempus Project Core
 define( 'APP_NAME',            'The Tempus Project');
-define( 'TP_DEFAULT_LOGO',            'images/logo.png');
+define( 'TP_DEFAULT_LOGO',            'images/logoWhite.png');
     // Check
         define( 'MINIMUM_PHP_VERSION',            8.1);
     // Cookies

app/controllers/admin/admin.php

@@ -4,7 +4,7 @@
  *
  * This is the admin log controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/admin/composer.php

@@ -4,7 +4,7 @@
  *
  * This is the composer controller. Its only very effective when using composer for autoloading.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/admin/errors.php

@@ -4,7 +4,7 @@
  *
  * This is the error logs controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/admin/groups.php

@@ -4,7 +4,7 @@
  *
  * This is the groups admin controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/admin/home.php

@@ -4,7 +4,7 @@
  *
  * This is the admin dashboard controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/admin/images.php

@@ -4,7 +4,7 @@
  *
  * This is the admin app/user tokens controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -23,8 +23,118 @@ use TheTempusProject\Bedrock\Functions\Input;
 use TheTempusProject\Bedrock\Functions\Check;
 use TheTempusProject\Hermes\Functions\Redirect;
 use TheTempusProject\Bedrock\Functions\Session;
+use TheTempusProject\Hermes\Functions\Route as Routes;
+use TheTempusProject\Bedrock\Functions\Upload;
+use RecursiveIteratorIterator;
+use RecursiveDirectoryIterator;
+use FilesystemIterator;
 
 class Images extends AdminController {
+    private $directories = [
+        APP_ROOT_DIRECTORY . 'images',
+        APP_ROOT_DIRECTORY . 'app/images',
+        APP_ROOT_DIRECTORY . 'app/plugins'
+    ];
+
+    private $spacer = [];
+
+    private $excludedDirectories = [
+        '.',
+        '..',
+        'vendor',
+        'docker',
+        'logs',
+        'gitlab',
+        'uploads',
+        'config',
+    ];
+
+    public function upload() {
+        if ( Input::exists( 'submit' ) ) {
+            $route = '';
+            $destination = '';
+            if ( !TTPForms::check( 'addImage' ) ) {
+                Issues::add( 'error', [ 'There was an error with your image upload.' => Check::userErrors() ] );
+            } else {
+                $folder = Input::post( 'folderSelect' ) . DIRECTORY_SEPARATOR;
+                // dv( $folder );
+                $upload = Upload::image( 'uploadImage', $folder );
+                if ( $upload ) {
+                    $route = str_replace( APP_ROOT_DIRECTORY, '', $folder );
+                    $destination = $route . Upload::last();
+                    Issues::add( 'success', 'Image uploaded.' );
+                } else {
+                    Issues::add( 'error', [ 'There was an error with your image upload.' => Check::userErrors() ] );
+                }
+            }
+        }
+
+        $folders = $this->getDirectoriesRecursive( APP_ROOT_DIRECTORY );
+        $folderHtml = $this->generateFolderHtml( $folders );
+        Components::set( 'FOLDER_SELECT_ROOT', APP_ROOT_DIRECTORY );
+        Components::set( 'FOLDER_SELECT', Views::simpleView( 'forms.folderSelect', $folderHtml ) );
+        Views::view( 'admin.images.upload' );
+    }
+
+    private function getFolderObject( $folder, $subdirs = '' ) {
+        $names = explode( DIRECTORY_SEPARATOR, $folder );
+        $folderName = array_pop( $names );
+        $out = [
+            'spacer' => implode( '', $this->spacer ),
+            'folderName' => $folderName,
+            'location' => $folder,
+            'subdirs' => $subdirs,
+        ];
+        if ( ! empty( $subdirs ) ) {
+            $out['folderexpand'] = '<i class="fa fa-caret-down"></i>';
+        } else {
+            $out['folderexpand'] = '';
+        }
+        return (object) $out;
+    }
+
+    private function generateFolderHtml( $folders ) {
+        $rows = [];
+        foreach ( $folders as $top => $sub ) {
+            $object = $this->getFolderObject( $top );
+            if ( $top == $sub ) {
+                $html = '';
+            } else {
+                $this->spacer[] = '-> ';
+                $children = $this->generateFolderHtml( $sub );
+                array_pop( $this->spacer );
+                Components::set( 'parentfolderName', $object->folderName );
+                $html = Views::simpleView( 'forms.folderSelectParent', $children );
+                Components::set( 'parentfolderName', '' );
+            }
+            $rows[] = $this->getFolderObject( $top, $html );
+        }
+        return $rows;
+    }
+
+    private function getDirectoriesRecursive( $directory ) {
+        $dirs = [];
+
+        $directory = rtrim( $directory, DIRECTORY_SEPARATOR );
+        $directory = $directory. DIRECTORY_SEPARATOR;
+
+        $files = scandir( $directory );
+        $filteredFiles = array_values( array_diff( $files, $this->excludedDirectories ) );
+
+        foreach ( $filteredFiles as $key => $filename ) {
+            $long_name = $directory . $filename;
+            $is_dir = ( ( strpos( $filename, '.' ) === false ) && ( is_dir( $long_name ) === true ) );
+            if ( $is_dir ) {
+                $recursive_dirs = $this->getDirectoriesRecursive( $long_name );
+                if ( empty( $recursive_dirs ) ) {
+                    $recursive_dirs = $long_name;
+                }
+                $dirs[$long_name] = $recursive_dirs;
+            }
+        }
+
+        return $dirs;
+    }
 
     public function __construct() {
         parent::__construct();
@@ -53,62 +163,175 @@ class Images extends AdminController {
                 Debug::error( 'There was an error with your upload.');
                 Issues::add( 'error', [ 'There was an error with your upload.' => Check::userErrors() ] );
             }
-
-
-
-
-
-
-
-
-
-            // if ( self::$token->create(
-            //     Input::post( 'name' ),
-            //     Input::post( 'notes' ),
-            //     Input::post( 'token_type' )
-            // ) ) {
-            //     Session::flash( 'success', 'Token Created' );
-            //     Redirect::to( 'admin/images' );
-            // }
-
-
         }
         Views::view( 'admin.images.create' );
     }
 
-    public function delete( $id = null ) {
-        if ( self::$token->delete( [ $id ] ) ) {
-            Session::flash( 'success', 'Token deleted.' );
+    public function delete() {
+        if ( ! Input::exists( 'fileLocation' ) ) {
+            Session::flash( 'warning', 'Unknown image.' );
+            Redirect::to( 'admin/images' );
         }
-        Redirect::to( 'admin/images' );
+    
+        $fileLocation = Input::get('fileLocation');
+    
+        // Ensure the file exists
+        if ( ! file_exists( $fileLocation ) ) {
+            Session::flash('error', 'File does not exist.');
+            Redirect::to('admin/images');
+        }
+    
+        // Check if the file is an image
+        $validMimeTypes = ['image/jpeg', 'image/png', 'image/gif', 'image/webp'];
+        $fileMimeType = mime_content_type( $fileLocation );
+    
+        if ( ! in_array( $fileMimeType, $validMimeTypes ) ) {
+            Session::flash('error', 'Invalid file type. Only images can be deleted.');
+            Redirect::to('admin/images');
+        }
+    
+        // Attempt to delete the file
+        if (@unlink($fileLocation)) {
+            Session::flash('success', 'Image deleted.');
+        } else {
+            Session::flash('error', 'Failed to delete the image.');
+        }
+    
+        Redirect::to('admin/images');
     }
 
-    public function edit( $id = null ) {
-        $token = self::$token->findById( $id );
+    public function rename() {
+        if ( ! Input::exists( 'fileLocation' ) ) {
+            Session::flash( 'warning', 'Unknown image.' );
+            Redirect::to( 'admin/images' );
+        }
+        
+        Components::set( 'filelocation', Input::get( 'fileLocation' ) );
+
         if ( Input::exists( 'submit' ) ) {
-            if ( !TTPForms::check( 'adminEditToken' ) ) {
-                Issues::add( 'error', [ 'There was an error with your token.' => Check::userErrors() ] );
+            if ( !TTPForms::check( 'renameIImage' ) ) {
+                Issues::add( 'error', [ 'There was an error renaming the image.' => Check::userErrors() ] );
             } else {
-                if ( self::$token->update(
-                    $id,
-                    Input::post( 'name' ),
-                    Input::post( 'notes' ),
-                    Input::post( 'token_type' )
-                ) ) {
-                    Session::flash( 'success', 'Token Updated' );
+                $result = $this->renameFile( Input::post( 'filelocation' ), Input::post( 'newname' ) );
+                if ( ! empty( $result ) ) {
+                    Session::flash( 'success', 'Image has been renamed.' );
                     Redirect::to( 'admin/images' );
+                } else {
+                    Issues::add( 'error', [ 'There was an error with the install.' => $this->installer->getErrors() ] );
                 }
             }
         }
-        Forms::selectOption( $token->token_type );
-        return Views::view( 'admin.images.edit', $token );
+    
+        return Views::view( 'admin.images.rename' );
     }
 
     public function index() {
-        return Views::view( 'admin.images.list', self::$token->listPaginated() );
+        return Views::view( 'admin.images.list.combined', $this->getAllImageDetails() );
     }
 
-    public function view( $id = null ) {
-        return Views::view( 'admin.images.view', self::$token->findById( $id ) );
+    public function view() {
+        if ( Input::exists( 'fileLocation' ) ) {
+            return Views::view( 'admin.images.view', $this->getImageByLocation( Input::get( 'fileLocation' ) ) );
+        }
+        return $this->index();
+    }
+
+    private function getAllImages() {
+        $files = [];
+        foreach ($this->directories as $dir) {
+            if ($dir === 'app/plugins') {
+                $pluginDirs = glob($dir . '/*', GLOB_ONLYDIR);
+                foreach ($pluginDirs as $pluginDir) {
+                    $imageDir = $pluginDir . '/images';
+                    if (is_dir($imageDir)) {
+                        $files = array_merge($files, $this->scanDirectoryRecursively($imageDir));
+                    }
+                }
+            } else {
+                $files = array_merge($files, $this->scanDirectory($dir));
+            }
+        }
+        return $files;
+    }
+
+    private function scanDirectory($path) {
+        return glob($path . '/*.{jpg,jpeg,png,gif,webp}', GLOB_BRACE) ?: [];
+    }
+
+    private function scanDirectoryRecursively($path) {
+        $files = [];
+        $iterator = new RecursiveIteratorIterator(new RecursiveDirectoryIterator($path, FilesystemIterator::SKIP_DOTS));
+
+        foreach ($iterator as $file) {
+            if (preg_match('/\.(jpg|jpeg|png|gif|webp)$/i', $file->getFilename())) {
+                $files[] = $file->getPathname();
+            }
+        }
+
+        return $files;
+    }
+
+    private function getAllImageDetails() {
+        $images = [];
+        $files = $this->getAllImages();
+        foreach ( $files as $file ) {
+            $images[] = $this->getImageByLocation( $file );
+        }
+        return $images;
+    }
+
+    private function getImageByLocation( $location ) {
+        $realPath = realpath( $location );
+        
+        return (object) [
+            'filename'     => basename( $location ),
+            'extension'    => pathinfo( $location , PATHINFO_EXTENSION),
+            'fileSize'     => $this->formatFileSize(filesize( $location )),
+            'location'     => $realPath,
+            'locationSafe' => urlencode( $realPath ),
+            'url'          => Routes::getAddress() . str_replace( APP_ROOT_DIRECTORY, '', $realPath ),
+            'folder'       => dirname( $location )
+        ];
+    }
+
+    private function formatFileSize($size) {
+        $units = ['B', 'KB', 'MB', 'GB', 'TB'];
+        $i = 0;
+        while ($size >= 1024 && $i < count($units) - 1) {
+            $size /= 1024;
+            $i++;
+        }
+        return round($size, 2) . ' ' . $units[$i];
+    }
+
+    private function renameFile( $currentLocation, $newFilename ) {
+        // Ensure the file exists
+        if (!file_exists($currentLocation)) {
+            throw new \Exception("File does not exist: $currentLocation");
+        }
+    
+        // Extract directory and current extension
+        $directory = dirname($currentLocation);
+        $currentExtension = pathinfo($currentLocation, PATHINFO_EXTENSION);
+        $newExtension = pathinfo($newFilename, PATHINFO_EXTENSION);
+    
+        // Ensure the file extension has not changed
+        if (strcasecmp($currentExtension, $newExtension) !== 0) {
+            throw new \Exception("File extension cannot be changed.");
+        }
+    
+        // Construct the new file path
+        $newLocation = $directory . DIRECTORY_SEPARATOR . $newFilename;
+    
+        // Ensure the new file name does not already exist
+        if (file_exists($newLocation)) {
+            throw new \Exception("A file with the new name already exists: $newFilename");
+        }
+    
+        // Attempt to rename the file
+        if (!rename($currentLocation, $newLocation)) {
+            throw new \Exception("Failed to rename file.");
+        }
+        return true;
     }
 }

app/controllers/admin/logins.php

@@ -4,7 +4,7 @@
  *
  * This is the login logs controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/admin/logs.php

@@ -4,7 +4,7 @@
  *
  * This is the generic logs controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/admin/plugins.php

@@ -4,7 +4,7 @@
  *
  * This is the installed plugins controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/admin/routes.php

@@ -4,7 +4,7 @@
  *
  * This is the admin routes/redirects controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/admin/send_mail.php

@@ -4,7 +4,7 @@
  *
  * This is the admin email controller. The only real use is to send out emails to the various lists.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/admin/settings.php

@@ -4,7 +4,7 @@
  *
  * This is the configuration and settings controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/admin/tokens.php

@@ -4,7 +4,7 @@
  *
  * This is the admin app/user tokens controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/admin/users.php

@@ -4,7 +4,7 @@
  *
  * This is the users admin controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/api/auth.php

@@ -4,7 +4,7 @@
  *
  * This is the api authentication controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/api/login.php

@@ -4,7 +4,7 @@
  *
  * This is the api authentication controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/api/users.php

@@ -4,7 +4,7 @@
  *
  * This is the users' api controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/error.php

@@ -4,7 +4,7 @@
  *
  * This is the error controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/home.php

@@ -4,7 +4,7 @@
  *
  * This is the home or 'index' controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/register.php

@@ -4,7 +4,7 @@
  *
  * This is the user registration controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/controllers/usercp.php

@@ -4,7 +4,7 @@
  *
  * This is the user control panel controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -31,7 +31,7 @@ use TheTempusProject\Bedrock\Functions\Session;
 class Usercp extends Controller {
     public function __construct() {
         parent::__construct();
-        if ( !App::$isLoggedIn ) {
+        if ( ! App::$isLoggedIn ) {
             Session::flash( 'notice', 'You must be logged in to view this page!' );
             Redirect::home();
         }

app/css/debug.css

@@ -3,7 +3,7 @@
  *
  * This is css used in the debuging console.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/css/main-dark.css

@@ -3,7 +3,7 @@
  *
  * This file provides dark mode styles to override existing Bootstrap 5 base styles.
  *
- * @version 3.0-dark
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -12,6 +12,9 @@
 .context-main-border {
     border-color: #f5f5f5!important;
 }
+.context-main-border-other {
+    border-color: #1e1e1e!important;
+}
 
 .context-main-bg {
     background-color: #2c2c2c;

app/css/main.css

@@ -3,7 +3,7 @@
  *
  * This file is for any css that should be applied site wide.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -12,6 +12,9 @@
 .context-main-border {
     border-color: #1e1e1e!important;
 }
+.context-main-border-other {
+    border-color: #f5f5f5!important;
+}
 
 .context-main-bg {
     background-color: #f7f7f7;

app/functions/common.php

@@ -2,7 +2,7 @@
 /**
  * app/functions/common.php
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/js/main.js

@@ -3,11 +3,68 @@
  *
  * This file is for 'access anywhere' javascript.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
  */
+let deferredPrompt;
+const installPrompt = document.getElementById("install-prompt");
+const installButton = document.getElementById("install-button");
+const dismissButton = document.querySelector("#install-prompt .btn-close");
+
+// Check if the user previously dismissed the prompt
+if (!localStorage.getItem("pwaInstallDismissed")) {
+    window.addEventListener("beforeinstallprompt", (event) => {
+        event.preventDefault();
+        deferredPrompt = event;
+        installPrompt.classList.remove("d-none");
+        installPrompt.classList.add("d-block"); // Show the prompt
+    });
+}
+
+// Handle Install Button Click
+if ( installButton ) {
+    installButton.addEventListener("click", async () => {
+        if (deferredPrompt) {
+            deferredPrompt.prompt();
+            const { outcome } = await deferredPrompt.userChoice;
+
+            if (outcome === "dismissed") {
+                setInstallDismissed(); // Store that the user dismissed the prompt
+            }
+
+            deferredPrompt = null; // Reset prompt
+            installPrompt.classList.remove("d-block");
+            installPrompt.classList.add("d-none");
+        }
+    });
+}
+
+// Handle Close Button Click
+if ( dismissButton ) {
+    dismissButton.addEventListener("click", () => {
+        setInstallDismissed(); // Store that the user dismissed the prompt
+    });
+}
+
+// Function to remember user choice for 7 days
+function setInstallDismissed() {
+    localStorage.setItem("pwaInstallDismissed", Date.now() + 7 * 24 * 60 * 60 * 1000);
+    installPrompt.classList.remove("d-block"); // Hide the prompt
+    installPrompt.classList.add("d-none");
+}
+
+// Check if the 7-day period has passed
+if (localStorage.getItem("pwaInstallDismissed")) {
+    const dismissUntil = parseInt(localStorage.getItem("pwaInstallDismissed"), 10);
+    if (Date.now() < dismissUntil) {
+        //
+    } else {
+        localStorage.removeItem("pwaInstallDismissed"); // Reset after 7 days
+    }
+}
+
 /**
  * Automatically selects/de-selects all check boxes associated with that field
  **/
@@ -80,14 +137,14 @@ function copyElementText( id ) {
     }
 }
 
-$(document).ready(function() {
-    $('select').each(function() {
-        var selectedValue = $(this).attr('value');
+document.addEventListener("DOMContentLoaded", function () {
+    document.querySelectorAll("select").forEach(function (select) {
+        var selectedValue = select.getAttribute("value");
         if (selectedValue) {
-            $(this).removeAttr('value');
-            $(this).find('option').each(function() {
-                if ($(this).attr('value') === selectedValue) {
-                    $(this).prop('selected', true);
+            select.removeAttribute("value");
+            select.querySelectorAll("option").forEach(function (option) {
+                if (option.getAttribute("value") === selectedValue) {
+                    option.selected = true;
                 }
             });
         }
@@ -178,12 +235,43 @@ document.addEventListener('DOMContentLoaded', function () {
         });
     }
 
-    function toggleDarkModePref( value ) {
-        var fields = {};
-        fields.prefName = 'darkMode';
-        fields.prefValue = value;
-        $.post( '/usercp/updatePref', fields ).done(function(response) {
-            // alert('Timer updated successfully!');
-        });
+    function toggleDarkModePref(value) {
+        var fields = new URLSearchParams();
+        fields.append("prefName", "darkMode");
+        fields.append("prefValue", value);
+    
+        fetch("/usercp/updatePref", {
+            method: "POST",
+            body: fields,
+            headers: {
+                "Content-Type": "application/x-www-form-urlencoded",
+            },
+        })
+        // .then(response => response.text()) // Handle response if needed
+        .catch(error => console.error("Error:", error));
     }
 });
+
+// this reverses the carets for the folderSelect
+document.querySelectorAll('[data-bs-toggle="collapse"]').forEach(button => {
+    button.addEventListener('click', () => {
+        setTimeout(() => {
+            const icon = button.querySelector('i');
+
+            // Only proceed if the icon already has one of the relevant classes
+            if (icon && (icon.classList.contains('fa-caret-down') || icon.classList.contains('fa-caret-up'))) {
+                icon.classList.toggle('fa-caret-down', button.classList.contains('collapsed'));
+                icon.classList.toggle('fa-caret-up', !button.classList.contains('collapsed'));
+            }
+        }, 150);
+    });
+});
+
+
+// this should load all popovers
+document.addEventListener("DOMContentLoaded", function () {
+    var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
+    var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
+        return new bootstrap.Popover(popoverTriggerEl);
+    });
+});

app/models/group.php

@@ -4,7 +4,7 @@
  *
  * This class is used for the manipulation of the groups database table.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -46,6 +46,14 @@ class Group extends DatabaseModel {
             'pretty' => 'Access Administrator Areas',
             'default' => false,
         ],
+        'uploadImages' => [
+            'pretty' => 'Upload images (such as avatars)',
+            'default' => false,
+        ],
+        'maintenanceAccess' => [
+            'pretty' => 'Upload images (such as avatars)',
+            'default' => false,
+        ],
     ];
     public $resourceMatrix = [
         [

app/models/log.php

@@ -4,7 +4,7 @@
  *
  * Model for handling all logging.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/models/routes.php

@@ -4,7 +4,7 @@
  *
  * This class is used for the manipulation of the routes database table.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/models/sessions.php

@@ -7,7 +7,7 @@
  * Notes: After refactor, the sessions will use ID's for short term, and Cookies
  * will use the token for long term storage
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/models/token.php

@@ -4,7 +4,7 @@
  *
  * This class is used for the manipulation of the tokens database table.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/models/user.php

@@ -8,7 +8,7 @@
  * @todo finish fixing the check functions that were migrated here
  *              These could go in the Forms class?
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -47,12 +47,6 @@ class User extends DatabaseModel {
     public $searchFields = [
         'username',
     ];
-    public $permissionMatrix = [
-        'uploadImages' => [
-            'pretty' => 'Upload images (such as avatars)',
-            'default' => false,
-        ],
-    ];
     public $preferenceMatrix = [
         'gender' => [
             'pretty' => 'Gender',

app/plugins/blog/controllers/admin/blog.php

@@ -5,7 +5,7 @@
  * This is the Blog admin controller.
  *
  * @package TP Blog
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/blog/controllers/blog.php

@@ -5,7 +5,7 @@
  * This is the blog controller.
  *
  * @package TP Blog
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/blog/forms.php

@@ -5,7 +5,7 @@
  * This houses all of the form checking functions for this plugin.
  *
  * @package TP Blog
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/blog/models/posts.php

@@ -5,7 +5,7 @@
  * This class is used for the manipulation of the blog database table.
  *
  * @package TP Blog
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/blog/plugin.php

@@ -5,7 +5,7 @@
  * This houses all of the main plugin info and functionality.
  *
  * @package TP Blog
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/blog/templates/blog.inc.php

@@ -5,7 +5,7 @@
  * This is the loader for the blog template.
  *
  * @package TP Blog
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/blog/templates/blog.tpl

@@ -4,7 +4,7 @@
      * app/plugins/blog/templates/blog.tpl
      *
      * @package TP Blog
-     * @version 3.0
+     * @version 5.0.1
      * @author  Joey Kimsey <Joey@thetempusproject.com>
      * @link    https://TheTempusProject.com
      * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -45,19 +45,19 @@
                     <!-- Navbar Toggler (Left) -->
         
                     <!-- Centered Logo (Now inside normal document flow) -->
-                    <a href="/" class="d-flex align-items-center text-white text-decoration-none d-md-none mx-auto">
+                    <a href="/" class="align-items-center text-white text-decoration-none d-flex d-md-none">
                         <img src="{ROOT_URL}{LOGO}" width="40" height="32" alt="{SITENAME} Logo" class="bi">
                     </a>
         
                     <!-- Logo (Normal Position for Large Screens) -->
-                    <a href="/" class="d-flex align-items-center text-white text-decoration-none d-none d-md-flex">
+                    <a href="/" class="align-items-center text-white text-decoration-none d-none d-md-flex">
                         <img src="{ROOT_URL}{LOGO}" width="40" height="32" alt="{SITENAME} Logo" class="bi">
                     </a>
         
                     <div class="navbar-expand-md flex-grow-1">
                         <div class="collapse navbar-collapse d-md-flex" id="mainMenu">
                             <!-- Centered Navigation -->
-                            <div class="d-none d-md-block d-flex justify-content-center w-100 position-absolute start-50 translate-middle-x">
+                            <div class="d-none d-md-block d-flex justify-content-center position-absolute start-50 translate-middle-x">
                                 {topNavLeft}
                             </div>
                             <div class="d-flex justify-content-center flex-grow-1 d-md-none">
@@ -77,6 +77,7 @@
                 </div>
             </div>
         </header>
+
         <div class="d-flex flex-column min-vh-100">
             <div class="flex-container flex-grow-1">
                 {ISSUES}
@@ -129,7 +130,6 @@
             {FOOT}
         </div>
         <!-- Bootstrap core JavaScript and jquery -->
-        <script language="JavaScript" crossorigin="anonymous" type="text/javascript" src="{JQUERY_CDN}jquery.min.js"></script>
         <script language="JavaScript" crossorigin="anonymous" type="text/javascript" src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
         <script language="JavaScript" crossorigin="anonymous" type="text/javascript" src="{BOOTSTRAP_CDN}js/bootstrap.min.js"></script>
         <!-- Custom javascript for this template -->

app/plugins/blog/templates/rss.inc.php

@@ -5,7 +5,7 @@
  * This is the loader for the rss template.
  *
  * @package TP Blog
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/bugreport/controllers/admin/bugreport.php

@@ -5,7 +5,7 @@
  * This is the bug report admin controller.
  *
  * @package TP BugReports
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/bugreport/controllers/bugreport.php

@@ -5,7 +5,7 @@
  * This is the bug reports controller.
  *
  * @package TP BugReports
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/bugreport/forms.php

@@ -5,7 +5,7 @@
  * This houses all of the form checking functions for this plugin.
  *
  * @package TP BugReports
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/bugreport/models/bugreport.php

@@ -5,7 +5,7 @@
  * This class is used for the manipulation of the bugreports database table.
  *
  * @package TP BugReports
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/bugreport/plugin.php

@@ -5,7 +5,7 @@
  * This houses all of the main plugin info and functionality.
  *
  * @package TP BugReports
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -44,7 +44,7 @@ class Bugreport extends Plugin {
         ],
     ];
     public $permissionMatrix = [
-        'bugReport' => [
+        'canSendBugReports' => [
             'pretty' => 'Can Submit Bug Reports',
             'default' => false,
         ],

app/plugins/comments/controllers/admin/comments.php

@@ -5,7 +5,7 @@
  * This is the comments admin controller.
  *
  * @package TP Comments
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/comments/controllers/moderator.php

@@ -4,7 +4,7 @@
  *
  * This is the Moderator controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/comments/forms.php

@@ -5,7 +5,7 @@
  * This houses all of the form checking functions for this plugin.
  *
  * @package TP Comments
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/comments/models/comments.php

@@ -6,7 +6,7 @@
  * of the comments table.
  *
  * @package TP Comments
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/comments/plugin.php

@@ -5,7 +5,7 @@
  * This houses all of the main plugin info and functionality.
  *
  * @package TP Comments
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/contact/controllers/admin/contact.php

@@ -5,7 +5,7 @@
  * This is the contact admin controller.
  *
  * @package TP Contact
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/contact/controllers/contact.php

@@ -5,7 +5,7 @@
  * This is the home controller for the contact plugin.
  *
  * @package TP Contact
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/contact/forms.php

@@ -5,7 +5,7 @@
  * This houses all of the form checking functions for this plugin.
  *
  * @package TP Contact
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/contact/models/contact.php

@@ -7,7 +7,7 @@
  * @todo  make this send a confirmation email
  *
  * @package TP Contact
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/contact/plugin.php

@@ -5,7 +5,7 @@
  * This houses all of the main plugin info and functionality.
  *
  * @package TP Contact
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -40,7 +40,7 @@ class Contact extends Plugin {
         ],
     ];
     public $permissionMatrix = [
-        'contact' => [
+        'canUseContactForm' => [
             'pretty' => 'Can Submit Contact',
             'default' => true,
         ],

app/plugins/messages/controllers/messages.php

@@ -4,7 +4,7 @@
  *
  * This is the user messages controller.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/messages/models/message.php

@@ -4,7 +4,7 @@
  *
  * Houses all of the functions for the core messaging system.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/messages/plugin.php

@@ -5,7 +5,7 @@
  * This houses all of the main plugin info and functionality.
  *
  * @package TP Messages
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/notifications/controllers/admin/notifications.php

@@ -5,7 +5,7 @@
  * This is the notifications admin controller.
  *
  * @package TP Notifications
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/notifications/controllers/notifications.php

@@ -5,7 +5,7 @@
  * This is the home controller for the notifications plugin.
  *
  * @package TP Notifications
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/notifications/forms.php

@@ -5,7 +5,7 @@
  * This houses all of the form checking functions for this plugin.
  *
  * @package TP Notifications
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/notifications/models/notification.php

@@ -5,7 +5,7 @@
  * This class is used for the manipulation of the notifications database table.
  *
  * @package TP Notifications
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/notifications/plugin.php

@@ -5,7 +5,7 @@
  * This houses all of the main plugin info and functionality.
  *
  * @package TP Notifications
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/subscribe/controllers/admin/subscriptions.php

@@ -5,7 +5,7 @@
  * This is the subscriptions admin controller.
  *
  * @package TP Subscribe
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/subscribe/controllers/subscribe.php

@@ -5,7 +5,7 @@
  * This is the home controller for the subscribe plugin.
  *
  * @package TP Subscribe
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/subscribe/forms.php

@@ -5,7 +5,7 @@
  * This houses all of the form checking functions for this plugin.
  *
  * @package TP Subscribe
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/subscribe/models/subscribe.php

@@ -5,7 +5,7 @@
  * This class is used for the manipulation of the subscribers database table.
  *
  * @package TP Subscribe
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/plugins/subscribe/plugin.php

@@ -5,7 +5,7 @@
  * This houses all of the main plugin info and functionality.
  *
  * @package TP Subscribe
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/resources/controllers/example.php

@@ -4,7 +4,7 @@
  *
  * This is an example controller layout.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/resources/nodels/example.php

@@ -4,7 +4,7 @@
  *
  * This is an example model.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/resources/plugin.php

@@ -5,7 +5,7 @@
  * This houses all of the main plugin info and functionality.
  *
  * @package TP XXXXXXXXXX
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/resources/templates/example.tpl

@@ -3,7 +3,7 @@
     <!--
      * app/resources/templates/example.tpl
      *
-     * @version 3.0
+     * @version 5.0.1
      * @author  Joey Kimsey <Joey@thetempusproject.com>
      * @link    https://TheTempusProject.com
      * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/resources/templates/exanple.inc.php

@@ -4,7 +4,7 @@
  *
  * This is an example loader for the example template.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/templates/admin/admin.inc.php

@@ -4,7 +4,7 @@
  *
  * This is the loader for the admin template.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/templates/admin/admin.tpl

@@ -3,7 +3,7 @@
     <!--
      * app/templates/admin/admin.tpl
      *
-     * @version 3.0
+     * @version 5.0.1
      * @author  Joey Kimsey <Joey@thetempusproject.com>
      * @link    https://TheTempusProject.com
      * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -28,26 +28,34 @@
             <!-- Main Content Area -->
             <div class="d-flex flex-grow-1">
                 <!-- Side Navigation -->
-                <div class="d-flex flex-column flex-shrink-0 p-3 text-bg-dark" style="width: 280px;">
-                    <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-white text-decoration-none">
-                        <img src="{ROOT_URL}{LOGO}" class="bi me-2" width="40" height="32" role="img" aria-label="{SITENAME} Logo">
-                        <span class="fs-4">{SITENAME}</span>
-                    </a>
-                    <hr>
-                    {ADMIN}
-                        {ADMIN_LINKS}
-                    {/ADMIN}
-                    <hr>
-                    <div class="d-flex align-items-center">
-                        {topNavRight}
+                <div class="d-flex flex-column p-md-3 text-bg-dark">
+                    <div class="collapse d-md-block" id="mainMenu">
+                        <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-white text-decoration-none justify-content-center">
+                            <img src="{ROOT_URL}{LOGO}" class="bi me-2" width="40" height="32" role="img" aria-label="{SITENAME} Logo">
+                        </a>
+                        <div class="border-top border-bottom border-white mt-4 mb-2 pt-3 pb-5">
+                            {ADMIN}
+                                {ADMIN_LINKS}
+                            {/ADMIN}
+                        </div>
+                        <div class="d-flex align-items-center p-2">
+                            {topNavRight}
+                        </div>
                     </div>
                 </div>
                 <!-- Center Element -->
                 <div class="flex-grow-1 d-flex flex-column">
                     <!-- Top Navigation Bar -->
                     <div class="p-2 text-bg-dark">
-                        <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
-                            {topNavLeft}
+                        <div class="d-flex justify-content-between justify-content-md-center">
+                            <div class="d-flex flex-wrap align-items-center justify-content-lg-start">
+                                {topNavLeft}
+                            </div>
+                            <div class="mx-3 d-md-none">
+                                <button class="my-3 btn btn-lg btn-outline-light" type="button" data-bs-toggle="collapse" data-bs-target="#mainMenu" aria-controls="mainMenu" aria-expanded="false" aria-label="Toggle navigation">
+                                    <i class="fa fa-bars"></i>
+                                </button>
+                            </div>
                         </div>
                     </div>
 
@@ -66,26 +74,62 @@
                     </div>
         
                     <!-- Footer -->
-                    <footer class="border-top context-main-bg">
-                        <div class="container pb-4 pt-3 align-items-center">
-                            <div class="d-flex justify-content-between align-items-center context-main-bg">
-                                {COPY}
-                                <div class="col-6 col-md-2">
-                                    <div class="material-switch">
+                    <div class="container mt-auto border-top context-main-border">
+                        <footer class="pt-0">
+                            <div class="d-md-block collapse" id="footerMenu">
+                                <div class="d-flex justify-content-between align-items-center py-2 my-2">
+                                    <a href="/" class="text-decoration-none lh-1 d-flex align-items-center px-md-5 mx-md-5">
+                                        <img src="{ROOT_URL}{LOGO}" class="bi me-2" width="40" height="32" alt="Joey Kimsey Logo">
+                                    </a>
+                                    <div class="material-switch d-flex align-items-center">
                                         <input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input">
                                         <label for="dark-mode-toggle" class="label-default"></label>
                                     </div>
+                                    <ul class="list-unstyled d-flex align-items-center mb-0">
+                                        <li class="ms-3">
+                                            <a class="context-main" href="{ROOT_URL}fb">
+                                                <span class="fa-brands fa-fw fa-facebook"></span>
+                                            </a>
+                                        </li>
+                                        <li class="ms-3">
+                                            <a class="context-main" href="{ROOT_URL}twitter">
+                                                <span class="fa-brands fa-fw fa-twitter"></span>
+                                            </a>
+                                        </li>
+                                        <li class="ms-3">
+                                            <a class="context-main" href="{ROOT_URL}in">
+                                                <span class="fa-brands fa-fw fa-linkedin"></span>
+                                            </a>
+                                        </li>
+                                        <li class="ms-3">
+                                            <a class="context-main" href="{ROOT_URL}youtube">
+                                                <span class="fa-brands fa-fw fa-youtube"></span>
+                                            </a>
+                                        </li>
+                                        <li class="ms-3">
+                                            <a class="context-main" href="{ROOT_URL}git">
+                                                <span class="fa-brands fa-fw fa-github"></span>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="d-flex justify-content-center justify-content-md-center text-center text-md-center my-2">
+                                    <span>© 2025 {SITENAME}, Powered by <a href="https://thetempusproject.com" class="text-decoration-none">The Tempus Project</a></span>
                                 </div>
-                                {SOCIAL}
                             </div>
-                        </div>
-                    </footer>
+                            <div class="text-center">
+                                <button class="d-md-none my-3 btn btn-lg context-main context-main-border" type="button" data-bs-toggle="collapse" data-bs-target="#footerMenu" aria-controls="footerMenu" aria-expanded="false" aria-label="Toggle footer navigation">
+                                    <i class="fa fa-bars"></i>
+                                </button>
+                            </div>
+                        </footer>
+                    </div>
+
                 </div>
             </div>
         </div>
 
         <!-- Bootstrap core JavaScript and jquery -->
-        <script language="JavaScript" crossorigin="anonymous" type="text/javascript" src="{JQUERY_CDN}jquery.min.js"></script>
         <script language="JavaScript" crossorigin="anonymous" type="text/javascript" src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
         <script language="JavaScript" crossorigin="anonymous" type="text/javascript" src="{BOOTSTRAP_CDN}js/bootstrap.min.js"></script>
         <!-- Custom javascript for this template -->

app/templates/api/api.inc.php

@@ -4,7 +4,7 @@
  *
  * This is the loader for the admin template.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]

app/templates/default/default.inc.php

@@ -4,7 +4,7 @@
  *
  * This is the loader for the default template.
  *
- * @version 3.0
+ * @version 5.0.1
  * @author  Joey Kimsey <Joey@thetempusproject.com>
  * @link    https://TheTempusProject.com
  * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -19,11 +19,19 @@ use TheTempusProject\Houdini\Classes\Components;
 use TheTempusProject\Bedrock\Classes\Config;
 use TheTempusProject\Bedrock\Functions\Input;
 use TheTempusProject\TheTempusProject as App;
+use Endroid\QrCode\Builder\Builder;
+use Endroid\QrCode\Encoding\Encoding;
+use Endroid\QrCode\ErrorCorrectionLevel;
+use Endroid\QrCode\Label\LabelAlignment;
+use Endroid\QrCode\Label\Font\OpenSans;
+use Endroid\QrCode\RoundBlockSizeMode;
+use Endroid\QrCode\Writer\PngWriter;
+use TheTempusProject\Hermes\Functions\Route as Routes;
+use TheTempusProject\Canary\Bin\Canary as Debug;
 
 class DefaultLoader extends Loader {
     private static $loaded = false;
     const TEMPLATE_NAME = 'Default Tempus Project Template';
-    const JQUERY_CDN = 'https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/';
     const BOOTSTRAP_CDN = 'https://cdn.jsdelivr.net/npm/bootstrap@3.3.6/dist/';
     const FONT_AWESOME_URL = 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/';
 
@@ -36,20 +44,67 @@ class DefaultLoader extends Loader {
         if ( VENDOR_AUTOLOADED === true ) {
             Components::set( 'FONT_AWESOME_URL', '/vendor/fortawesome/font-awesome/css/' );
             Components::set( 'BOOTSTRAP_CDN', '/vendor/twbs/bootstrap/dist/' );
-            Components::set( 'JQUERY_CDN', '/vendor/components/jquery/' );
         } else {
             Components::set( 'BOOTSTRAP_CDN', self::BOOTSTRAP_CDN );
-            Components::set( 'JQUERY_CDN', self::JQUERY_CDN );
             Components::set( 'FONT_AWESOME_URL', self::FONT_AWESOME_URL );
         }
         $this->addJs( '<script language="JavaScript" crossorigin="anonymous" type="text/javascript" src="{ROOT_URL}app/js/main.js"></script>' );
         Components::setIfNull( 'LOGO', Config::getValue( 'main/logo' ) ?? TP_DEFAULT_LOGO );
+
+        if ( ! empty( Config::getValue( 'share/enabled' ) ) ) {
+            $currentUrl = Routes::getAddress() . Input::get( 'url' );
+            $folder = IMAGE_DIRECTORY   . 'qr-codes' . DIRECTORY_SEPARATOR ;
+            $filename = md5( $currentUrl ) . '.png';
+    
+            if ( ! file_exists( $folder ) ) {
+                Debug::Info( 'Creating Directory because it does not exist' );
+                mkdir( $folder, 0777, true );
+            }
+            if ( ! empty( Config::getValue( 'share/qr' ) ) ) {
+                if ( ! file_exists( $folder . $filename ) ) {
+                    Debug::Info( 'Creating qr-image because it does not exist' );
+                    $builder = new Builder(
+                        writer: new PngWriter(),
+                        writerOptions: [],
+                        validateResult: false,
+                        data: Routes::getAddress() . Input::get( 'url' ),
+                        encoding: new Encoding('UTF-8'),
+                        errorCorrectionLevel: ErrorCorrectionLevel::High,
+                        size: 200,
+                        margin: 10,
+                        roundBlockSizeMode: RoundBlockSizeMode::Margin,
+                        logoPath: APP_ROOT_DIRECTORY . DIRECTORY_SEPARATOR . Config::getValue( 'main/logo' ),
+                        logoResizeToWidth: 30,
+                        logoPunchoutBackground: true,
+                        labelText: Config::getValue( 'main/name' ),
+                        labelFont: new OpenSans(14),
+                        labelAlignment: LabelAlignment::Center
+                    );
+                    $result = $builder->build();
+                    $result->saveToFile( $folder . $filename );
+                }
+                Components::set( 'QR_CODE','<img src="{ROOT_URL}images/qr-codes/' . $filename . '" alt="QR Code" class="img-fluid mb-2">' );
+            } else {
+                Components::setIfNull( 'QR_CODE', '' );
+            }
+            Components::setIfNull( 'SHARE_IMAGE', Views::simpleView( 'footer.share' ) );
+        } else {
+            Components::setIfNull( 'SHARE_IMAGE', '' );
+        }
+
+        if ( ! empty( Config::getValue( 'main/pwa' ) ) ) {
+            Components::setIfNull( 'PWA', Views::simpleView( 'pwa') );
+        } else {
+            Components::setIfNull( 'PWA', '' );
+        }
+
         Components::setIfNull( 'COPY', Views::simpleView( 'footer.copy') );
         Components::setIfNull( 'SOCIAL', Views::simpleView( 'footer.social') );
         Components::prepend( 'FOOTER_LEFT', Views::simpleView( 'footer.left', Navigation::getMenuLinks( App::CONTACT_FOOTER_MENU_NAME ) ) );
         Components::prepend( 'FOOTER_CENTER', Views::simpleView( 'footer.center', Navigation::getMenuLinks( App::INFO_FOOTER_MENU_NAME ) ) );
         Components::prepend( 'FOOTER_RIGHT', Views::simpleView( 'footer.right') );
         Components::setIfNull( 'FOOT', Views::simpleView( 'footer.container') );
+
         /**
          * Top-Nav
          */

app/templates/default/default.tpl

@@ -3,7 +3,7 @@
     <!--
      * app/templates/default/default.tpl
      *
-     * @version 3.0
+     * @version 5.0.1
      * @author  Joey Kimsey <Joey@thetempusproject.com>
      * @link    https://TheTempusProject.com
      * @license https://opensource.org/licenses/MIT [MIT LICENSE]
@@ -91,6 +91,7 @@
                     </div>
                 </div>
                 {/ISSUES}
+                {PWA}
                 <!-- Main Page Content -->
                 {CONTENT}
             </div>
@@ -100,7 +101,6 @@
         <!-- User Pref to control Dark mode across frontend and backend -->
         <input type="hidden" name="dark-mode-pref" id="dark-mode-pref" value="{DARK_MODE_SETTING}">
         <!-- Bootstrap core JavaScript and jquery -->
-        <script crossorigin="anonymous" src="{JQUERY_CDN}jquery.min.js"></script>
         <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
         <script crossorigin="anonymous" src="{BOOTSTRAP_CDN}js/bootstrap.min.js"></script>
         <!-- Custom javascript for this template -->

app/views/admin/images/list/combined.html

@@ -0,0 +1,30 @@
+<div class="container py-5 context-main-bg">
+    <div class="d-flex justify-content-between align-items-center">
+        {ADMIN_BREADCRUMBS}
+        <a href="{ROOT_URL}admin/images/upload" class="btn btn-sm btn-primary">Create</a>
+    </div>
+    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
+        {LOOP}
+            <div class="col">
+                <div class="card h-100 shadow-sm context-other-bg">
+                    <div class="d-flex justify-content-center align-items-center context-other-bg" style="height: 250px;">
+                        <img src="{url}" class="img-fluid p-2" style="max-width: 100%; max-height: 100%; object-fit: contain;">
+                    </div>
+                    <div class="card-body context-third-bg d-flex flex-column">
+                        <div class="flex-grow-1">
+                            <div class="d-flex justify-content-between align-items-center">
+                                <div class="">
+                                    <a href="{ROOT_URL}admin/images/view?fileLocation={locationSafe}" class="btn btn-sm btn-outline-primary">View</a>
+                                    <a href="{url}" class="btn btn-sm btn-outline-primary" target="_blank">Open</a>
+                                    <a href="{ROOT_URL}admin/images/rename?fileLocation={locationSafe}" class="btn btn-sm btn-outline-warning">Rename</a>
+                                    <a href="{ROOT_URL}admin/images/delete?fileLocation={locationSafe}" class="btn btn-sm btn-outline-danger">Delete</a>
+                                </div>
+                                <small class="text-muted">{filename}</small>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        {/LOOP}
+    </div>
+</div>

app/views/admin/images/rename.html

@@ -0,0 +1,35 @@
+<div class="context-main-bg context-main p-3">
+    <legend class="text-center">Rename Image</legend>
+    <hr>
+    {ADMIN_BREADCRUMBS}
+    <form method="post">
+        <fieldset>
+            <!-- Name -->
+            <div class="mb-3 row">
+                <label for="nickname" class="col-lg-6 col-form-label text-end">Location:</label>
+                <div class="col-lg-2">
+                    <input type="hidden" class="form-control" name="filelocation" id="filelocation" value="{filelocation}">
+                    <strong>
+                        {filelocation}
+                    </strong>
+                </div>
+            </div>
+            
+            <!-- Forward URL -->
+            <div class="mb-3 row">
+                <label for="newname" class="col-lg-6 col-form-label text-end">New filename ( Extensions cannot be modified ):</label>
+                <div class="col-lg-2">
+                    <input type="text" class="form-control" name="newname" id="newname" required>
+                </div>
+            </div>
+
+            <!-- Hidden Token -->
+            <input type="hidden" name="token" value="{TOKEN}">
+
+            <!-- Submit Button -->
+            <div class="text-center">
+                <button type="submit" name="submit" value="submit" class="btn btn-primary btn-lg">Save</button>
+            </div>
+        </fieldset>
+    </form>
+</div>

app/views/admin/images/upload.html

@@ -0,0 +1,29 @@
+
+
+
+<div class="container p-4 context-main-bg mb-4 text-center">
+    <h3 class="mb-4">Image Upload</h3>
+    <hr>
+    <div class="row justify-content-center">
+        <div class="col-md-6">
+            <form method="post" enctype="multipart/form-data">
+                <fieldset>
+                    <div class="mb-3 row">
+                        <label for="avatar" class="h4 col-lg-6 col-form-label text-start text-lg-end">Image</label>
+                        <div class="col-lg-6">
+                            <input type="file" class="form-control" name="uploadImage" id="uploadImage">
+                        </div>
+                    </div>
+                    <div class="mb-3 row">
+                        <span class="h4 col-lg-6 col-form-label text-start text-lg-end">Destination Folder</span>
+                        <div class="col-lg-6">
+                            {FOLDER_SELECT}
+                        </div>
+                    </div>
+                </fieldset>
+                <input type="hidden" name="token" value="{TOKEN}">
+                <button name="submit" value="submit" type="submit" class="btn btn-lg btn-primary center-block">Update</button><br>
+            </form>
+        </div>
+    </div>
+</div>

app/views/admin/images/view.html

@@ -0,0 +1,66 @@
+<div class="container py-4">
+    <div class="row justify-content-center">
+        <div class="col-md-8">
+            {ADMIN_BREADCRUMBS}
+            <div class="card shadow">
+                <!-- Card Header -->
+                <div class="card-header text-center bg-dark text-white">
+                    <h3 class="card-title mb-0">{filename}</h3>
+                </div>
+
+                <!-- Card Body -->
+                <div class="card-body">
+                    <div class="row align-items-center">
+                        <!-- User Image -->
+                        <div class="col-md-4 text-center">
+                            <img src="{url}" alt="User Pic" class="img-fluid" style="max-width: 150px;">
+                        </div>
+
+                        <!-- User Details -->
+                        <div class="col-md-8">
+                            <table class="table table-borderless">
+                                <tbody>
+                                    <tr>
+                                        <th scope="row">filename</th>
+                                        <td>{filename}</td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">extension</th>
+                                        <td>{extension}</td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">fileSize</th>
+                                        <td>{fileSize}</td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">location</th>
+                                        <td>{location}</td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">url</th>
+                                        <td>{url}</td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">folder</th>
+                                        <td>{folder}</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+                <!-- Admin Controls -->
+                <div class="card-footer text-center">
+                    {ADMIN}
+                    <a href="{ROOT_URL}admin/images/rename?fileLocation={locationSafe}" class="btn btn-warning btn-sm me-2" data-bs-toggle="tooltip" title="Rename image">
+                        <i class="fa fa-fw fa-pencil"></i>
+                    </a>
+                    <a href="{ROOT_URL}admin/images/delete?fileLocation={locationSafe}" class="btn btn-danger btn-sm" data-bs-toggle="tooltip" title="Delete image">
+                        <i class="fa fa-fw fa-trash"></i>
+                    </a>
+                    {/ADMIN}
+                </div>
+            </div>
+        </div>
+    </div>
+</div>