Password protection for dtu settings

src/WebApi_dtu.cpp

@@ -7,6 +7,7 @@
 #include "AsyncJson.h"
 #include "Configuration.h"
 #include "Hoymiles.h"
+#include "WebApi.h"
 
 void WebApiDtuClass::init(AsyncWebServer* server)
 {
@@ -24,6 +25,10 @@ void WebApiDtuClass::loop()
 
 void WebApiDtuClass::onDtuAdminGet(AsyncWebServerRequest* request)
 {
+    if (!WebApi.checkCredentials(request)) {
+        return;
+    }
+
     AsyncJsonResponse* response = new AsyncJsonResponse();
     JsonObject root = response->getRoot();
     const CONFIG_T& config = Configuration.get();
@@ -43,6 +48,10 @@ void WebApiDtuClass::onDtuAdminGet(AsyncWebServerRequest* request)
 
 void WebApiDtuClass::onDtuAdminPost(AsyncWebServerRequest* request)
 {
+    if (!WebApi.checkCredentials(request)) {
+        return;
+    }
+
     AsyncJsonResponse* response = new AsyncJsonResponse();
     JsonObject retMsg = response->getRoot();
     retMsg[F("type")] = F("warning");

webapp/src/router/index.ts

@@ -100,7 +100,7 @@ const router = createRouter({
 router.beforeEach((to, from, next) => {
     // redirect to login page if not logged in and trying to access a restricted page
     const publicPages = ['/', '/login', '/about', '/info/network', '/info/system', '/info/ntp', '/info/mqtt',
-        '/settings/network', '/settings/ntp', '/settings/mqtt', '/settings/inverter', '/settings/dtu', '/firmware/upgrade', '/settings/config', ];
+        '/settings/network', '/settings/ntp', '/settings/mqtt', '/settings/inverter', '/firmware/upgrade', '/settings/config', ];
     const authRequired = !publicPages.includes(to.path);
     const loggedIn = localStorage.getItem('user');
 

webapp/src/views/DtuAdminView.vue

@@ -49,6 +49,7 @@
 import { defineComponent } from 'vue';
 import BasePage from '@/components/BasePage.vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
+import { handleResponse, authHeader } from '@/utils/authentication';
 import type { DtuConfig } from "@/types/DtuConfig";
 
 export default defineComponent({
@@ -77,8 +78,8 @@ export default defineComponent({
     methods: {
         getDtuConfig() {
             this.dataLoading = true;
-            fetch("/api/dtu/config")
+            fetch("/api/dtu/config", { headers: authHeader() })
-                .then((response) => response.json())
+                .then(handleResponse)
                 .then(
                     (data) => {
                         this.dtuConfigList = data;
@@ -94,15 +95,10 @@ export default defineComponent({
 
             fetch("/api/dtu/config", {
                 method: "POST",
+                headers: authHeader(),
                 body: formData,
             })
-                .then(function (response) {
+                .then(handleResponse)
-                    if (response.status != 200) {
-                        throw response.status;
-                    } else {
-                        return response.json();
-                    }
-                })
                 .then(
                     (response) => {
                         this.alertMessage = response.message;