Bootstrap 5 + Darkmode changes

This commit is contained in:
Joey Kimsey
2024-12-11 02:08:53 -05:00
parent a0726e6578
commit aaefd66350
32 changed files with 677 additions and 1251 deletions

View File

@ -1,39 +1,35 @@
{installer-nav}
<br>
<br>
<form action="" method="post" class="form-horizontal">
<fieldset>
<div class="form-group">
<label for="newUsername" class="col-lg-6 control-label">Username:</label>
<div class="col-lg-2">
<input class="form-control" type="text" name="newUsername" id="newUsername" value="">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10 pt-4">
<form action="" method="post" class="form-horizontal">
<fieldset>
<div class="mb-3 col-md-4 offset-md-4">
<label for="newUsername" class="form-label">Username:</label>
<input class="form-control" type="text" name="newUsername" id="newUsername" value="">
</div>
<div class="mb-3 col-md-4 offset-md-4">
<label for="userEmail" class="form-label">Email:</label>
<input class="form-control" type="email" name="userEmail" id="userEmail" value="">
</div>
<div class="mb-3 col-md-4 offset-md-4">
<label for="userEmail2" class="form-label">Re-enter Email:</label>
<input class="form-control" type="email" name="userEmail2" id="userEmail2" value="">
</div>
<div class="mb-3 col-md-4 offset-md-4">
<label for="userPassword" class="form-label">Password:</label>
<input class="form-control" type="password" name="userPassword" id="userPassword">
</div>
<div class="mb-3 col-md-4 offset-md-4">
<label for="userPassword2" class="form-label">Re-enter Password:</label>
<input class="form-control" type="password" name="userPassword2" id="userPassword2">
</div>
</fieldset>
<input type="hidden" name="token" value="{TOKEN}">
<div class="text-center">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Complete</button>
</div>
</form>
</div>
</div>
<div class="form-group">
<label for="userEmail" class="col-lg-6 control-label">Email:</label>
<div class="col-lg-2">
<input class="form-control" type="email" name="userEmail" id="userEmail" value="">
</div>
</div>
<div class="form-group">
<label for="userEmail2" class="col-lg-6 control-label">Re-enter Email:</label>
<div class="col-lg-2">
<input class="form-control" type="email" name="userEmail2" id="userEmail2" value="">
</div>
</div>
<div class="form-group">
<label for="userPassword" class="col-lg-6 control-label">Password:</label>
<div class="col-lg-2">
<input class="form-control" type="password" name="userPassword" id="userPassword">
</div>
</div>
<div class="form-group">
<label for="userPassword2" class="col-lg-6 control-label">Re-enter Password:</label>
<div class="col-lg-2">
<input class="form-control" type="password" name="userPassword2" id="userPassword2">
</div>
</div>
</fieldset>
<input type="hidden" name="token" value="{TOKEN}">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Install</button><br>
</form>
</div>

View File

@ -1,14 +1,16 @@
{installer-nav}
<br>
<br>
<form action="" method="post" class="form-horizontal">
<div class="form-group">
<center>
<div class="install-terms">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10">
<div class="install-terms col-lg-8 mx-auto mt-4">
{TERMS}
</div>
</center>
<div class="text-center my-4">
<form method="post">
<input type="hidden" name="token" value="{TOKEN}">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">I Agree</button><br>
</form>
</div>
</div>
</div>
<input type="hidden" name="token" value="{TOKEN}">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">I agree</button><br>
</form>
</div>

View File

@ -1,15 +1,23 @@
{installer-nav}
<h2>Requirements</h2>
<ul>
<li>PHP version greater than 5.6</li>
<li>Session storage must be enabled</li>
<li>PHP mail must be enabled.</li>
<li>Safe mode must be disabled.</li>
<li>Rewrite rule must be on</li>
<li>file uploads must be on</li>
<li>mysql_pdo must be enabled</li>
</ul>
<form action="" method="post" class="form-horizontal">
<input type="hidden" name="token" value="{TOKEN}">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Check</button><br>
</form>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10">
<h2 class="mt-4">Requirements</h2>
<ul>
<li>PHP version greater than 5.6</li>
<li>Session storage must be enabled</li>
<li>PHP mail must be enabled.</li>
<li>Safe mode must be disabled.</li>
<li>Rewrite rule must be on</li>
<li>file uploads must be on</li>
<li>mysql_pdo must be enabled</li>
</ul>
<div class="text-center">
<form action="" method="post" class="form-horizontal">
<input type="hidden" name="token" value="{TOKEN}">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Check</button><br>
</form>
</div>
</div>
</div>
</div>

View File

@ -1,3 +1,32 @@
<h1>Success</h1>
<h3>The Tempus Project has been successfully installed. You can now log in and manage your site or jump straight in to building your new features!</h3>
<p>here there should be some basic info readout.</p>
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<!-- Success Icon -->
<div class="mb-4">
<i class="fa fa-check-circle text-success display-3"></i>
</div>
<!-- Title -->
<h1 class="display-5 fw-bold text-success">Success</h1>
<!-- Subtitle -->
<h3 class="mt-3">
The Tempus Project has been successfully installed.
</h3>
<p class="lead mt-3">
You can now log in and manage your site or jump straight into building your new features!
</p>
<!-- Info Readout Placeholder -->
<p class="mt-4 text-muted">
<em>Some plugins may need additional configuration and there are already some pre-made resources to get you started. (Both in the files and the Admin Panel)</em>
</p>
<!-- Call-to-Action Buttons -->
<div class="d-flex justify-content-center gap-3 mt-4">
<a href="/login" class="btn btn-success btn-lg">
<i class="fa fa-sign-in-alt me-2"></i> Log In
</a>
<a href="/dashboard" class="btn btn-outline-success btn-lg">
<i class="fa fa-cogs me-2"></i> Go to Dashboard
</a>
</div>
</div>
</div>
</div>

View File

@ -1,50 +1,44 @@
{installer-nav}
<br>
<form action="" method="post" class="form-horizontal" enctype="multipart/form-data">
<fieldset>
<div class="form-group">
<label for="siteName" class="col-lg-6 control-label">Site Name:</label>
<div class="col-lg-2">
<input class="form-control" type="text" name="siteName" id="siteName" value="">
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10">
<legend class="my-3 text-center">Configure</legend>
<form action="" method="post" enctype="multipart/form-data">
<fieldset>
<div class="mb-3 col-md-4 offset-md-4">
<label for="siteName" class="form-label">Site Name:</label>
<input class="form-control" type="text" name="siteName" id="siteName" value="">
</div>
<div class="mb-3 col-md-4 offset-md-4">
<label for="logo" class="form-label">Logo (200 x 200px):</label>
<input class="form-control" type="file" name="logo" id="logo">
</div>
<div class="mb-3 col-md-4 offset-md-4">
<label for="dbPrefix" class="form-label">Database Table Prefix:</label>
<input class="form-control" type="text" name="dbPrefix" id="dbPrefix" value="">
</div>
<div class="mb-3 col-md-4 offset-md-4">
<label for="dbHost" class="form-label">Database Host:</label>
<input class="form-control" type="text" name="dbHost" id="dbHost" value="">
</div>
<div class="mb-3 col-md-4 offset-md-4">
<label for="dbName" class="form-label">Database Name:</label>
<input class="form-control" type="text" name="dbName" id="dbName" value="">
</div>
<div class="mb-3 col-md-4 offset-md-4">
<label for="dbUsername" class="form-label">Database Username:</label>
<input class="form-control" type="text" name="dbUsername" id="dbUsername" value="">
</div>
<div class="mb-3 col-md-4 offset-md-4">
<label for="dbPassword" class="form-label">Database Password:</label>
<input class="form-control" type="password" name="dbPassword" id="dbPassword">
</div>
</fieldset>
<input type="hidden" name="token" value="{TOKEN}">
<div class="text-center mb-3">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Save</button><br>
</div>
</form>
</div>
<div class="form-group">
<label for="logo" class="col-lg-6 control-label">Logo (200 x 200px):</label>
<div class="col-lg-3">
<input class="form-control" type="file" name="logo" id="logo">
</div>
</div>
<div class="form-group">
<label for="dbPrefix" class="col-lg-6 control-label">Database Table Prefix:</label>
<div class="col-lg-2">
<input class="form-control" type="text" name="dbPrefix" id="dbPrefix" value="">
</div>
</div>
<div class="form-group">
<label for="dbHost" class="col-lg-6 control-label">Database Host:</label>
<div class="col-lg-2">
<input class="form-control" type="text" name="dbHost" id="dbHost" value="">
</div>
</div>
<div class="form-group">
<label for="dbName" class="col-lg-6 control-label">Database Name:</label>
<div class="col-lg-2">
<input class="form-control" type="text" name="dbName" id="dbName" value="">
</div>
</div>
<div class="form-group">
<label for="dbUsername" class="col-lg-6 control-label">Database Username:</label>
<div class="col-lg-2">
<input class="form-control" type="text" name="dbUsername" id="dbUsername" value="">
</div>
</div>
<div class="form-group">
<label for="dbPassword" class="col-lg-6 control-label">Database Password:</label>
<div class="col-lg-2">
<input class="form-control" type="password" name="dbPassword" id="dbPassword">
</div>
</div>
</fieldset>
<input type="hidden" name="token" value="{TOKEN}">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Configure</button><br>
</form>
</div>
</div>

View File

@ -1,31 +1,37 @@
{installer-nav}
<br>
<p>All models are required for proper installation of The Tempus Project. In this step, we will add the database tables required for these models. In the next step, you'll be able to select which plugins you would like installed.</p>
<br>
<form action="" method="post" class="form-horizontal">
<table class="table table-striped">
<thead>
<tr>
<th style="width: 70%">Model Name</th>
<th style="width: 20%">Version</th>
</tr>
</thead>
<tbody>
{LOOP}
<tr>
<td>{name}</td>
<td>{version}</td>
</tr>
{/LOOP}
{ALT}
<tr>
<td align="center" colspan="3">
No models to install.
</td>
</tr>
{/ALT}
</tbody>
</table>
<input type="hidden" name="token" value="{TOKEN}">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Install</button><br>
</form>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10">
<p class="my-4">All models are required for proper installation of The Tempus Project. In this step, we will add the database tables required for these models. In the next step, you'll be able to select which plugins you would like installed.</p>
<form action="" method="post" class="form-horizontal">
<table class="table table-striped">
<thead>
<tr>
<th class="px-5" style="width: 70%">Model Name</th>
<th class="text-center" style="width: 20%">Version</th>
</tr>
</thead>
<tbody>
{LOOP}
<tr>
<td class="px-5">{name}</td>
<td class="text-center">{version}</td>
</tr>
{/LOOP}
{ALT}
<tr>
<td class="text-center" colspan="3">
No models to install.
</td>
</tr>
{/ALT}
</tbody>
</table>
<input type="hidden" name="token" value="{TOKEN}">
<div class="text-center">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Install</button>
</div>
</form>
</div>
</div>
</div>

View File

@ -1,12 +1,12 @@
<ul class="nav nav-tabs nav-justified" role="tablist" style="margin-top: 55px">
<li class="nav-link {menu-Welcome}"><a href="#">Welcome</a></li>
<li class="nav-link {menu-Terms}"><a href="#">Terms</a></li>
<li class="nav-link {menu-Verify}"><a href="#">Verify</a></li>
<li class="nav-link {menu-Configure}"><a href="#">Configure</a></li>
<li class="nav-link {menu-Routing}"><a href="#">Routing</a></li>
<li class="nav-link {menu-Models}"><a href="#">Models</a></li>
<li class="nav-link {menu-Plugins}"><a href="#">Plugins</a></li>
<li class="nav-link {menu-Resources}"><a href="#">Resources</a></li>
<li class="nav-link {menu-User}"><a href="#">User</a></li>
<li class="nav-link {menu-Complete}"><a href="#">Complete</a></li>
<ul class="nav nav-tabs justify-content-center" role="tablist">
<li class="nav-item {menu-Welcome}"><a href="#" class="nav-link">Welcome</a></li>
<li class="nav-item {menu-Terms}"><a href="#" class="nav-link">Terms</a></li>
<li class="nav-item {menu-Verify}"><a href="#" class="nav-link">Verify</a></li>
<li class="nav-item {menu-Configure}"><a href="#" class="nav-link">Configure</a></li>
<li class="nav-item {menu-Routing}"><a href="#" class="nav-link">Routing</a></li>
<li class="nav-item {menu-Models}"><a href="#" class="nav-link">Models</a></li>
<li class="nav-item {menu-Plugins}"><a href="#" class="nav-link">Plugins</a></li>
<li class="nav-item {menu-Resources}"><a href="#" class="nav-link">Resources</a></li>
<li class="nav-item {menu-User}"><a href="#" class="nav-link">User</a></li>
<li class="nav-item {menu-Complete}"><a href="#" class="nav-link">Complete</a></li>
</ul>

View File

@ -1,37 +1,45 @@
{installer-nav}
<br>
<p>The Tempus Project was built to utilize all of the plugins provided with the installer. You can choose not to enable any one of them, but it may negatively impact the operation of your site..</p>
<br>
<form action="" method="post" class="form-horizontal">
<table class="table table-striped">
<thead>
<tr>
<th style="width: 70%">Plugin Name</th>
<th style="width: 20%">Version</th>
<th style="width: 10%">
<INPUT type="checkbox" onchange="checkAll(this)" name="check.m" value="P_[]" checked="checked"/>
</th>
</tr>
</thead>
<tbody>
{LOOP}
<tr>
<td>{name}</td>
<td>{version}</td>
<td>
<input type="checkbox" value="{name}" name="P_[]" checked="checked">
</td>
</tr>
{/LOOP}
{ALT}
<tr>
<td align="center" colspan="3">
No models to install.
</td>
</tr>
{/ALT}
</tbody>
</table>
<input type="hidden" name="token" value="{TOKEN}">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Install</button><br>
</form>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10">
<p class="my-4">
The Tempus Project was built to utilize all of the plugins provided with the installer. You can choose not to enable any one of them, but it may negatively impact the operation of your site.
</p>
<form action="" method="post" class="form-horizontal">
<table class="table table-striped">
<thead>
<tr>
<th class="px-5" style="width: 70%">Plugin Name</th>
<th class="text-center" style="width: 20%">Version</th>
<th class="text-center" style="width: 10%">
<INPUT type="checkbox" onchange="checkAll(this)" name="check.m" value="P_[]" checked="checked"/>
</th>
</tr>
</thead>
<tbody>
{LOOP}
<tr>
<td class="px-5">{name}</td>
<td class="text-center">{version}</td>
<td class="text-center">
<input type="checkbox" value="{name}" name="P_[]" checked="checked">
</td>
</tr>
{/LOOP}
{ALT}
<tr>
<td align="center" colspan="3">
No models to install.
</td>
</tr>
{/ALT}
</tbody>
</table>
<input type="hidden" name="token" value="{TOKEN}">
<div class="text-center mb-3">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Install</button>
</div>
</form>
</div>
</div>
</div>

View File

@ -1,10 +1,16 @@
{installer-nav}
<br>
<br>
<p>Some models such as groups will need additional database resources and configurations to function properly. In this step, we will install those features.</p>
<br>
<br>
<form action="" method="post" class="form-horizontal">
<input type="hidden" name="token" value="{TOKEN}">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Install Resources</button><br>
</form>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10">
<p class="my-4">
Some models such as groups will need additional database resources and configurations to function properly. In this step, we will install those features.
</p>
<form action="" method="post" class="">
<input type="hidden" name="token" value="{TOKEN}">
<div class="text-center my-3">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Install Resources</button>
</div>
</form>
</div>
</div>
</div>

View File

@ -1,14 +1,18 @@
{installer-nav}
<br>
<br>
<p>The Tempus Project uses rewrites in htaccess files (Apache), or location directives (Nginx), to automatically route all incoming traffic through the app. In this step, we will help set-up and then test that the required configurations have been made.</p>
<h3>Apache Users</h3>
<p>In this step, we will attempt to generate the appropriate files for Apache servers.</p>
<h3>Nginx Users</h3>
<p>If you are using Nginx, you will need to update your server's configuration manually. Please see the documentation, for convenience, an example configuration has been provided with TheTempusProject and can be found in the app/resources directory.</p>
<br>
<br>
<form action="" method="post" class="form-horizontal">
<input type="hidden" name="token" value="{TOKEN}">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Generate</button><br>
</form>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10">
<p class="mt-4">The Tempus Project uses rewrites in htaccess files (Apache), or location directives (Nginx), to automatically route all incoming traffic through the app. In this step, we will help set-up and then test that the required configurations have been made.</p>
<h3>Apache Users</h3>
<p>In this step, we will attempt to generate the appropriate files for Apache servers.</p>
<h3>Nginx Users</h3>
<p>If you are using Nginx, you will need to update your server's configuration manually. Please see the documentation, for convenience, an example configuration has been provided with TheTempusProject and can be found in the app/resources directory.</p>
<form action="" method="post" class="form-horizontal">
<input type="hidden" name="token" value="{TOKEN}">
<div class="text-center">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Generate</button><br>
</div>
</form>
</div>
</div>
</div>

View File

@ -1,11 +1,13 @@
{installer-nav}
<h1>Welcome to The Tempus Project Installer.</h1>
<p>This installer will guide you through the process of installing and configuring The Tempus Project. Do not forget to delete this file once you have completed installation.</p>
<br>
<br>
<br>
<br>
<form action="" method="post" class="form-horizontal">
<input type="hidden" name="token" value="{TOKEN}">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Begin Installation</button><br>
</form>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10 text-center">
{installer-nav}
<h1 class="mt-4">Welcome to The Tempus Project Installer.</h1>
<p>This installer will guide you through the process of installing and configuring The Tempus Project. Do not forget to delete this file once you have completed installation.</p>
<form method="post">
<input type="hidden" name="token" value="{TOKEN}">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" value="submit">Begin Installation</button><br>
</form>
</div>
</div>
</div>