<?php ini_set( 'display_errors', 1 ); ini_set( 'display_startup_errors', 1 ); error_reporting( E_ALL ); require_once( __DIR__ . "/../components/initialize/class.initialize.php" ); Initialize::get_instance(); $components = scandir( COMPONENTS ); unset( $components["."], $components[".."] ); // Theme $theme = THEME; if( isset( $_SESSION['theme'] ) ) { $theme = $_SESSION['theme']; } ?> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content=" width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title><?php echo SITE_NAME;?></title> <?php // Load System CSS Files $stylesheets = array( "jquery.toastmessage.css", "reset.css", "fonts.css", "screen.css" ); foreach( $stylesheets as $sheet ) { if( file_exists( THEMES . "/". $theme . "/" . $sheet ) ) { echo( '<link rel="stylesheet" href="../themes/' . $theme . '/' . $sheet . '?v=' . Update::get_version() . '">' ); } } if( file_exists( THEMES . "/". $theme . "/favicon.ico" ) ) { echo( '<link rel="icon" href="' . THEMES . '/' . $theme . '/favicon.ico" type="image/x-icon" />' ); } else { echo( '<link rel="icon" href="../assets/images/favicon.ico" type="image/x-icon" />' ); } ?> <style> #installation { right: 50%; position: fixed; top: 30%; transform: translate( 50%,-50% ); width: 50%; } @media only screen and (max-width: 650px) { #installation { width: 80%; } } </style> <script src="../assets/js/jquery-3.5.1.js"></script> <script src="../assets/js/codiad.js"></script> <script src="../assets/js/events.js"></script> <script src="../assets/js/loading.js"></script> <script src="../assets/js/common.js"></script> <script src="../assets/js/forms.js"></script> </head> <body> <div id="installation"> </div> <script> ( function( global, $ ) { $( document ).ready( function() { let dbconditions = { storage: { values: [ { action: "hide", value: "filesystem", }, { action: "show", value: "mysql", }, { action: "show", value: "pgsql", } ], }, }; let d = { permissions: { default: "false", element: $( '<pre>Checking ...</pre>' ), label: "Permission Checks: ", name: "permissions", type: "custom", }, storage: { default: "true", element: $( '<select></select>' ), label: "Data Storage Method: ", name: "storage", options: { "Filesystem": "filesystem", "MySQL": "mysql", "PostgreSQL": "pgsql", }, type: "select", }, dbhost: { conditions: $.extend( true, {}, dbconditions ), default: "localhost", label: "Database Host: ", type: "text", }, dbname: { conditions: $.extend( true, {}, dbconditions ), default: "", label: "Database Name: ", type: "text", }, dbuser: { conditions: $.extend( true, {}, dbconditions ), default: "", label: "Database User: ", type: "text", }, dbpass: { conditions: $.extend( true, {}, dbconditions ), default: "", label: "Database Password: ", type: "text", }, dbpass1: { conditions: $.extend( true, {}, dbconditions ), default: "", label: "Repeat Password: ", type: "text", }, }; let form = new codiad.forms({ data: d, container: $( "#installation" ), submit_label: "Check Data Storage Method", }); form.submit = function() { console.log( "Submitted ..." ); } }); })( this, jQuery ); </script> </body> </html>