Skip to content

Commit 571e87d

Browse files
hargatahargata
authored
Merge pull request #673 from hargata/Hargata/update.docs
Update screenshots and docs site.
2 parents cff5f8e + 22eb387 commit 571e87d

18 files changed

+106
-29
lines changed

‎Views/Home/_AccountModal.cshtml

+7-2
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,13 @@
1717
<input type="text" id="inputUsername" class="form-control" placeholder="@translator.Translate(userLanguage, "Account Username")" value="@Model.UserName">
1818
<label for="inputEmail">@translator.Translate(userLanguage, "Email Address")</label>
1919
<input type="text" id="inputEmail" class="form-control" placeholder="@translator.Translate(userLanguage, "Email Address")" value="@Model.EmailAddress">
20-
<label for="inputPassword">@translator.Translate(userLanguage, "New Password")</label>
21-
<input type="password" id="inputPassword" class="form-control" placeholder="@translator.Translate(userLanguage, "New Password")" value="">
20+
<label for="inputPassword">@translator.Translate(userLanguage, "New Password")</label>
21+
<div class="input-group">
22+
<input type="password" id="inputPassword" class="form-control" placeholder="@translator.Translate(userLanguage, "New Password")" value="">
23+
<div class="input-group-text">
24+
<button type="button" class="btn btn-sm text-secondary password-visible-button" onclick="togglePasswordVisibility(this)"><i class="bi bi-eye"></i></button>
25+
</div>
26+
</div>
2227
<label for="inputToken">@translator.Translate(userLanguage, "Token")</label>
2328
<input type="text" id="inputToken" class="form-control" placeholder="@translator.Translate(userLanguage, "Token")" value="">
2429
<div class="row">

‎Views/Home/_RootAccountModal.cshtml

+6-1
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,12 @@
1616
<label for="inputUsername">@translator.Translate(userLanguage, "Username")</label>
1717
<input type="text" id="inputUsername" class="form-control" placeholder="@translator.Translate(userLanguage, "Account Username")" value="@Model.UserName">
1818
<label for="inputPassword">@translator.Translate(userLanguage, "Password")</label>
19-
<input type="password" id="inputPassword" class="form-control" placeholder="@translator.Translate(userLanguage, "Password")" value="">
19+
<div class="input-group">
20+
<input type="password" id="inputPassword" class="form-control" placeholder="@translator.Translate(userLanguage, "Password")" value="">
21+
<div class="input-group-text">
22+
<button type="button" class="btn btn-sm text-secondary password-visible-button" onclick="togglePasswordVisibility(this)"><i class="bi bi-eye"></i></button>
23+
</div>
24+
</div>
2025
</div>
2126
</form>
2227
</div>

‎Views/Login/ForgotPassword.cshtml

+2-2
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@
1212
<script src="~/js/[email protected]"></script>
1313
}
1414
<div class="container d-flex align-items-center justify-content-center" style="height:100vh">
15-
<div class="row">
16-
<div class="col-12">
15+
<div>
16+
<div style="max-width:204px;">
1717
<img src="@logoUrl" />
1818
<div class="form-group">
1919
<label for="inputUserName">@translator.Translate(userLanguage, "Username")</label>

‎Views/Login/Index.cshtml

+9-4
Original file line numberDiff line numberDiff line change
@@ -15,16 +15,21 @@
1515
<script src="~/js/[email protected]"></script>
1616
}
1717
<div class="container d-flex align-items-center justify-content-center" style="height:100vh">
18-
<div class="row">
19-
<div class="col-12">
18+
<div>
19+
<div style="max-width:204px;">
2020
<img src="@logoUrl" />
2121
<div class="form-group">
2222
<label for="inputUserName">@translator.Translate(userLanguage, "Username")</label>
2323
<input type="text" id="inputUserName" class="form-control">
2424
</div>
2525
<div class="form-group">
26-
<label for="inputUserPassword">@translator.Translate(userLanguage, "Password")</label>
27-
<input type="password" id="inputUserPassword" onkeyup="handlePasswordKeyPress(event)" class="form-control">
26+
<label for="inputUserPassword">@translator.Translate(userLanguage, "Password")</label>
27+
<div class="input-group">
28+
<input type="password" id="inputUserPassword" onkeyup="handlePasswordKeyPress(event)" class="form-control">
29+
<div class="input-group-text">
30+
<button type="button" class="btn btn-sm text-secondary password-visible-button" onclick="togglePasswordVisibility(this)"><i class="bi bi-eye"></i></button>
31+
</div>
32+
</div>
2833
</div>
2934
<div class="form-check form-switch">
3035
<input class="form-check-input" type="checkbox" role="switch" id="inputPersistent">

‎Views/Login/OpenIDRegistration.cshtml

+2-2
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@
1313
<script src="~/js/[email protected]"></script>
1414
}
1515
<div class="container d-flex align-items-center justify-content-center" style="height:100vh">
16-
<div class="row">
17-
<div class="col-12">
16+
<div>
17+
<div style="max-width:204px;">
1818
<img src="@logoUrl" />
1919
<div class="form-group">
2020
<label for="inputToken">@translator.Translate(userLanguage, "Token")</label>

‎Views/Login/Registration.cshtml

+8-3
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@
1212
<script src="~/js/[email protected]"></script>
1313
}
1414
<div class="container d-flex align-items-center justify-content-center" style="height:100vh">
15-
<div class="row">
16-
<div class="col-12">
15+
<div>
16+
<div style="max-width:204px;">
1717
<img src="@logoUrl" />
1818
<div class="form-group">
1919
<label for="inputToken">@translator.Translate(userLanguage, "Token")</label>
@@ -29,7 +29,12 @@
2929
</div>
3030
<div class="form-group">
3131
<label for="inputUserPassword">@translator.Translate(userLanguage, "Password")</label>
32-
<input type="password" id="inputUserPassword" class="form-control">
32+
<div class="input-group">
33+
<input type="password" id="inputUserPassword" class="form-control">
34+
<div class="input-group-text">
35+
<button type="button" class="btn btn-sm text-secondary password-visible-button" onclick="togglePasswordVisibility(this)"><i class="bi bi-eye"></i></button>
36+
</div>
37+
</div>
3338
</div>
3439
<div class="d-grid">
3540
<button type="button" class="btn btn-warning mt-2" onclick="performRegistration()"><i class="bi bi-box-arrow-in-right me-2"></i>@translator.Translate(userLanguage, "Register")</button>

‎Views/Login/ResetPassword.cshtml

+8-3
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@
1212
<script src="~/js/[email protected]"></script>
1313
}
1414
<div class="container d-flex align-items-center justify-content-center" style="height:100vh">
15-
<div class="row">
16-
<div class="col-12">
15+
<div>
16+
<div style="max-width:204px;">
1717
<img src="@logoUrl" />
1818
<div class="form-group">
1919
<label for="inputToken">@translator.Translate(userLanguage, "Token")</label>
@@ -25,7 +25,12 @@
2525
</div>
2626
<div class="form-group">
2727
<label for="inputUserPassword">@translator.Translate(userLanguage, "New Password")</label>
28-
<input type="password" id="inputUserPassword" class="form-control">
28+
<div class="input-group">
29+
<input type="password" id="inputUserPassword" class="form-control">
30+
<div class="input-group-text">
31+
<button type="button" class="btn btn-sm text-secondary password-visible-button" onclick="togglePasswordVisibility(this)"><i class="bi bi-eye"></i></button>
32+
</div>
33+
</div>
2934
</div>
3035
<div class="d-grid">
3136
<button type="button" class="btn btn-warning mt-2" onclick="performPasswordReset()"><i class="bi bi-box-arrow-in-right me-2"></i>@translator.Translate(userLanguage, "Reset Password")</button>

‎docs/configurator.html

+27-1
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,14 @@
1111
src="https://code.jquery.com/jquery-3.7.1.slim.min.js"
1212
integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8="
1313
crossorigin="anonymous"></script>
14+
<style>
15+
.password-visible-button {
16+
padding: 0rem;
17+
}
18+
::-ms-reveal {
19+
display: none;
20+
}
21+
</style>
1422
</head>
1523
<body>
1624
<div class="container d-flex align-items-center justify-content-center" style="height:100vh">
@@ -76,7 +84,12 @@
7684
</div>
7785
<div class="form-group">
7886
<label for="inputSmtpPassword">Password</label>
79-
<input type="password" id="inputSmtpPassword" class="form-control">
87+
<div class="input-group">
88+
<input type="password" id="inputSmtpPassword" class="form-control">
89+
<div class="input-group-text">
90+
<button type="button" class="btn btn-sm text-secondary password-visible-button" onclick="togglePasswordVisibility(this)"><i class="bi bi-eye"></i></button>
91+
</div>
92+
</div>
8093
<small class="text-body-secondary">Password for Authentication</small>
8194
</div>
8295
</div>
@@ -395,6 +408,19 @@ <h1 class="modal-title fs-5" id="outputModalLabel"></h1>
395408
$(".btn-copy").text("Copied");
396409
setTimeout(() => {$(".btn-copy").text("Copy");}, 500)
397410
}
411+
function togglePasswordVisibility(elem) {
412+
var passwordField = $(elem).parent().siblings("input");
413+
var passwordButton = $(elem).find('.bi');
414+
if (passwordField.attr("type") == "password") {
415+
passwordField.attr("type", "text");
416+
passwordButton.removeClass('bi-eye');
417+
passwordButton.addClass('bi-eye-slash');
418+
} else {
419+
passwordField.attr("type", "password");
420+
passwordButton.removeClass('bi-eye-slash');
421+
passwordButton.addClass('bi-eye');
422+
}
423+
}
398424
function setLocaleInput(){
399425
var browserLocale = navigator.language;
400426
$("#inputLocale").val(browserLocale.replace('-','_'));

‎docs/dashboard.png

15.2 KB
Loading

‎docs/fuelmileage.png

24 KB
Loading

‎docs/garage.png

35.7 KB
Loading

‎docs/index.html

+15-10
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<link rel="icon" type="image/x-icon" href="favicon.ico">
66
<title>LubeLogger</title>
77
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
8+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
89
<style>
910
.customCarouselCaption{
1011
background-image: linear-gradient(to bottom, rgba(255,0,0,0), #000);
@@ -27,12 +28,12 @@ <h6 class="display-6 text-center">Self-Hosted, Open-Source, Unconventionally-Nam
2728
</div>
2829
</div>
2930
<div class="row">
30-
<div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="#showcase">Showcase</a></div>
31-
<div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="#features">Features</a></div>
32-
<div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="#demo">Demo</a></div>
33-
<div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="#download">Download</a></div>
34-
<div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="https://docs.lubelogger.com">Documentation</a></div>
35-
<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>
31+
<div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="#showcase"><i class="bi bi-eyeglasses me-2"></i>Showcase</a></div>
32+
<div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="#features"><i class="bi bi-card-checklist me-2"></i>Features</a></div>
33+
<div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="#demo"><i class="bi bi-eyedropper me-2"></i>Demo</a></div>
34+
<div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="#download"><i class="bi bi-download me-2"></i>Download</a></div>
35+
<div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="https://docs.lubelogger.com"><i class="bi bi-file-text me-2"></i>Documentation</a></div>
36+
<div class="col-12 col-sm-6 col-md-2"><a class="btn btn-dark" href="https://github.com/hargata/lubelog"><i class="bi bi-git me-2"></i>GitHub Repo</a></div>
3637
</div>
3738
<hr>
3839
<div class="row" id="showcase">
@@ -120,17 +121,21 @@ <h6 class="display-6 text-center">Features</h6>
120121
<li class="list-group-item">No limit on how many vehicles you have in your garage</li>
121122
<li class="list-group-item">Import existing records from CSV(supports imports from Fuelly)</li>
122123
<li class="list-group-item">Attach documents for each record(receipts, invoices, etc)</li>
124+
<li class="list-group-item">Keeps track of your To-Do's(Kanban Planner)</li>
125+
<li class="list-group-item">Set recurring reminders so you never miss another scheduled maintenance</li>
123126
</ul>
124127
</div>
125128
<div class="col-12 col-md-6">
126129
<ul class="list-group">
127-
<li class="list-group-item">Keeps track of your To-Do's(Kanban Planner)</li>
128-
<li class="list-group-item">Set recurring reminders so you never miss another scheduled maintenance</li>
130+
<li class="list-group-item">User-customizable fields</li>
131+
<li class="list-group-item">Supports multiple users</li>
132+
<li class="list-group-item">Reminder Emails</li>
129133
<li class="list-group-item">Dark Mode</li>
130134
<li class="list-group-item">Mobile/Small screen support</li>
131-
<li class="list-group-item">Basic Authentication for security</li>
135+
<li class="list-group-item">Basic and OpenID Connect(OIDC) Authentication for security</li>
132136
<li class="list-group-item">API Endpoints</li>
133137
<li class="list-group-item">Consolidated Vehicle Maintenance Report</li>
138+
<li class="list-group-item">Trip Recorder(GPS Integration)</li>
134139
</ul>
135140
</div>
136141
</div>
@@ -158,7 +163,7 @@ <h6 class="display-6 text-center">Download</h6>
158163
<div class="row">
159164
<div class="col-12 d-flex justify-content-center">
160165
<p class="lead">
161-
LubeLogger is available as both a Docker Image and a Windows Standalone Executable(EXE)
166+
LubeLogger is available as a Docker Image, a Windows Standalone Executable(EXE), and a Linux Standalone Executable
162167
</p>
163168
</div>
164169
<div class="col-12 d-flex justify-content-center">

‎docs/planner.png

39.2 KB
Loading

‎docs/reminder.png

26.5 KB
Loading

‎docs/servicerecord.png

36.6 KB
Loading

‎wwwroot/css/site.css

+8
Original file line numberDiff line numberDiff line change
@@ -461,4 +461,12 @@ html[data-bs-theme="light"] .api-method:hover {
461461
padding-top: 0.5rem;
462462
padding-bottom: 0.5rem;
463463
}
464+
}
465+
466+
.password-visible-button {
467+
padding: 0rem;
468+
}
469+
470+
::-ms-reveal {
471+
display: none;
464472
}

‎wwwroot/js/shared.js

+13
Original file line numberDiff line numberDiff line change
@@ -1244,4 +1244,17 @@ function handleSwalEnter(e) {
12441244
if (e.which == 13) {
12451245
Swal.clickConfirm();
12461246
}
1247+
}
1248+
function togglePasswordVisibility(elem) {
1249+
var passwordField = $(elem).parent().siblings("input");
1250+
var passwordButton = $(elem).find('.bi');
1251+
if (passwordField.attr("type") == "password") {
1252+
passwordField.attr("type", "text");
1253+
passwordButton.removeClass('bi-eye');
1254+
passwordButton.addClass('bi-eye-slash');
1255+
} else {
1256+
passwordField.attr("type", "password");
1257+
passwordButton.removeClass('bi-eye-slash');
1258+
passwordButton.addClass('bi-eye');
1259+
}
12471260
}

‎wwwroot/js/vehicle.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -618,7 +618,7 @@ function getLastOdometerReadingAndIncrement(odometerFieldName) {
618618
Swal.fire({
619619
title: 'Increment Last Reported Odometer Reading',
620620
html: `
621-
<input type="text" id="inputOdometerIncrement" class="swal2-input" placeholder="Increment" onkeydown="handleSwalEnter(event)">
621+
<input type="text" inputmode="decimal" id="inputOdometerIncrement" class="swal2-input" placeholder="Increment" onkeydown="handleSwalEnter(event)">
622622
`,
623623
confirmButtonText: 'Add',
624624
focusConfirm: false,

0 commit comments

Comments
 (0)