removed auth html.

This commit is contained in:
DESKTOP-T0O5CDB\DESK-555BD 2024-01-23 17:14:53 -07:00
parent 147a1b03a7
commit b453bfce5b
5 changed files with 0 additions and 224 deletions

View File

@ -1,59 +0,0 @@
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>LubeLogger</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<style>
.customCarouselCaption{
background-image: linear-gradient(to bottom, rgba(255,0,0,0), #000);
padding-top: 3rem;
color: #fff !important
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-2">
<div class="d-flex justify-content-center">
<img src="lubelogger_logo.png"/>
</div>
<hr />
<div class="list-group">
<a class="list-group-item list-group-item-action" href="index.html">Getting Started</a>
<a class="list-group-item list-group-item-action" href="locale.html">Changing Locale/Culture</a>
<a class="list-group-item active list-group-item-action" href="auth.html">Setup Authentication/Multiple Users</a>
<a class="list-group-item list-group-item-action" href="share.html">Sharing Vehicles</a>
<a class="list-group-item list-group-item-action" href="csv.html">CSV Import/Export</a>
<a class="list-group-item list-group-item-action" href="api.html">API</a>
</div>
</div>
<div class="col-10" style="height:65vh; overflow-y:auto;">
<span class="display-6">Setup Authentication and Multiple Users</span>
<hr />
<span class="lead">Root User</span>
<p>
Authentication is disabled by default in LubeLogger. To enable authentication, navigate to the "Settings" tab and check "Enable Authentication".<br>
A dialog will pop up prompting you to enter a Username and Password. These are the credentials for the "Root User", i.e.: the SuperUser.<br>
Once you have set up your credentials, the app will you out to a Login screen, login using the credentials you just created.<br>
There will now be a dropdown tab to the right of "Settings", click on it and you will see two options: "Admin Panel" and "Logout"
</p>
<span class="lead">Multiple Users</span>
<p>
Before you get started, it is highly recommended that you set up a SMTP server(though not required) as it will greatly automate the User's Registration Process.<br>
If you have an SMTP server, you can set it up in LubeLogger using the variables within <code>.env</code><br>
To set up new users, you must first have their email address on hand as the registration process is invite-only by design.<br>
Navigate to the "Admin Panel" and select "Generate New Token". A dialog will prompt you to enter the email address of the user.<br>
If you have SMTP set up, there will be a switch right next to the button that says "Auto Notify(via Email)", this switch is only enabled with valid SMTP settings.<br>
Enter the user's email address, and a new token will be generated and emailed to them if SMTP is set up, otherwise you will have to send it to them manually.<br>
The user can then navigate to your LubeLogger instance, click the "Register" link under the "Login" button and type in their details including the token they received.<br>
Note: It is important that their email address matches the email address the token is issued to, otherwise they will receive an Invalid Token error.<br>
Once the user has registered their account, they will then be able to login and start adding their own vehicles<br>
</p>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>

View File

@ -1,61 +0,0 @@
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>LubeLogger</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<style>
.customCarouselCaption{
background-image: linear-gradient(to bottom, rgba(255,0,0,0), #000);
padding-top: 3rem;
color: #fff !important
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-2">
<div class="d-flex justify-content-center">
<img src="lubelogger_logo.png"/>
</div>
<hr />
<div class="list-group">
<a class="list-group-item active list-group-item-action" href="index.html">Getting Started</a>
<a class="list-group-item list-group-item-action" href="locale.html">Changing Locale/Culture</a>
<a class="list-group-item list-group-item-action" href="auth.html">Setup Authentication/Multiple Users</a>
<a class="list-group-item list-group-item-action" href="share.html">Sharing Vehicles</a>
<a class="list-group-item list-group-item-action" href="csv.html">CSV Import/Export</a>
<a class="list-group-item list-group-item-action" href="api.html">API</a>
</div>
</div>
<div class="col-10" style="height:65vh; overflow-y:auto;">
<span class="display-6">Getting Started</span>
<hr />
<span class="lead">Docker</span>
<p>
The Docker container is the most reliable way of getting LubeLogger up and running.<br>
To get started, you must first have Docker Desktop installed, which can be found <a href="https://www.docker.com/products/docker-desktop/">here</a>.<br>
Once Docker is installed and Virtualization is enabled on your computer(usually at the BIOS level), navigate to <a href="https://github.com/hargata/lubelog">LubeLogger's GitHub Repository</a><br>
The two files that you will need to download from the repository are <code>.env</code> and <code>docker-compose.yml</code><br>
The .env file contains all of the environment variables LubeLogger uses such as Culture and SMTP setup.<br>
The docker-compose.yml file contains instructions that tells Docker how to build the container.<br>
<br>
To pull(download) the pre-built Docker image and run it, you just have run the following commands:<br>
<code>
docker pull ghcr.io/hargata/lubelogger:latest<br>
docker-compose up
</code><br><br>
LubeLogger's server instance will be started on the default <code>http://localhost:8080</code> and you can navigate to it to continue setting it up.
</p>
<span class="lead">No Virtualization Solutions</span>
<p>
Starting 1.0.2 all distribution of LubeLogger is done exclusively through Docker images.<br>
Pre-compiled standalone executables for Windows/Mac/Linux can be be requested, <a href="mailto:hargatasoftworks@gmail.com">contact us</a> for more information.
</p>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>

View File

@ -1,57 +0,0 @@
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>LubeLogger</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<style>
.customCarouselCaption{
background-image: linear-gradient(to bottom, rgba(255,0,0,0), #000);
padding-top: 3rem;
color: #fff !important
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-2">
<div class="d-flex justify-content-center">
<img src="lubelogger_logo.png"/>
</div>
<hr />
<div class="list-group">
<a class="list-group-item list-group-item-action" href="index.html">Getting Started</a>
<a class="list-group-item active list-group-item-action" href="locale.html">Changing Locale/Culture</a>
<a class="list-group-item list-group-item-action" href="auth.html">Setup Authentication/Multiple Users</a>
<a class="list-group-item list-group-item-action" href="share.html">Sharing Vehicles</a>
<a class="list-group-item list-group-item-action" href="csv.html">CSV Import/Export</a>
<a class="list-group-item list-group-item-action" href="api.html">API</a>
</div>
</div>
<div class="col-10" style="height:65vh; overflow-y:auto;">
<span class="display-6">Changing Locale</span>
<hr />
<p>
The culture/locale for LubeLogger is configured in the <code>.env file</code>
<br>
You should see the following when you open up the <code>.env</code> file in Notepad<br><br>
<code>
LC_ALL=en_US.UTF-8<br>
LANG=en_US.UTF-8
</code><br><br>
All you have to do is change en_US to any culture you'd like such as <code>de_DE</code><br>
Re-build the container and LubeLogger should start displaying currencies and date formats in your culture.
</p>
<span class="lead">Important Note</span>
<p>
If you have already set up LubeLogger in en_US culture and have inputted data in it before switching over a culture that uses "," for decimals<br>
you will most likely run into issues where existing data in the system gets returned as thousands.<br>
The culture should stay consistent for as long as you plan to use LubeLogger.
</p>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.1 KiB

View File

@ -1,47 +0,0 @@
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>LubeLogger</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<style>
.customCarouselCaption{
background-image: linear-gradient(to bottom, rgba(255,0,0,0), #000);
padding-top: 3rem;
color: #fff !important
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-2">
<div class="d-flex justify-content-center">
<img src="lubelogger_logo.png"/>
</div>
<hr />
<div class="list-group">
<a class="list-group-item list-group-item-action" href="index.html">Getting Started</a>
<a class="list-group-item list-group-item-action" href="locale.html">Changing Locale/Culture</a>
<a class="list-group-item list-group-item-action" href="auth.html">Setup Authentication/Multiple Users</a>
<a class="list-group-item active list-group-item-action" href="share.html">Sharing Vehicles</a>
<a class="list-group-item list-group-item-action" href="csv.html">CSV Import/Export</a>
<a class="list-group-item list-group-item-action" href="api.html">API</a>
</div>
</div>
<div class="col-10" style="height:65vh; overflow-y:auto;">
<span class="display-6">Sharing Vehicles</span>
<hr />
<span class="lead">Adding Collaborators to Vehicles</span>
<p>
By default, users are not able to see other user's vehicles. To share a vehicle with another user, simply click into the vehicle.<br>
Make sure that you are on the "Dash" or "Dashboard" tab, and look to the bottom left where there is a little panel called "Collaborators".<br>
To add a collaborator, simply click the "Add" button on the right and type in the username of the user you wish to share this vehicle with.<br>
If the username is valid the user will be added as a collaborator and they can now view and edit the vehicle.<br>
</p>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>