Merge pull request #340 from hargata/Hargata/user.suggested.improvement

Bug Fixes

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,30 @@
+---
+name: Bug report
+about: Report a bug
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Checklist**
+Please make sure you have performed the following steps before opening a new bug ticket, change `[ ]` to `[x]` to mark it as done
+
+- [ ] I have read and tried the steps outlined in the [Troubleshooting Guide](https://docs.lubelogger.com/Troubleshooting)
+- [ ] I have searched through existing issues.
+
+**Description**
+<!-- Describe the bug below this line -->
+
+**Platform**
+- [ ] Docker Image
+- [ ] Windows Standalone Executable
+
+**Browser Console Errors(F12)**
+<!-- Attach a screenshot or codeblock containing the browser console error -->
+
+**App/Container Console Error**
+<!-- Attach a screenshot or codeblock containing the app/container console error -->
+
+**Screenshots(optional)**
+<!-- Attach a screenshot describing the bug -->

Controllers/LoginController.cs

@@ -45,10 +45,17 @@ namespace CarCareTracker.Controllers
         }
         public IActionResult GetRemoteLoginLink()
         {
-            var remoteAuthURL = _config.GetOpenIDConfig().RemoteAuthURL;
+            var remoteAuthConfig = _config.GetOpenIDConfig();
+            var generatedState = Guid.NewGuid().ToString().Substring(0, 8);
+            remoteAuthConfig.State = generatedState;
+            if (remoteAuthConfig.ValidateState)
+            {
+                Response.Cookies.Append("OIDC_STATE", remoteAuthConfig.State, new CookieOptions { Expires = new DateTimeOffset(DateTime.Now.AddMinutes(5)) });
+            }
+            var remoteAuthURL = remoteAuthConfig.RemoteAuthURL;
             return Json(remoteAuthURL);
         }
-        public async Task<IActionResult> RemoteAuth(string code)
+        public async Task<IActionResult> RemoteAuth(string code, string state = "")
         {
             try
             {
@@ -58,6 +65,20 @@ namespace CarCareTracker.Controllers
                     //create http client to retrieve user token from OIDC
                     var httpClient = new HttpClient();
                     var openIdConfig = _config.GetOpenIDConfig();
+                    //check if validate state is enabled.
+                    if (openIdConfig.ValidateState)
+                    {
+                        var storedStateValue = Request.Cookies["OIDC_STATE"];
+                        if (!string.IsNullOrWhiteSpace(storedStateValue))
+                        {
+                            Response.Cookies.Delete("OIDC_STATE");
+                        }
+                        if (string.IsNullOrWhiteSpace(storedStateValue) || string.IsNullOrWhiteSpace(state) || storedStateValue != state)
+                        {
+                            _logger.LogInformation("Failed OIDC State Validation - Try disabling state validation if you are confident this is not a malicious attempt.");
+                            return new RedirectResult("/Login");
+                        }
+                    }
                     var httpParams = new List<KeyValuePair<string, string>>
                 {
                      new KeyValuePair<string, string>("code", code),

Models/OIDC/OpenIDConfig.cs

@@ -9,6 +9,8 @@
         public string TokenURL { get; set; }
         public string RedirectURL { get; set; }
         public string Scope { get; set; }
-        public string RemoteAuthURL { get { return $"{AuthURL}?client_id={ClientId}&response_type=code&redirect_uri={RedirectURL}&scope={Scope}"; } }
+        public string State { get; set; }
+        public bool ValidateState { get; set; } = false;
+        public string RemoteAuthURL { get { return $"{AuthURL}?client_id={ClientId}&response_type=code&redirect_uri={RedirectURL}&scope={Scope}&state={State}"; } }
     }
 }

README.md

@@ -1,12 +1,8 @@
 ![image](https://github.com/hargata/lubelog/assets/155338622/545debcd-d80a-44da-b892-4c652ab0384a)
 
-A self-hosted, open-source vehicle service records and maintenance tracker.
+Self-Hosted, Open-Source, Web-Based Vehicle Maintenance and Fuel Mileage Tracker
 
-Visit our website: https://lubelogger.com
-
-Support this project by [Subscribing on Patreon](https://patreon.com/LubeLogger) or [Making a Donation](https://buy.stripe.com/aEU9Egc8DdMc9bO144)
-
-Note: Commercial users are required to maintain an active Patreon subscripton to be compliant with our licensing model.
+Website: https://lubelogger.com
 
 ## Why
 Because nobody should have to deal with a homemade spreadsheet or a shoebox full of receipts when it comes to vehicle maintenance.
@@ -19,14 +15,14 @@ Because nobody should have to deal with a homemade spreadsheet or a shoebox full
 ## Demo
 Try it out before you download it! The live demo resets every 20 minutes.
 
-[Live Demo - Latest Stable](https://demo.lubelogger.com) Login using username "test" and password "1234"
+[Live Demo](https://demo.lubelogger.com) Login using username "test" and password "1234"
 
 ## Download
-LubeLogger is distributed both as a Docker image or a Windows Standalone Executable.
+LubeLogger is available as both a Docker Image and a Windows Standalone Executable.
 
 Read this [Getting Started Guide](https://docs.lubelogger.com/Getting%20Started) on how to download either of them
 
-### Docker Setup (Manual Build)
+### Docker Setup (Manual Build for Advanced Users)
 1. Install Docker
 2. Clone this repo
 3. CHECK culture in .env file, default is en_US, also setup SMTP for user management if you want that.
@@ -35,6 +31,13 @@ Read this [Getting Started Guide](https://docs.lubelogger.com/Getting%20Started)
 6. If using traefik, use docker-compose.traefik.yml
 7. Run `docker-compose up`
 
+### Need Help?
+[Documentation](https://docs.lubelogger.com/)
+
+[Troubleshooting Guide](https://docs.lubelogger.com/Troubleshooting)
+
+[Search Existing Issues](https://github.com/hargata/lubelog/issues)
+
 ## Dependencies
 - Bootstrap
 - LiteDB
@@ -44,3 +47,11 @@ Read this [Getting Started Guide](https://docs.lubelogger.com/Getting%20Started)
 - CsvHelper
 - Chart.js
 - Drawdown
+
+## License
+LubeLogger utilizes a dual-licensing model, see [License](/LICENSE) for more information
+
+## Support
+Support this project by [Subscribing on Patreon](https://patreon.com/LubeLogger) or [Making a Donation](https://buy.stripe.com/aEU9Egc8DdMc9bO144)
+
+Note: Commercial users are required to maintain an active Patreon subscripton to be compliant with our licensing model.

Views/Home/_Settings.cshtml

@@ -201,7 +201,7 @@
             <img src="/defaults/lubelogger_logo.png" />
         </div>
         <div class="d-flex justify-content-center">
-            <small class="text-body-secondary">Version 1.2.2</small>
+            <small class="text-body-secondary">Version 1.2.3</small>
         </div>
         <p class="lead">
             Proudly developed in the rural town of Price, Utah by Hargata Softworks.

Views/Vehicle/_CollisionRecords.cshtml

@@ -68,7 +68,7 @@
             <tbody>
                 @foreach (CollisionRecord collisionRecord in Model)
                 {
-                    <tr class="d-flex user-select-none" style="cursor:pointer;" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@collisionRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditCollisionRecordModal,@collisionRecord.Id)" data-tags='@string.Join(" ", collisionRecord.Tags)'>
+                    <tr class="d-flex user-select-none" style="cursor:pointer;" onmouseup="stopEvent()" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@collisionRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditCollisionRecordModal,@collisionRecord.Id)" data-tags='@string.Join(" ", collisionRecord.Tags)'>
                         <td class="col-2 col-xl-1">@collisionRecord.Date.ToShortDateString()</td>
                         <td class="col-2">@collisionRecord.Mileage</td>
                         <td class="col-3 col-xl-4">@collisionRecord.Description</td>

Views/Vehicle/_Gas.cshtml

@@ -112,7 +112,7 @@
             <tbody>
                 @foreach (GasRecordViewModel gasRecord in Model.GasRecords)
                 {
-                    <tr class="d-flex user-select-none" style="cursor:pointer;" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@gasRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditGasRecordModal,@gasRecord.Id)" data-tags='@string.Join(" ", gasRecord.Tags)'>
+                    <tr class="d-flex user-select-none" style="cursor:pointer;" onmouseup="stopEvent()" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@gasRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditGasRecordModal,@gasRecord.Id)" data-tags='@string.Join(" ", gasRecord.Tags)'>
                         <td class="col-2">@gasRecord.Date</td>
                         <td class="col-2" data-gas-type="mileage" data-gas-aggregate="@gasRecord.DeltaMileage" data-gas-original="@gasRecord.Mileage">@gasRecord.Mileage</td>
                         <td class="col-1">@(gasRecord.DeltaMileage == default ? "---" : gasRecord.DeltaMileage)</td>

Views/Vehicle/_Notes.cshtml

@@ -44,7 +44,7 @@
             <tbody>
                 @foreach (Note note in Model)
                 {
-                    <tr class="d-flex user-select-none" style="cursor:pointer;" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@note.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditNoteModal,@note.Id)" data-tags='@string.Join(" ", note.Tags)'>
+                    <tr class="d-flex user-select-none" style="cursor:pointer;" onmouseup="stopEvent()" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@note.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditNoteModal,@note.Id)" data-tags='@string.Join(" ", note.Tags)'>
                         @if (note.Pinned)
                         {
                             <td class="col-3"><i class='bi bi-pin-fill me-2'></i>@note.Description</td>

Views/Vehicle/_OdometerRecords.cshtml

@@ -65,7 +65,7 @@
             <tbody>
                 @foreach (OdometerRecord odometerRecord in Model)
                 {
-                    <tr class="d-flex user-select-none" style="cursor:pointer;" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@odometerRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditOdometerRecordModal,@odometerRecord.Id)" data-tags='@string.Join(" ", odometerRecord.Tags)'>
+                    <tr class="d-flex user-select-none" style="cursor:pointer;" onmouseup="stopEvent()" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@odometerRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditOdometerRecordModal,@odometerRecord.Id)" data-tags='@string.Join(" ", odometerRecord.Tags)'>
                         <td class="col-2 col-xl-1">@odometerRecord.Date.ToShortDateString()</td>
                         <td class="col-3" data-record-type="cost">@odometerRecord.Mileage</td>
                         <td class="col-7 col-xl-8 text-truncate">@CarCareTracker.Helper.StaticHelper.TruncateStrings(odometerRecord.Notes, 75)</td>

Views/Vehicle/_ReminderRecords.cshtml

@@ -45,7 +45,7 @@
             <tbody>
                 @foreach (ReminderRecordViewModel reminderRecord in Model)
                 {
-                    <tr class="d-flex user-select-none" style="cursor:pointer;" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@reminderRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditReminderRecordModal,@reminderRecord.Id)">
+                    <tr class="d-flex user-select-none" style="cursor:pointer;" onmouseup="stopEvent()" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@reminderRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditReminderRecordModal,@reminderRecord.Id)">
                         @if (reminderRecord.Urgency == ReminderUrgency.VeryUrgent)
                         {
                             <td class="col-1"><span class="badge text-bg-danger">@translator.Translate(userLanguage, "Very Urgent")</span></td>

Views/Vehicle/_ServiceRecords.cshtml

@@ -68,7 +68,7 @@
             <tbody>
                 @foreach (ServiceRecord serviceRecord in Model)
                 {
-                    <tr class="d-flex user-select-none" style="cursor:pointer;" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@serviceRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditServiceRecordModal,@serviceRecord.Id)" data-tags='@string.Join(" ", serviceRecord.Tags)'>
+                    <tr class="d-flex user-select-none" style="cursor:pointer;" onmouseup="stopEvent()" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@serviceRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditServiceRecordModal,@serviceRecord.Id)" data-tags='@string.Join(" ", serviceRecord.Tags)'>
                         <td class="col-2 col-xl-1">@serviceRecord.Date.ToShortDateString()</td>
                         <td class="col-2">@serviceRecord.Mileage</td>
                         <td class="col-3 col-xl-4">@serviceRecord.Description</td>

Views/Vehicle/_SupplyRecords.cshtml

@@ -70,7 +70,7 @@
             <tbody>
                 @foreach (SupplyRecord supplyRecord in Model)
                 {
-                    <tr class="d-flex user-select-none" style="cursor:pointer;" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@supplyRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditSupplyRecordModal,@supplyRecord.Id)" data-tags='@string.Join(" ", supplyRecord.Tags)'>
+                    <tr class="d-flex user-select-none" style="cursor:pointer;" onmouseup="stopEvent()" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@supplyRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditSupplyRecordModal,@supplyRecord.Id)" data-tags='@string.Join(" ", supplyRecord.Tags)'>
                         <td class="col-2 col-xl-1">@supplyRecord.Date.ToShortDateString()</td>
                         <td class="col-2">@supplyRecord.PartNumber</td>
                         <td class="col-2">@supplyRecord.PartSupplier</td>

Views/Vehicle/_TaxRecords.cshtml

@@ -67,7 +67,7 @@
             <tbody>
                 @foreach (TaxRecord taxRecord in Model)
                 {
-                    <tr class="d-flex user-select-none" style="cursor:pointer;" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@taxRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditTaxRecordModal,@taxRecord.Id)" data-tags='@string.Join(" ", taxRecord.Tags)'>
+                    <tr class="d-flex user-select-none" style="cursor:pointer;" onmouseup="stopEvent()" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@taxRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditTaxRecordModal,@taxRecord.Id)" data-tags='@string.Join(" ", taxRecord.Tags)'>
                         <td class="col-3 col-xl-1">@taxRecord.Date.ToShortDateString()</td>
                         <td class="col-4 col-xl-6">@taxRecord.Description</td>
                         <td class="col-2" data-record-type="cost">@((hideZero && taxRecord.Cost == default) ? "---" : taxRecord.Cost.ToString("C"))</td>

Views/Vehicle/_UpgradeRecords.cshtml

@@ -68,7 +68,7 @@
             <tbody>
                 @foreach (UpgradeRecord upgradeRecord in Model)
                 {
-                    <tr class="d-flex user-select-none" style="cursor:pointer;" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@upgradeRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditUpgradeRecordModal,@upgradeRecord.Id)" data-tags='@string.Join(" ", upgradeRecord.Tags)'>
+                    <tr class="d-flex user-select-none" style="cursor:pointer;" onmouseup="stopEvent()" ontouchstart="detectRowLongTouch(this)" ontouchend="detectRowTouchEndPremature(this)" data-rowId="@upgradeRecord.Id" oncontextmenu="showTableContextMenu(this)" onmousemove="rangeMouseMove(this)" onclick="handleTableRowClick(this, showEditUpgradeRecordModal,@upgradeRecord.Id)" data-tags='@string.Join(" ", upgradeRecord.Tags)'>
                         <td class="col-2 col-xl-1">@upgradeRecord.Date.ToShortDateString()</td>
                         <td class="col-2">@upgradeRecord.Mileage</td>
                         <td class="col-3 col-xl-4">@upgradeRecord.Description</td>

docs/index.html

@@ -2,6 +2,7 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<link rel="icon" type="image/x-icon" href="favicon.ico">
     <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>
@@ -30,7 +31,7 @@
                 <div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="#features">Features</a></div>
                 <div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="#demo">Demo</a></div>
                 <div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="#download">Download</a></div>
-                <div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="https://docs.lubelogger.com">Docs</a></div>
+                <div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="https://docs.lubelogger.com">Documentation</a></div>
                 <div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="https://github.com/hargata/lubelog">GitHub Repo</a></div>
             </div>
 			<hr>
@@ -42,12 +43,12 @@
             <div class="row">
                 <div id="carouselGallery" class="carousel slide">
                     <div class="carousel-indicators">
-                      <button type="button" data-bs-target="#carouselGallery" data-bs-slide-to="0" class="active" aria-current="true"></button>
-                      <button type="button" data-bs-target="#carouselGallery" data-bs-slide-to="1"></button>
-                      <button type="button" data-bs-target="#carouselGallery" data-bs-slide-to="2"></button>
-                      <button type="button" data-bs-target="#carouselGallery" data-bs-slide-to="3"></button>
-                      <button type="button" data-bs-target="#carouselGallery" data-bs-slide-to="4"></button>
-                      <button type="button" data-bs-target="#carouselGallery" data-bs-slide-to="5"></button>
+                      <button type="button" data-bs-target="#carouselGallery" style='background-color: #fff' data-bs-slide-to="0" class="active" aria-current="true"></button>
+                      <button type="button" data-bs-target="#carouselGallery" style='background-color: #fff' data-bs-slide-to="1"></button>
+                      <button type="button" data-bs-target="#carouselGallery" style='background-color: #fff' data-bs-slide-to="2"></button>
+                      <button type="button" data-bs-target="#carouselGallery" style='background-color: #fff' data-bs-slide-to="3"></button>
+                      <button type="button" data-bs-target="#carouselGallery" style='background-color: #fff' data-bs-slide-to="4"></button>
+                      <button type="button" data-bs-target="#carouselGallery" style='background-color: #fff' data-bs-slide-to="5"></button>
                     </div>
                     <div class="carousel-inner">
                       <div class="carousel-item active">
@@ -94,11 +95,11 @@
                       </div>
                     </div>
                     <button class="carousel-control-prev" type="button" data-bs-target="#carouselGallery" data-bs-slide="prev">
-                      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                      <span class="carousel-control-prev-icon" style='filter:inherit;' aria-hidden="true"></span>
                       <span class="visually-hidden">Previous</span>
                     </button>
                     <button class="carousel-control-next" type="button" data-bs-target="#carouselGallery" data-bs-slide="next">
-                      <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                      <span class="carousel-control-next-icon" style='filter:inherit;' aria-hidden="true"></span>
                       <span class="visually-hidden">Next</span>
                     </button>
                   </div>
@@ -141,7 +142,7 @@
             </div>
             <div class="col-12 d-flex justify-content-center">
                 <p class="lead">
-                    Live demo available <a href="https://demo.lubelogger.com">here</a>
+                    Live demo available <a class='link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover' href="https://demo.lubelogger.com">here</a>
                 </p>
             </div>
             <div class="col-12 d-flex justify-content-center">
@@ -151,44 +152,20 @@
             <hr>
             <div class="row" id="download">
                 <div class="col-12 d-flex justify-content-center">
-                    <h6 class="display-6 text-center">Where to Download</h6>
+                    <h6 class="display-6 text-center">Download</h6>
                 </div>
             </div>
             <div class="row">
                 <div class="col-12 d-flex justify-content-center">
                     <p class="lead">
-                        LubeLogger is released exclusively as a Docker Image via the GitHub Container Repository(GHCR)
+                        LubeLogger is available as both a Docker Image and a Windows Standalone Executable(EXE)
                     </p>
                 </div>
                 <div class="col-12 d-flex justify-content-center">
                     <p class="lead">
-                        To pull down the Docker Image, run
+                        Read this <a class='link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover' href='https://docs.lubelogger.com/Getting%20Started'>Getting Started Guide</a> on how to download either of them
                     </p>
                 </div>
-                <div class="col-12 d-flex justify-content-center">
-                    <p><code>docker pull ghcr.io/hargata/lubelogger:latest</code></p>
-                </div>
-                <div class="col-12 d-flex justify-content-center">
-                    <p class="lead">
-                        Check the <a href="https://github.com/hargata/lubelog/" target="_blank">GitHub repository</a> and clone the "docker-compose.yml" and ".env" file onto your computer.
-                    </p>
-                </div>
-                <div class="col-12 d-flex justify-content-center">
-                    <p class="lead">
-                        Navigate to the directory where those two files are located, then run
-                    </p>
-                </div>
-                <div class="col-12 d-flex justify-content-center">
-                    <p><code>docker-compose up</code></p>
-                </div>
-                <div class="col-12 d-flex justify-content-center">
-                    <p class="lead">
-                        Navigate to the URL the service is listening on, the default is
-                    </p>
-                </div>
-                <div class="col-12 d-flex justify-content-center">
-                    <p><code>http://localhost:8080</code></p>
-                </div>
             </div>
             <hr>
             <div class="row">
@@ -196,15 +173,11 @@
                     <h6 class="display-6 text-center">About</h6>
                 </div>
                 <div class="col-12 d-flex justify-content-center">
-                    <p class="lead">LubeLogger is proudly developed in Price Utah by Hargata Softworks.
+                    <p class="lead">LubeLogger is proudly developed in <a class='link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover' href="https://www.visitutah.com/Places-To-Go/Cities-and-Towns/Price" target="_blank">Price Utah</a> by <a class='link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover' href='mailto:hargatasoftworks@gmail.com'>Hargata Softworks</a>
                     </p>
                 </div>
                 <div class="col-12 d-flex justify-content-center">
-                    <p class="lead"><a href="https://www.patreon.com/LubeLogger">Support us on Patreon</a>
-                    </p>
-                </div>
-                <div class="col-12 d-flex justify-content-center">
-                    <p class="lead">For more information regarding Price Utah, click <a href="https://www.visitutah.com/Places-To-Go/Cities-and-Towns/Price" target="_blank">here</a>
+                    <p class="lead"><a class='link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover' href="https://www.patreon.com/LubeLogger">Support us on Patreon</a> or <a class='link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover' href='https://buy.stripe.com/aEU9Egc8DdMc9bO144'>Donate on Stripe</a>
                     </p>
                 </div>
             </div>

wwwroot/js/shared.js

@@ -663,6 +663,9 @@ function isRightClick(e) {
     }
     return false;
 }
+function stopEvent() {
+    event.stopPropagation();
+}
 function rangeMouseUp(e) {
     if ($(".table-context-menu").length > 0) {
         $(".table-context-menu").hide();

wwwroot/lib/bootstrap-tagsinput/bootstrap-tagsinput.js

@@ -299,8 +299,7 @@
         if (self.$element.attr('disabled')) {
           self.$input.attr('disabled', 'disabled');
           return;
-        }
-
+          }
         switch (event.which) {
           // BACKSPACE
           case 8:
@@ -339,7 +338,38 @@
               $nextTag.after($inputWrapper);
               $input.focus();
             }
-            break;
+                break;
+            //COPY EVENT
+            case 67:
+                if (event.ctrlKey) {
+                    event.preventDefault();
+                    navigator.clipboard.writeText(self.itemsArray.join(" "));
+                }
+                break;
+            //PASTE EVENT
+            case 86:
+                if (event.ctrlKey) {
+                    setTimeout(function () {
+                        var pastedString = $input.val();
+                        //clear pasted string.
+                        $input.val('');
+                        //process input one by one.
+                        if (pastedString.length > 0) {
+                            var tagsToAdd = pastedString.split(" ");
+                            tagsToAdd.forEach(x => {
+                                self.add(x);
+                            })
+                        }
+                    }, 250);
+                }
+                break;
+            //ENTER EVENT
+            case 13:
+            case 32:
+                var tagToAdd = $input.val();
+                $input.val('');
+                self.add(tagToAdd);
+                break;
          default:
              // ignore
          }
@@ -351,61 +381,18 @@
         $input.attr('size', Math.max(this.inputSize, size));
       }, self));
 
-        self.$container.on('input', 'input', $.proxy(function (event) {
-            if (event.originalEvent.data == undefined) {
-                var $input = $(event.target);
-                var text = $input.val(),
-                    maxLengthReached = self.options.maxChars && text.length >= self.options.maxChars;
-                if (self.options.freeInput && (keyCombinationInList(event, self.options.confirmKeys) || maxLengthReached)) {
-                    //check if confirm keys are in input and then replace them.
-                    text = text.replace(String.fromCharCode(event.which), "")
-                    // Only attempt to add a tag if there is data in the field
-                    if (text.length !== 0) {
-                        self.add(maxLengthReached ? text.substr(0, self.options.maxChars) : text);
-                        $input.val('');
-                    }
-
-                    // If the field is empty, let the event triggered fire as usual
-                    if (self.options.cancelConfirmKeysOnEmpty === false) {
-                        event.preventDefault();
-                    }
-                }
-                var textLength = $input.val().length,
-                    wordSpace = Math.ceil(textLength / 5),
-                    size = textLength + wordSpace + 1;
-                $input.attr('size', Math.max(this.inputSize, size));
-            };
-        }));
-
-      self.$container.on('keypress', 'input', $.proxy(function(event) {
-         var $input = $(event.target);
-
-         if (self.$element.attr('disabled')) {
-            self.$input.attr('disabled', 'disabled');
-            return;
-         }
-         var text = $input.val(),
-         maxLengthReached = self.options.maxChars && text.length >= self.options.maxChars;
-         if (self.options.freeInput && (keyCombinationInList(event, self.options.confirmKeys) || maxLengthReached)) {
-             //check if confirm keys are in input and then replace them.
-             text = text.replace(String.fromCharCode(event.which), "")
-             // Only attempt to add a tag if there is data in the field
-             if (text.length !== 0) {
-               self.add(maxLengthReached ? text.substr(0, self.options.maxChars) : text);
-               $input.val('');
-            }
-
-            // If the field is empty, let the event triggered fire as usual
-            if (self.options.cancelConfirmKeysOnEmpty === false) {
-               event.preventDefault();
-            }
-         }
-
-         // Reset internal input's size
-         var textLength = $input.val().length,
-            wordSpace = Math.ceil(textLength / 5),
-            size = textLength + wordSpace + 1;
-         $input.attr('size', Math.max(this.inputSize, size));
+      self.$container.on('input', 'input', $.proxy(function(event) {
+          var $input = $(event.target);
+          //check if the previous inserted value was a space.
+          var text = $input.val();
+          if (text.length > 0) {
+              var lastChar = text.charAt(text.length - 1);
+              if (lastChar == " ") {
+                  text = text.replace(" ", "");
+                  self.add(text);
+                  $input.val('');
+              }
+          }
       }, self));
 
       // Remove icon clicked
@@ -562,33 +549,4 @@
     }
     return (iCaretPos);
   }
-
-  /**
-    * Returns boolean indicates whether user has pressed an expected key combination.
-    * @param object keyPressEvent: JavaScript event object, refer
-    *     http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
-    * @param object lookupList: expected key combinations, as in:
-    *     [13, {which: 188, shiftKey: true}]
-    */
-  function keyCombinationInList(keyPressEvent, lookupList) {
-      var found = false;
-      $.each(lookupList, function (index, keyCombination) {
-          if (typeof (keyCombination) === 'number' && keyPressEvent.which === keyCombination) {
-              found = true;
-              return false;
-          }
-
-          if (keyPressEvent.which === keyCombination.which) {
-              var alt = !keyCombination.hasOwnProperty('altKey') || keyPressEvent.altKey === keyCombination.altKey,
-                  shift = !keyCombination.hasOwnProperty('shiftKey') || keyPressEvent.shiftKey === keyCombination.shiftKey,
-                  ctrl = !keyCombination.hasOwnProperty('ctrlKey') || keyPressEvent.ctrlKey === keyCombination.ctrlKey;
-              if (alt && shift && ctrl) {
-                  found = true;
-                  return false;
-              }
-          }
-      });
-
-      return found;
-  }
 })(window.jQuery);