Deploying to gh-pages from @ b96b63a 🚀

pixelit-project · Oct 7, 2024 · 9cadd67 · 9cadd67
1 parent ec8ba7f
commit 9cadd67
Show file tree

Hide file tree

Showing 7 changed files with 7,826 additions and 13 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/ColorPickerTextfield.vue b/src/components/ColorPickerTextfield.vue
@@ -1,13 +1,13 @@
 <template>
-    <v-text-field v-model="config.clockColor" label="Color" readonly hint="click left on the box">
+    <v-text-field v-model="color" label="Color" readonly hint="click left on the box">
         <template v-slot:prepend>
             <v-menu v-model="menu" top nudge-bottom="100" nudge-left="16" :close-on-content-click="false">
                 <template v-slot:activator="{ on }">
                     <div :style="swatchStyle" class="elevation-1" v-on="on"></div>
                 </template>
                 <v-card>
                     <v-card-text class="pa-0">
-                        <v-color-picker v-model="config.clockColor" />
+                        <v-color-picker v-model="color" />
                     </v-card-text>
                 </v-card>
             </v-menu>
@@ -22,15 +22,17 @@ export default {
             menu: false,
         };
     },
-    props: {},
-    computed: {
-        config() {
-            return this.$store.state.configData;
+    props: {
+        color: {
+            type: String,
+            required: true,
         },
+    },
+    computed: {
         swatchStyle() {
-            const { config, menu } = this;
+            const { color, menu } = this;
             return {
-                backgroundColor: config.clockColor,
+                backgroundColor: color,
                 cursor: 'pointer',
                 height: '30px',
                 width: '30px',

diff --git a/src/views/Options.vue b/src/views/Options.vue
@@ -72,7 +72,7 @@
                         <br />
                         <v-text-field v-model="config.ntpServer" label="NTP-Server" hint="domain or ip address" :rules="[rules.required]"></v-text-field>
                         <v-text-field v-model="config.clockTimeZone" type="number" label="UTC offset" hint="your UTC time offset" :rules="[rules.required, rules.minMinus12, rules.max14]"></v-text-field>
-                        <ColorPickerTextfield />
+                        <ColorPickerTextfield :color="config.clockColor" />
                         <v-switch v-model="config.clockDayLightSaving" label="Daylight saving" dense hide-details></v-switch>
                         <v-switch v-model="config.clock24Hours" label="24 Hours" persistent-hint dense hide-details></v-switch>
                         <v-switch v-model="config.clockLargeFont" label="Large clock font" persistent-hint :disabled="config.clockFatFont" dense hide-details></v-switch>
@@ -219,7 +219,7 @@ export default {
         },
         deviceTopicLabel() {
             let hostname = '';
-            if (this.$store.state.configData.hostname != '') {
+            if (this.$store?.state?.configData?.hostname != '') {
                 hostname = this.$store.state.configData.hostname.trim();
             } else {
                 hostname = this.$store.state.displayHostname;

diff --git a/src/views/Update.vue b/src/views/Update.vue
@@ -6,7 +6,7 @@
                     <v-col cols="12" lg="12">
                         <v-card class="pa-0" elevation="4">
                             <v-card-text class="text-md-center">
-                                <h2>Firmware / Filesystem Update</h2>
+                                <h2>Update Firmware & Filesystem</h2>
                             </v-card-text>
                         </v-card>
                     </v-col>
@@ -70,7 +70,6 @@
                 <v-card class="pa-2" elevation="4">
                     <v-card-title>
                         <h2>Download Stats</h2>
-                        <span class="smallInfo">( last 4 versions )</span>
                     </v-card-title>
                     <hr />
                     <DownloadStats :items="gitReleases" />

diff --git a/webui/index.html b/webui/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"><link rel="icon" href="https://pixelit-project.github.io/PixelIt/webui/favicon.ico"><title>PixelIt WebUI</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css"><link href="https://pixelit-project.github.io/PixelIt/webui/css/app.06728995.css" rel="preload" as="style"><link href="https://pixelit-project.github.io/PixelIt/webui/css/chunk-vendors.11634a2a.css" rel="preload" as="style"><link href="https://pixelit-project.github.io/PixelIt/webui/js/app.a4f05584.js" rel="preload" as="script"><link href="https://pixelit-project.github.io/PixelIt/webui/js/chunk-vendors.09d0b722.js" rel="preload" as="script"><link href="https://pixelit-project.github.io/PixelIt/webui/css/chunk-vendors.11634a2a.css" rel="stylesheet"><link href="https://pixelit-project.github.io/PixelIt/webui/css/app.06728995.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but Pixel It the Matrix Display doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="https://pixelit-project.github.io/PixelIt/webui/js/chunk-vendors.09d0b722.js"></script><script src="https://pixelit-project.github.io/PixelIt/webui/js/app.a4f05584.js"></script></body></html>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"><link rel="icon" href="https://pixelit-project.github.io/PixelIt/webui/favicon.ico"><title>PixelIt WebUI</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css"><link href="https://pixelit-project.github.io/PixelIt/webui/css/app.06728995.css" rel="preload" as="style"><link href="https://pixelit-project.github.io/PixelIt/webui/css/chunk-vendors.11634a2a.css" rel="preload" as="style"><link href="https://pixelit-project.github.io/PixelIt/webui/js/app.409cc7dd.js" rel="preload" as="script"><link href="https://pixelit-project.github.io/PixelIt/webui/js/chunk-vendors.09d0b722.js" rel="preload" as="script"><link href="https://pixelit-project.github.io/PixelIt/webui/css/chunk-vendors.11634a2a.css" rel="stylesheet"><link href="https://pixelit-project.github.io/PixelIt/webui/css/app.06728995.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but Pixel It the Matrix Display doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="https://pixelit-project.github.io/PixelIt/webui/js/chunk-vendors.09d0b722.js"></script><script src="https://pixelit-project.github.io/PixelIt/webui/js/app.409cc7dd.js"></script></body></html>
diff --git a/webui/js/app.409cc7dd.js b/webui/js/app.409cc7dd.js
diff --git a/webui/js/app.409cc7dd.js.map b/webui/js/app.409cc7dd.js.map
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"><link rel="icon" href="https://pixelit-project.github.io/PixelIt/webui/favicon.ico"><title>PixelIt WebUI</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css"><link href="https://pixelit-project.github.io/PixelIt/webui/css/app.06728995.css" rel="preload" as="style"><link href="https://pixelit-project.github.io/PixelIt/webui/css/chunk-vendors.11634a2a.css" rel="preload" as="style"><link href="https://pixelit-project.github.io/PixelIt/webui/js/app.a4f05584.js" rel="preload" as="script"><link href="https://pixelit-project.github.io/PixelIt/webui/js/chunk-vendors.09d0b722.js" rel="preload" as="script"><link href="https://pixelit-project.github.io/PixelIt/webui/css/chunk-vendors.11634a2a.css" rel="stylesheet"><link href="https://pixelit-project.github.io/PixelIt/webui/css/app.06728995.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but Pixel It the Matrix Display doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="https://pixelit-project.github.io/PixelIt/webui/js/chunk-vendors.09d0b722.js"></script><script src="https://pixelit-project.github.io/PixelIt/webui/js/app.a4f05584.js"></script></body></html>
		<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"><link rel="icon" href="https://pixelit-project.github.io/PixelIt/webui/favicon.ico"><title>PixelIt WebUI</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css"><link href="https://pixelit-project.github.io/PixelIt/webui/css/app.06728995.css" rel="preload" as="style"><link href="https://pixelit-project.github.io/PixelIt/webui/css/chunk-vendors.11634a2a.css" rel="preload" as="style"><link href="https://pixelit-project.github.io/PixelIt/webui/js/app.409cc7dd.js" rel="preload" as="script"><link href="https://pixelit-project.github.io/PixelIt/webui/js/chunk-vendors.09d0b722.js" rel="preload" as="script"><link href="https://pixelit-project.github.io/PixelIt/webui/css/chunk-vendors.11634a2a.css" rel="stylesheet"><link href="https://pixelit-project.github.io/PixelIt/webui/css/app.06728995.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but Pixel It the Matrix Display doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="https://pixelit-project.github.io/PixelIt/webui/js/chunk-vendors.09d0b722.js"></script><script src="https://pixelit-project.github.io/PixelIt/webui/js/app.409cc7dd.js"></script></body></html>