add new

2021-08-24 14:35:11 +03:00
parent d8fba9335d
commit 4f37cb59b1
107 changed files with 3941 additions and 66 deletions
--- a/google-assistant-webserver/app/index.html
+++ b/google-assistant-webserver/app/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
+  <link href="https://cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css" rel="stylesheet">
+  <link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
+</head>
+<body>
+  <div id="app">
+    <v-app>
+        <v-main>
+            <v-container fluid fill-height>
+              <v-layout align-center justify-center>
+                <v-flex sm8>
+                  <v-card class="elevation-12">
+                    <v-toolbar dark color="black">
+                      <v-toolbar-title>Google Assistant Webserver</v-toolbar-title>
+                      <v-spacer></v-spacer>
+                    </v-toolbar>
+                    <v-card-text>
+                        <h2>Broadcast</h2>
+                        <v-text-field
+                          v-model="broadcast"
+                          label="Broadcast message"
+                          type="text"
+                        ></v-text-field>
+                        <v-btn @click="submitBroadcast()" class="mr-4">Send broadcast</v-btn>
+                        <br />
+                        <br />
+                        <h2>Send command</h2>
+                        <v-text-field
+                          v-model="command"
+                          label="Command to send to Google Assistant (e.g. turn off the lights)"
+                          type="text"
+                        ></v-text-field>
+                        <v-btn @click="submitCommand()" class="mr-4">Send command</v-btn>
+                        <v-card-actions>
+                          <v-spacer></v-spacer>
+                        <a @click="openAuth()">Authenticate</a>
+                        </v-card-actions>
+                    </v-card-text>
+                  </v-card>
+                </v-flex>
+              </v-layout>
+            </v-container>
+          </v-main>
+    </v-app>
+  </div>
+
+  <script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"></script>
+  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+  <script>
+    new Vue({
+      el: '#app',
+      vuetify: new Vuetify(),
+      data: () => ({
+            broadcast: '',
+            command: ''
+        }),
+      methods: {
+        async submitBroadcast () {
+          const res = await axios.get(window.location + 'broadcast', { params: { message: this.broadcast } })
+          alert('Message submitted ' + res.data)
+        },
+        async submitCommand () {
+          const res = await axios.get(window.location + 'command', { params: { message: this.command } })
+          alert('Message submitted ' + res.data)
+        },
+        openAuth () {
+          window.open(window.location + 'auth')
+        }
+      }
+    })
+  </script>
+</body>
+</html>