@Localize["Enter license number:"]
25 |@Localize["Welcome, {0}!", context.User.FirstName()]
13 |
28 |
36 |
37 |
41 |
7 | @foreach (var choice in currentChoices.Take(3))
8 | {
9 |
12 |
13 | @code {
14 | bool visible;
15 | string[] currentChoices = Array.Empty@choice
10 | }
11 | @Localize["Detecting..."]
22 | }
23 | else if (damageDetectionResult != null)
24 | {
25 | if (damageDetectionResult.IsDamaged)
26 | {
27 |
28 | @Localize["Damaged!"]
29 | (@Localize["Confidence:"] @((100 * damageDetectionResult.Score).ToString("0"))%)
30 |
31 | }
32 | else
33 | {
34 |
35 | @Localize["OK - not damaged"]
36 | (@Localize["Confidence:"] @((100 * damageDetectionResult.Score).ToString("0"))%)
37 |
38 | }
39 | }
40 | }
41 |
42 | @code {
43 | bool isDetectingDamage;
44 | DamageDetectionResult damageDetectionResult;
45 |
46 | [Parameter] public string Image { get; set; }
47 |
48 | protected override void OnParametersSet()
49 | {
50 | isDetectingDamage = false;
51 | damageDetectionResult = null;
52 | }
53 |
54 | async Task PerformDamageDetection()
55 | {
56 | isDetectingDamage = true;
57 |
58 | var imageBytes = DataUrl.ToBytes(Image);
59 | var response = await Http.PostAsync("api/detectdamage", new ByteArrayContent(imageBytes));
60 | damageDetectionResult = await response.Content.ReadFromJsonAsync
9 | 
10 |
15 |
10 |
11 |
14 | @context.User.FirstName() @context.User.LastName()
12 | @context.User.Email()
13 |
16 |
17 | @Localize["Manage account"]
18 |
19 |
22 |
23 |
12 |
13 |
14 | @foreach (VehiclePart part in Enum.GetValues(typeof(VehiclePart)))
15 | {
16 |
17 | }
18 |
19 |
21 |
22 |
23 |
24 |
27 |
28 |
29 |
30 |
31 |
40 |
41 |
49 |
4 |
30 |
31 | @code {
32 | [Parameter] public Vehicle Vehicle { get; set; }
33 | [Parameter] public VehiclePart? FilterByLocation { get; set; }
34 | [Parameter] public EventCallback-
5 | @foreach (var note in FilteredNotes)
6 | {
7 |
-
8 | 9 |12 |
@Localize[note.Location.DisplayName()]
10 | @note.Text 11 |
13 | }
14 |
@Localize[FilterByLocation.Value.DisplayName()]
19 | @Localize["No notes added."]
20 | }
21 | @{ var excludedNotes = CountExcludedNotes(); }
22 | @if (excludedNotes > 0)
23 | {
24 |
25 | + @Localize["{0} not shown.", excludedNotes]
26 |
27 |
28 | }
29 |
4 |
24 |
25 | @code {
26 | [Parameter] public Vehicle Vehicle { get; set; }
27 | }
28 |
--------------------------------------------------------------------------------
/Client/_Imports.razor:
--------------------------------------------------------------------------------
1 | @using System.ComponentModel.DataAnnotations
2 | @using System.Net
3 | @using System.Net.Http
4 | @using System.Net.Http.Json
5 | @using Microsoft.AspNetCore.Authorization
6 | @using Microsoft.AspNetCore.Components.Authorization
7 | @using Microsoft.AspNetCore.Components.Forms
8 | @using Microsoft.AspNetCore.Components.Routing
9 | @using Microsoft.AspNetCore.Components.Web
10 | @using Microsoft.AspNetCore.Components.WebAssembly.Authentication
11 | @using Microsoft.AspNetCore.Components.WebAssembly.Http
12 | @using Microsoft.Extensions.Localization
13 | @using Microsoft.JSInterop
14 | @using CarChecker.Client
15 | @using CarChecker.Client.Data
16 | @using CarChecker.Client.Pages
17 | @using CarChecker.Client.Shared
18 | @using CarChecker.Shared
19 | @using SceneViewer
20 |
--------------------------------------------------------------------------------
/Client/wwwroot/3d/sky-nx.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jspuij/CarChecker/e9c7e7114e7936e38389074f1b5005e4b27a0e8e/Client/wwwroot/3d/sky-nx.png
--------------------------------------------------------------------------------
/Client/wwwroot/3d/sky-ny.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jspuij/CarChecker/e9c7e7114e7936e38389074f1b5005e4b27a0e8e/Client/wwwroot/3d/sky-ny.png
--------------------------------------------------------------------------------
/Client/wwwroot/3d/sky-nz.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jspuij/CarChecker/e9c7e7114e7936e38389074f1b5005e4b27a0e8e/Client/wwwroot/3d/sky-nz.png
--------------------------------------------------------------------------------
/Client/wwwroot/3d/sky-px.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jspuij/CarChecker/e9c7e7114e7936e38389074f1b5005e4b27a0e8e/Client/wwwroot/3d/sky-px.png
--------------------------------------------------------------------------------
/Client/wwwroot/3d/sky-py.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jspuij/CarChecker/e9c7e7114e7936e38389074f1b5005e4b27a0e8e/Client/wwwroot/3d/sky-py.png
--------------------------------------------------------------------------------
/Client/wwwroot/3d/sky-pz.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jspuij/CarChecker/e9c7e7114e7936e38389074f1b5005e4b27a0e8e/Client/wwwroot/3d/sky-pz.png
--------------------------------------------------------------------------------
/Client/wwwroot/3d/sky.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jspuij/CarChecker/e9c7e7114e7936e38389074f1b5005e4b27a0e8e/Client/wwwroot/3d/sky.png
--------------------------------------------------------------------------------
/Client/wwwroot/css/blazor.css:
--------------------------------------------------------------------------------
1 | .valid.modified:not([type=checkbox]) {
2 | outline: 1px solid #26b050;
3 | }
4 |
5 | .invalid {
6 | outline: 1px solid red;
7 | }
8 |
9 | .validation-message {
10 | color: red;
11 | }
12 |
13 | #blazor-error-ui {
14 | background: lightyellow;
15 | bottom: 0;
16 | box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
17 | display: none;
18 | left: 0;
19 | padding: 0.6rem 1.25rem 0.7rem 1.25rem;
20 | position: fixed;
21 | width: 100%;
22 | z-index: 1000;
23 | }
24 |
25 | #blazor-error-ui .dismiss {
26 | cursor: pointer;
27 | position: absolute;
28 | right: 0.75rem;
29 | top: 0.5rem;
30 | }
31 |
--------------------------------------------------------------------------------
/Client/wwwroot/css/spinner.css:
--------------------------------------------------------------------------------
1 | .loader,
2 | .loader:before,
3 | .loader:after {
4 | border-radius: 50%;
5 | width: 2.5em;
6 | height: 2.5em;
7 | -webkit-animation-fill-mode: both;
8 | animation-fill-mode: both;
9 | -webkit-animation: load7 1.8s infinite ease-in-out;
10 | animation: load7 1.8s infinite ease-in-out;
11 | }
12 |
13 | .loader {
14 | color: #ffffff;
15 | font-size: 10px;
16 | margin: 0px auto;
17 | margin-top: calc(var(--big-vertical-gutter-height) - 2em);
18 | position: relative;
19 | text-indent: -9999em;
20 | -webkit-transform: translateZ(0);
21 | -ms-transform: translateZ(0);
22 | transform: translateZ(0);
23 | -webkit-animation-delay: -0.16s;
24 | animation-delay: -0.16s;
25 | }
26 |
27 | .loader:before,
28 | .loader:after {
29 | content: '';
30 | position: absolute;
31 | top: 0;
32 | }
33 |
34 | .loader:before {
35 | left: -3.5em;
36 | -webkit-animation-delay: -0.32s;
37 | animation-delay: -0.32s;
38 | }
39 |
40 | .loader:after {
41 | left: 3.5em;
42 | }
43 |
44 | @-webkit-keyframes load7 {
45 | 0%, 80%, 100% {
46 | box-shadow: 0 2.5em 0 -1.3em;
47 | }
48 |
49 | 40% {
50 | box-shadow: 0 2.5em 0 0;
51 | }
52 | }
53 |
54 | @keyframes load7 {
55 | 0%, 80%, 100% {
56 | box-shadow: 0 2.5em 0 -1.3em;
57 | }
58 |
59 | 40% {
60 | box-shadow: 0 2.5em 0 0;
61 | }
62 | }
63 |
--------------------------------------------------------------------------------
/Client/wwwroot/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jspuij/CarChecker/e9c7e7114e7936e38389074f1b5005e4b27a0e8e/Client/wwwroot/favicon.ico
--------------------------------------------------------------------------------
/Client/wwwroot/icon-512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jspuij/CarChecker/e9c7e7114e7936e38389074f1b5005e4b27a0e8e/Client/wwwroot/icon-512.png
--------------------------------------------------------------------------------
/Client/wwwroot/idb.js:
--------------------------------------------------------------------------------
1 | // https://github.com/jakearchibald/idb/
2 | var idb = function (e) { "use strict"; let t, n; const r = new WeakMap, o = new WeakMap, s = new WeakMap, a = new WeakMap, i = new WeakMap; let c = { get(e, t, n) { if (e instanceof IDBTransaction) { if ("done" === t) return o.get(e); if ("objectStoreNames" === t) return e.objectStoreNames || s.get(e); if ("store" === t) return n.objectStoreNames[1] ? void 0 : n.objectStore(n.objectStoreNames[0]) } return p(e[t]) }, set: (e, t, n) => (e[t] = n, !0), has: (e, t) => e instanceof IDBTransaction && ("done" === t || "store" === t) || t in e }; function u(e) { return e !== IDBDatabase.prototype.transaction || "objectStoreNames" in IDBTransaction.prototype ? (n || (n = [IDBCursor.prototype.advance, IDBCursor.prototype.continue, IDBCursor.prototype.continuePrimaryKey])).includes(e) ? function (...t) { return e.apply(f(this), t), p(r.get(this)) } : function (...t) { return p(e.apply(f(this), t)) } : function (t, ...n) { const r = e.call(f(this), t, ...n); return s.set(r, t.sort ? t.sort() : [t]), p(r) } } function d(e) { return "function" == typeof e ? u(e) : (e instanceof IDBTransaction && function (e) { if (o.has(e)) return; const t = new Promise((t, n) => { const r = () => { e.removeEventListener("complete", o), e.removeEventListener("error", s), e.removeEventListener("abort", s) }, o = () => { t(), r() }, s = () => { n(e.error || new DOMException("AbortError", "AbortError")), r() }; e.addEventListener("complete", o), e.addEventListener("error", s), e.addEventListener("abort", s) }); o.set(e, t) }(e), n = e, (t || (t = [IDBDatabase, IDBObjectStore, IDBIndex, IDBCursor, IDBTransaction])).some(e => n instanceof e) ? new Proxy(e, c) : e); var n } function p(e) { if (e instanceof IDBRequest) return function (e) { const t = new Promise((t, n) => { const r = () => { e.removeEventListener("success", o), e.removeEventListener("error", s) }, o = () => { t(p(e.result)), r() }, s = () => { n(e.error), r() }; e.addEventListener("success", o), e.addEventListener("error", s) }); return t.then(t => { t instanceof IDBCursor && r.set(t, e) }).catch(() => { }), i.set(t, e), t }(e); if (a.has(e)) return a.get(e); const t = d(e); return t !== e && (a.set(e, t), i.set(t, e)), t } const f = e => i.get(e); const l = ["get", "getKey", "getAll", "getAllKeys", "count"], D = ["put", "add", "delete", "clear"], v = new Map; function b(e, t) { if (!(e instanceof IDBDatabase) || t in e || "string" != typeof t) return; if (v.get(t)) return v.get(t); const n = t.replace(/FromIndex$/, ""), r = t !== n, o = D.includes(n); if (!(n in (r ? IDBIndex : IDBObjectStore).prototype) || !o && !l.includes(n)) return; const s = async function (e, ...t) { const s = this.transaction(e, o ? "readwrite" : "readonly"); let a = s.store; r && (a = a.index(t.shift())); const i = a[n](...t); return o && await s.done, i }; return v.set(t, s), s } return c = (e => ({ ...e, get: (t, n, r) => b(t, n) || e.get(t, n, r), has: (t, n) => !!b(t, n) || e.has(t, n) }))(c), e.deleteDB = function (e, { blocked: t } = {}) { const n = indexedDB.deleteDatabase(e); return t && n.addEventListener("blocked", () => t()), p(n).then(() => { }) }, e.openDB = function (e, t, { blocked: n, upgrade: r, blocking: o, terminated: s } = {}) { const a = indexedDB.open(e, t), i = p(a); return r && a.addEventListener("upgradeneeded", e => { r(p(a.result), e.oldVersion, e.newVersion, p(a.transaction)) }), n && a.addEventListener("blocked", () => n()), i.then(e => { s && e.addEventListener("close", () => s()), o && e.addEventListener("versionchange", () => o()) }).catch(() => { }), i }, e.unwrap = f, e.wrap = p, e }({});
3 |
--------------------------------------------------------------------------------
/Client/wwwroot/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | 5 | @Vehicle.Make 6 | @Vehicle.Model 7 | @Vehicle.RegistrationDate.Year 8 |
9 |
10 | @Localize["Mileage:"]
11 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | @ViewData["Title"]
10 |
12 |
33 |
34 | @section Scripts {
35 |
13 |
31 |
32 | @ViewData["Title"]
8 | 9 |
10 |
75 |
76 | @section Scripts {
77 |
11 |
43 |
44 |
45 |
46 |
48 | @{ 49 | if ((Model.ExternalLogins?.Count ?? 0) == 0) 50 | { 51 |
73 |
74 | Use another service to register.
47 |48 | @{ 49 | if ((Model.ExternalLogins?.Count ?? 0) == 0) 50 | { 51 |
52 |
57 | }
58 | else
59 | {
60 |
70 | }
71 | }
72 | 53 | There are no external authentication services configured. See this article 54 | for details on setting up this ASP.NET application to support logging in via external services. 55 |
56 |