Merge pull request #82 from benderl/dev

major update

jest.config.js

@@ -1,6 +1,6 @@
 module.exports = {
 	preset: "@vue/cli-plugin-unit-jest",
 	transform: {
-		"^.+\\.vue$": "vue-jest",
+		"^.+\\.vue$": "@vue/vue3-jest",
 	},
 };

package.json

@@ -23,11 +23,11 @@
     "core-js": "^3.21.1",
     "jquery": "^3.6.0",
     "lodash": "^4.17.21",
-    "mqtt": "^4.3.5",
+    "mqtt": "^4.3.6",
     "popper.js": "^1.16.1",
     "vue": "^3.2.31",
     "vue-axios": "^3.4.1",
-    "vue-chart-3": "^3.1.0",
+    "vue-chart-3": "^3.1.2",
     "vue-loader": "^15.9.8",
     "vue-router": "^4.0.12",
     "vue3-table-lite": "^1.1.7-1",
@@ -36,20 +36,27 @@
     "webpack-dev-server": "^3.11.3"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.5.15",
-    "@vue/cli-plugin-eslint": "^4.5.15",
-    "@vue/cli-plugin-router": "^4.5.15",
-    "@vue/cli-plugin-unit-jest": "^4.5.15",
-    "@vue/cli-plugin-vuex": "^4.5.15",
-    "@vue/cli-service": "^4.5.15",
+    "@babel/core": "^7.17.5",
+    "@babel/eslint-parser": "^7.12.16",
+    "@vue/cli-plugin-babel": "~5.0.1",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-plugin-router": "~5.0.1",
+    "@vue/cli-plugin-unit-jest": "~5.0.0",
+    "@vue/cli-plugin-vuex": "~5.0.1",
+    "@vue/cli-service": "~5.0.1",
     "@vue/compiler-sfc": "^3.2.31",
     "@vue/test-utils": "^2.0.0-rc.18",
+    "@vue/vue3-jest": "^27.0.0-alpha.1",
     "babel-eslint": "^10.1.0",
-    "eslint": "^6.7.2",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-vue": "^7.20.0",
+    "babel-jest": "^27.0.6",
+    "buffer": "^6.0.3",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "jest": "^27.0.5",
     "prettier": "^2.5.1",
+    "process": "^0.11.10",
     "typescript": "~3.9.3",
     "vue-jest": "^5.0.0-0"
   },
@@ -64,7 +71,7 @@
       "plugin:prettier/recommended"
     ],
     "parserOptions": {
-      "parser": "babel-eslint"
+      "parser": "@babel/eslint-parser"
     },
     "rules": {
       "vue/max-len": [

src/components/OpenwbBaseAlert.vue

@@ -6,7 +6,7 @@
 
 <script>
 export default {
-	name: "Alert",
+	name: "OpenwbAlert",
 	props: {
 		subtype: {
 			validator: function (value) {

src/components/OpenwbBaseArrayInput.vue

@@ -97,7 +97,7 @@ library.add(
 );
 
 export default {
-	name: "ArrayInput",
+	name: "OpenwbArrayInput",
 	inheritAttrs: false,
 	props: {
 		title: String,

src/components/OpenwbBaseAvatar.vue

@@ -6,7 +6,7 @@
 
 <script>
 export default {
-	name: "Avatar",
+	name: "OpenwbAvatar",
 };
 </script>
 

src/components/OpenwbBaseButtonGroupInput.vue

@@ -61,7 +61,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 library.add(fasQuestionCircle, farQuestionCircle, fasCheck);
 
 export default {
-	name: "ButtonGroupInput",
+	name: "OpenwbButtonGroupInput",
 	inheritAttrs: false,
 	props: {
 		title: String,

src/components/OpenwbBaseCard.vue

@@ -49,7 +49,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 library.add(fasChevronRight, fasChevronDown);
 
 export default {
-	name: "Card",
+	name: "OpenwbCard",
 	components: {
 		FontAwesomeIcon,
 	},

src/components/OpenwbBaseCheckboxInput.vue

@@ -37,7 +37,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 library.add(fasQuestionCircle, farQuestionCircle);
 
 export default {
-	name: "CheckboxInput",
+	name: "OpenwbCheckboxInput",
 	inheritAttrs: false,
 	props: {
 		title: String,

src/components/OpenwbBaseClickButton.vue

@@ -6,7 +6,7 @@
 
 <script>
 export default {
-	name: "ClickButton",
+	name: "OpenwbClickButton",
 	props: {
 		title: String,
 	},

src/components/OpenwbBaseHeading.vue

@@ -9,7 +9,7 @@
 
 <script>
 export default {
-	name: "Heading",
+	name: "OpenwbHeading",
 };
 </script>
 

src/components/OpenwbBaseModalDialog.vue

@@ -53,7 +53,7 @@
 
 <script>
 export default {
-	name: "modal-dialog",
+	name: "OpenwbModalDialog",
 	emits: ["modal-result"],
 	props: {
 		title: String,

src/components/OpenwbBaseNumberInput.vue

@@ -55,7 +55,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 library.add(fasQuestionCircle, farQuestionCircle, fasCalculator);
 
 export default {
-	name: "NumberInput",
+	name: "OpenwbNumberInput",
 	inheritAttrs: false,
 	props: {
 		title: String,

src/components/OpenwbBaseRangeInput.vue

@@ -70,7 +70,7 @@ library.add(
 );
 
 export default {
-	name: "RangeInput",
+	name: "OpenwbRangeInput",
 	inheritAttrs: false,
 	props: {
 		title: String,

src/components/OpenwbBaseSelectInput.vue

@@ -68,7 +68,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 library.add(fasQuestionCircle, farQuestionCircle);
 
 export default {
-	name: "SelectInput",
+	name: "OpenwbSelectInput",
 	inheritAttrs: false,
 	props: {
 		title: String,

src/components/OpenwbBaseSubmitButtons.vue

@@ -81,7 +81,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 library.add(fasCheck, fasUndo, fasTimes);
 
 export default {
-	name: "SubmitButtons",
+	name: "OpenwbSubmitButtons",
 	components: {
 		FontAwesomeIcon,
 	},

src/components/OpenwbBaseTextInput.vue

@@ -194,7 +194,7 @@ library.add(
 );
 
 export default {
-	name: "TextInput",
+	name: "OpenwbTextInput",
 	inheritAttrs: false,
 	props: {
 		title: String,

src/components/OpenwbBaseTextarea.vue

@@ -67,7 +67,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 library.add(fasQuestionCircle, farQuestionCircle);
 
 export default {
-	name: "TextareaInput",
+	name: "OpenwbTextareaInput",
 	inheritAttrs: false,
 	props: {
 		title: String,

src/components/OpenwbConfigProxy.vue

@@ -39,7 +39,7 @@
 import { defineAsyncComponent } from "@vue/runtime-core";
 
 export default {
-	name: "ConfigProxy",
+	name: "OpenwbConfigProxy",
 	emits: ["update:configuration"],
 	props: {
 		deviceId: { required: true },

src/components/OpenwbPageCommandAlert.vue

@@ -19,7 +19,7 @@
 
 <script>
 export default {
-	name: "CommandAlert",
+	name: "OpenwbCommandAlert",
 	emits: ["dismiss"],
 	props: {
 		alertData: { type: Object, default: undefined },

src/components/OpenwbPageDonationBanner.vue

@@ -29,7 +29,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 library.add(faPaypal);
 
 export default {
-	name: "DonationBanner",
+	name: "OpenwbDonationBanner",
 	components: {
 		FontAwesomeIcon,
 	},

src/components/OpenwbPageFooter.vue

@@ -11,7 +11,7 @@
 
 <script>
 export default {
-	name: "PageFooter",
+	name: "OpenwbPageFooter",
 };
 </script>
 

src/components/OpenwbPageNavbar.vue

@@ -271,7 +271,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 library.add(fasExternalLinkAlt);
 
 export default {
-	name: "NavBar",
+	name: "OpenwbNavBar",
 	components: {
 		FontAwesomeIcon,
 	},

src/components/devices/http/bat.vue

@@ -17,13 +17,15 @@
 			<template #help>
 				Diese Angabe wird an die IP bzw. den Hostnamen angehängt und
 				muss mit einem Schrägstrich "/" beginnen.<br />
-				Es wird vom Server eine ganze Zahl (Integer) erwartet, welche
-				die aktuelle Leistung in Watt darstellt.
+				Es wird vom Server eine ganze Zahl (Float mit Punkt als
+				Dezimaltrennzeichen oder Integer) erwartet, welche die aktuelle
+				Leistung in Watt darstellt.
 			</template>
 		</openwb-base-text-input>
 		<openwb-base-text-input
 			title="Pfad für Zählerstand laden"
 			subtype="text"
+			required
 			pattern="^/[-a-zA-Z0-9@:%_\+.~#?&/=]*"
 			:model-value="configuration.imported_path"
 			@update:model-value="
@@ -33,15 +35,17 @@
 			<template #help>
 				Diese Angabe wird an die IP bzw. den Hostnamen angehängt und
 				muss mit einem Schrägstrich "/" beginnen.<br />
-				Es wird vom Server eine Zahl (Float) erwartet, welche den
-				aktuellen absoluten Zählerstand in kWh darstellt.<br />
-				Wenn dieses Feld leer ist, wird der Zählerstand intern
+				Es wird vom Server eine Zahl (Float mit Punkt als
+				Dezimaltrennzeichen oder Integer) erwartet, welche den aktuellen
+				absoluten Zählerstand in kWh darstellt.<br />
+				Wird hier "none" eingetragen, wird der Zählerstand intern
 				simuliert.
 			</template>
 		</openwb-base-text-input>
 		<openwb-base-text-input
 			title="Pfad für Zählerstand entladen"
 			subtype="text"
+			required
 			pattern="^/[-a-zA-Z0-9@:%_\+.~#?&/=]*"
 			:model-value="configuration.exported_path"
 			@update:model-value="
@@ -51,15 +55,17 @@
 			<template #help>
 				Diese Angabe wird an die IP bzw. den Hostnamen angehängt und
 				muss mit einem Schrägstrich "/" beginnen.<br />
-				Es wird vom Server eine Zahl (Float) erwartet, welche den
-				aktuellen absoluten Zählerstand in kWh darstellt.<br />
-				Wenn dieses Feld leer ist, wird der Zählerstand intern
+				Es wird vom Server eine Zahl (Float mit Punkt als
+				Dezimaltrennzeichen oder Integer) erwartet, welche den aktuellen
+				absoluten Zählerstand in kWh darstellt.<br />
+				Wird hier "none" eingetragen, wird der Zählerstand intern
 				simuliert.
 			</template>
 		</openwb-base-text-input>
 		<openwb-base-text-input
 			title="Pfad für Ladestand"
 			subtype="text"
+			required
 			pattern="^/[-a-zA-Z0-9@:%_\+.~#?&/=]*"
 			:model-value="configuration.soc_path"
 			@update:model-value="
@@ -69,8 +75,9 @@
 			<template #help>
 				Diese Angabe wird an die IP bzw. den Hostnamen angehängt und
 				muss mit einem Schrägstrich "/" beginnen.<br />
-				Es wird vom Server eine ganze Zahl (Integer) erwartet, welche
-				den aktuellen Ladestand (SoC) in Prozent darstellt.
+				Es wird vom Server eine Zahl (Float mit Punkt als
+				Dezimaltrennzeichen oder Integer) erwartet, welche den aktuellen
+				Ladestand (SoC) in Prozent darstellt.
 			</template>
 		</openwb-base-text-input>
 	</div>