2 years ago · 2e3924d333
--- a/Dockerfile
+++ b/Dockerfile
@@ -2,6 +2,10 @@ FROM golang:alpine AS go
 
				 RUN apk add nodejs npm
			
 
				 WORKDIR /backend
			
 
				 
			
 
				+COPY /backend/swagger.sh .
			
 
				+RUN chmod +x swagger.sh
			
 
				+RUN ./swagger.sh install
			
 
				+
			
 
				 COPY ./go.mod .
			
 
				 RUN go mod download
			
 
				 
			
@@ -11,6 +15,7 @@ RUN npm install
 
				 
			
 
				 COPY . .
			
 
				 RUN npm run build
			
 
				+RUN ./swagger.sh init
			
 
				 RUN go build -o app
			
 
				 
			
 
				 FROM alpine AS logo
			
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -0,0 +1,13 @@
 
				+const WsType = { Weather: 0, System: 1 };
			
 
				+let socket = new WebSocket(window.location.origin.replace("http", "ws") + "/api/system/ws");
			
 
				+const weatherIcon = document.getElementById("weatherIcon");
			
 
				+const weatherTemp = document.getElementById("weatherTemp");
			
 
				+
			
 
				+socket.onmessage = (event) => {
			
 
				+  const parsed = JSON.parse(event.data);
			
 
				+  if (parsed.ws_type === WsType.Weather) {
			
 
				+    const weather = parsed.message;
			
 
				+    weatherIcon.setAttribute("xlink:href", "#" + weather.weather[0].icon);
			
 
				+    weatherTemp.innerHTML = parsed.message.main.temp + " " + parsed.message.units;
			
 
				+  }
			
 
				+};
			
--- a/templates/_base.gohtml
+++ b/templates/_base.gohtml
@@ -21,16 +21,15 @@
 
				         }
			
 
				       </style>
			
 
				       <link rel="stylesheet" href="/static/css/style.css" />
			
 
				+      <script type="module" src="/static/js/app.js"></script>
			
 
				     </head>
			
 
				 
			
 
				     <body class="bg-slate-100 dark:bg-slate-800 text-slate-800 dark:text-slate-50">
			
 
				       <div class="mx-auto max-w-7xl px-5 lg:px-8 my-3 md:my-10 lg:my-18 xl:my-28">{{ template "content" . }}</div>
			
 
				-      {{ template "scripts" . }}
			
 
				     </body>
			
 
				   </html>
			
 
				 {{ end }}
			
 
				 
			
 
				-{{ define "scripts" }}{{ end }}
			
 
				 {{ define "content" }}{{ end }}
			
 
				 
			
 
				 {{ define "weatherIcons" }}
			
--- a/templates/index.gohtml
+++ b/templates/index.gohtml
@@ -70,23 +70,3 @@
 
				     {{ end }}
			
 
				   </div>
			
 
				 {{ end }}
			
 
				-
			
 
				-{{ define "scripts" }}
			
 
				-  <script lang="ts">
			
 
				-    import { weather_OpenWeatherApiResponse } from "./openapi";
			
 
				-
			
 
				-    const WsType = { Weather: 0, System: 1 };
			
 
				-    let socket = new WebSocket(window.location.origin.replace("http", "ws") + "/api/system/ws");
			
 
				-    const weatherIcon = document.getElementById("weatherIcon");
			
 
				-    const weatherTemp = document.getElementById("weatherTemp");
			
 
				-
			
 
				-    socket.onmessage = (event) => {
			
 
				-      const parsed = JSON.parse(event.data);
			
 
				-      if (parsed.ws_type === WsType.Weather) {
			
 
				-        const weather: weather_OpenWeatherApiResponse = parsed.message;
			
 
				-        weatherIcon.setAttribute("xlink:href", "#" + weather.weather[0].icon);
			
 
				-        weatherTemp.innerHTML = parsed.message.main.temp + " " + parsed.message.units;
			
 
				-      }
			
 
				-    };
			
 
				-  </script>
			
 
				-{{ end }}