' +
+ '' +
+ '' +
+ '' +
+ '
'
+ }
+
+ for (var option in methodOrProps) {
+ // noinspection JSUnfilteredForInLoop
+ props[option] = methodOrProps[option]
+ }
+
+ var html = props.template
+ .replace(/\${groupClass}/g, props.groupClass)
+ .replace(/\${buttonsWidth}/g, props.buttonsWidth)
+ .replace(/\${buttonsClass}/g, props.buttonsClass)
+ .replace(/\${decrementButton}/g, props.decrementButton)
+ .replace(/\${incrementButton}/g, props.incrementButton)
+ .replace(/\${textAlign}/g, props.textAlign)
+
+ this.each(function () {
+
+ if (this["bootstrap-input-spinner"]) {
+ console.warn("element", this, "is already a bootstrap-input-spinner")
+ } else {
+
+ var $original = $(this)
+ $original[0]["bootstrap-input-spinner"] = true
+ $original.hide()
+ $original[0].inputSpinnerEditor = new props.editor(props, this)
+
+ var autoDelayHandler = null
+ var autoIntervalHandler = null
+
+ var $inputGroup = $(html)
+ var $buttonDecrement = $inputGroup.find(".btn-decrement")
+ var $buttonIncrement = $inputGroup.find(".btn-increment")
+ var $input = $inputGroup.find("input")
+ var $label = $("label[for='" + $original.attr("id") + "']")
+ if (!$label[0]) {
+ $label = $original.closest("label")
+ }
+
+ var min = null
+ var max = null
+ var step = null
+
+ updateAttributes()
+
+ var value = parseFloat($original[0].value)
+ var pointerState = false
+
+ var prefix = $original.attr("data-prefix") || ""
+ var suffix = $original.attr("data-suffix") || ""
+
+ if (prefix) {
+ var prefixElement = $('' + prefix + '')
+ $inputGroup.find("input").before(prefixElement)
+ }
+ if (suffix) {
+ var suffixElement = $('' + suffix + '')
+ $inputGroup.find("input").after(suffixElement)
+ }
+
+ $original[0].setValue = function (newValue) {
+ setValue(newValue)
+ }
+ $original[0].destroyInputSpinner = function () {
+ destroy()
+ }
+
+ var observer = new MutationObserver(function () {
+ updateAttributes()
+ setValue(value, true)
+ })
+ observer.observe($original[0], {attributes: true})
+
+ $original.after($inputGroup)
+
+ setValue(value)
+
+ $input.on("paste input change focusout", function (event) {
+ var newValue = $input[0].value
+ var focusOut = event.type === "focusout"
+ newValue = $original[0].inputSpinnerEditor.parse(newValue)
+ setValue(newValue, focusOut)
+ dispatchEvent($original, event.type)
+ }).on("keydown", function (event) {
+ if (props.keyboardStepping) {
+ if (event.which === 38) { // up arrow pressed
+ event.preventDefault()
+ if (!$buttonDecrement.prop("disabled")) {
+ stepHandling(step)
+ }
+ } else if (event.which === 40) { // down arrow pressed
+ event.preventDefault()
+ if (!$buttonIncrement.prop("disabled")) {
+ stepHandling(-step)
+ }
+ }
+ }
+ }).on("keyup", function (event) {
+ // up/down arrow released
+ if (props.keyboardStepping && (event.which === 38 || event.which === 40)) {
+ event.preventDefault()
+ resetTimer()
+ }
+ })
+
+ // decrement button
+ onPointerDown($buttonDecrement[0], function () {
+ if (!$buttonDecrement.prop("disabled")) {
+ pointerState = true
+ stepHandling(-step)
+ }
+ })
+ // increment button
+ onPointerDown($buttonIncrement[0], function () {
+ if (!$buttonIncrement.prop("disabled")) {
+ pointerState = true
+ stepHandling(step)
+ }
+ })
+ onPointerUp(document.body, function () {
+ if(pointerState === true) {
+ resetTimer()
+ dispatchEvent($original, "change")
+ pointerState = false
+ }
+ })
+ }
+
+ function setValue(newValue, updateInput) {
+ if (updateInput === undefined) {
+ updateInput = true
+ }
+ if (isNaN(newValue) || newValue === "") {
+ $original[0].value = ""
+ if (updateInput) {
+ $input[0].value = ""
+ }
+ value = NaN
+ } else {
+ newValue = parseFloat(newValue)
+ newValue = Math.min(Math.max(newValue, min), max)
+ $original[0].value = newValue
+ if (updateInput) {
+ $input[0].value = $original[0].inputSpinnerEditor.render(newValue)
+ }
+ value = newValue
+ }
+ }
+
+ function destroy() {
+ $original.prop("required", $input.prop("required"))
+ observer.disconnect()
+ resetTimer()
+ $input.off("paste input change focusout")
+ $inputGroup.remove()
+ $original.show()
+ $original[0]["bootstrap-input-spinner"] = undefined
+ if ($label[0]) {
+ $label.attr("for", $original.attr("id"))
+ }
+ }
+
+ function dispatchEvent($element, type) {
+ if (type) {
+ setTimeout(function () {
+ var event
+ if (typeof (Event) === 'function') {
+ event = new Event(type, {bubbles: true})
+ } else { // IE
+ event = document.createEvent('Event')
+ event.initEvent(type, true, true)
+ }
+ $element[0].dispatchEvent(event)
+ })
+ }
+ }
+
+ function stepHandling(step) {
+ calcStep(step)
+ resetTimer()
+ if(props.autoInterval !== undefined) {
+ autoDelayHandler = setTimeout(function () {
+ autoIntervalHandler = setInterval(function () {
+ calcStep(step)
+ }, props.autoInterval)
+ }, props.autoDelay)
+ }
+ }
+
+ function calcStep(step) {
+ if (isNaN(value)) {
+ value = 0
+ }
+ setValue(Math.round(value / step) * step + step)
+ dispatchEvent($original, "input")
+ }
+
+ function resetTimer() {
+ clearTimeout(autoDelayHandler)
+ clearTimeout(autoIntervalHandler)
+ }
+
+ function updateAttributes() {
+ // copy properties from original to the new input
+ if ($original.prop("required")) {
+ $input.prop("required", $original.prop("required"))
+ $original.removeAttr('required')
+ }
+ $input.prop("placeholder", $original.prop("placeholder"))
+ $input.attr("inputmode", $original.attr("inputmode") || "decimal")
+ var disabled = $original.prop("disabled")
+ var readonly = $original.prop("readonly")
+ $input.prop("disabled", disabled)
+ $input.prop("readonly", readonly || props.buttonsOnly)
+ $buttonIncrement.prop("disabled", disabled || readonly)
+ $buttonDecrement.prop("disabled", disabled || readonly)
+ if (disabled || readonly) {
+ resetTimer()
+ }
+ var originalClass = $original.prop("class")
+ var groupClass = ""
+ // sizing
+ if (/form-control-sm/g.test(originalClass)) {
+ groupClass = "input-group-sm"
+ } else if (/form-control-lg/g.test(originalClass)) {
+ groupClass = "input-group-lg"
+ }
+ var inputClass = originalClass.replace(/form-control(-(sm|lg))?/g, "")
+ $inputGroup.prop("class", "input-group " + groupClass + " " + props.groupClass)
+ $input.prop("class", "form-control " + inputClass)
+
+ // update the main attributes
+ min = isNaN($original.prop("min")) || $original.prop("min") === "" ? -Infinity : parseFloat($original.prop("min"))
+ max = isNaN($original.prop("max")) || $original.prop("max") === "" ? Infinity : parseFloat($original.prop("max"))
+ step = parseFloat($original.prop("step")) || 1
+ if ($original.attr("hidden")) {
+ $inputGroup.attr("hidden", $original.attr("hidden"))
+ } else {
+ $inputGroup.removeAttr("hidden")
+ }
+ if ($original.attr("id")) {
+ $input.attr("id", $original.attr("id") + "_MP_cBdLN29i2")
+ if ($label[0]) {
+ $label.attr("for", $input.attr("id"))
+ }
+ }
+ }
+ })
+
+ return this
+ }
+
+ function onPointerUp(element, callback) {
+ element.addEventListener("mouseup", function (e) {
+ callback(e)
+ })
+ element.addEventListener("touchend", function (e) {
+ callback(e)
+ })
+ element.addEventListener("keyup", function (e) {
+ if ((e.keyCode === 32 || e.keyCode === 13)) {
+ triggerKeyPressed = false
+ callback(e)
+ }
+ })
+ }
+
+ function onPointerDown(element, callback) {
+ element.addEventListener("mousedown", function (e) {
+ if (e.button === 0) {
+ e.preventDefault()
+ callback(e)
+ }
+ })
+ element.addEventListener("touchstart", function (e) {
+ if (e.cancelable) {
+ e.preventDefault()
+ }
+ callback(e)
+ })
+ element.addEventListener("keydown", function (e) {
+ if ((e.keyCode === 32 || e.keyCode === 13) && !triggerKeyPressed) {
+ triggerKeyPressed = true
+ callback(e)
+ }
+ })
+ }
+
+}(jQuery))
diff --git a/src/main/resources/static/js/script.js b/src/main/resources/static/js/script.js
new file mode 100644
index 0000000..a2d4477
--- /dev/null
+++ b/src/main/resources/static/js/script.js
@@ -0,0 +1,4 @@
+toggleDarkmode = function toggleDarkMode() {
+ var oldTheme = $("html").attr("data-bs-theme");
+ $("html").attr("data-bs-theme", oldTheme === "light" ? "dark" : "light");
+}
diff --git a/src/main/resources/templates/error.html b/src/main/resources/templates/error.html
new file mode 100644
index 0000000..5a2c1ea
--- /dev/null
+++ b/src/main/resources/templates/error.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/main/resources/templates/public/index.html b/src/main/resources/templates/public/index.html
new file mode 100644
index 0000000..dcdda40
--- /dev/null
+++ b/src/main/resources/templates/public/index.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+ Es ist ein Fehler aufgetreten.
+ Ach, Mist... +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Kilometerstand | +Menge (in l) | +Kraftstoff | +Preis (in €) | +Anbieter | +Ort | +Kaufdatum | +Anmerkungen | +€/l | ++ |
|---|---|---|---|---|---|---|---|---|---|
| mileage | +0.00 | +fuel | +0.00 | +provider | +location | +buydate | +annotation | +0.00 | +ändern | +
+
+
+
+
+ Zusammenfassung über die gesamte Zeit:
+
+ nicht ermittelbar l/100 km
+nicht ermittelbar €/l
+
+
+ Layout header
+
+ Layout content
+
+
+
\ No newline at end of file
diff --git a/src/test/java/de/jottyfan/car/CarApplicationTests.java b/src/test/java/de/jottyfan/car/CarApplicationTests.java
new file mode 100644
index 0000000..411f214
--- /dev/null
+++ b/src/test/java/de/jottyfan/car/CarApplicationTests.java
@@ -0,0 +1,13 @@
+package de.jottyfan.car;
+
+import org.junit.jupiter.api.Test;
+import org.springframework.boot.test.context.SpringBootTest;
+
+@SpringBootTest
+class CarApplicationTests {
+
+ @Test
+ void contextLoads() {
+ }
+
+}