From 4d2a1e5adfc8688bc585c96e959470d45f655438 Mon Sep 17 00:00:00 2001
From: HampusM <hampus@hampusmat.com>
Date: Mon, 30 May 2022 14:43:59 +0200
Subject: chore(master): add client folder

---
 master/src/App.vue                     |  15 -----
 master/src/components/G7Map.vue        |  85 -------------------------
 master/src/components/MinionStatus.vue | 110 ---------------------------------
 master/src/main.ts                     |   5 --
 master/src/router.ts                   |  17 -----
 master/src/scss/_breakpoints.scss      |   8 ---
 master/src/scss/_colors.scss           |   3 -
 master/src/scss/_fonts.scss            |   3 -
 master/src/shims-vue.d.ts              |   6 --
 master/src/views/Home.vue              |  53 ----------------
 10 files changed, 305 deletions(-)
 delete mode 100644 master/src/App.vue
 delete mode 100644 master/src/components/G7Map.vue
 delete mode 100644 master/src/components/MinionStatus.vue
 delete mode 100644 master/src/main.ts
 delete mode 100644 master/src/router.ts
 delete mode 100644 master/src/scss/_breakpoints.scss
 delete mode 100644 master/src/scss/_colors.scss
 delete mode 100644 master/src/scss/_fonts.scss
 delete mode 100644 master/src/shims-vue.d.ts
 delete mode 100644 master/src/views/Home.vue

(limited to 'master/src')

diff --git a/master/src/App.vue b/master/src/App.vue
deleted file mode 100644
index 1638c18..0000000
--- a/master/src/App.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-	<router-view />
-</template>
-
-<style lang="scss">
-@use "scss/colors";
-@use "scss/fonts";
-
-#app {
-    color: colors.$text;
-    background-color: colors.$background;
-    font-family: fonts.$primary;
-}
-
-</style>
diff --git a/master/src/components/G7Map.vue b/master/src/components/G7Map.vue
deleted file mode 100644
index 6a887b1..0000000
--- a/master/src/components/G7Map.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<template>
-	<div class="map-wrapper">
-		<img src="g7-map.svg">
-		<div class="rooms">
-			<span class="title">Rooms</span>
-			<ol>
-				<li
-					:key="room"
-					v-for="room in rooms"
-				>
-					{{ room }}
-				</li>
-			</ol>
-		</div>
-	</div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from "vue";
-
-export default defineComponent(
-	{
-		name: "G7Map",
-		data() {
-			return {
-				rooms: [
-					"Studio / G3",
-					"Studio 1",
-					"Hall",
-					"Studio 2",
-					"Studio 3",
-					"Grupprum",
-					"Verkstad",
-					"Serverrum",
-					"Kurator",
-					"Pannrum",
-					"Toalett",
-					"Inspelningsbås",
-					"G2",
-					"Trapphus"
-				]
-			};
-		}
-	}
-);
-</script>
-
-<style scoped lang="scss">
-@use "sass:map";
-
-@use "@/scss/colors";
-
-@import "@/scss/breakpoints";
-
-.map-wrapper {
-    display: flex;
-    flex-wrap: wrap;
-    row-gap: 5em;
-    column-gap: 10em;
-
-    img {
-        max-width: 50%;
-    }
-
-    .rooms {
-        min-width: 40%;
-
-        ol li {
-            line-height: 1.75em;
-        }
-
-        .title {
-            font-size: 2rem;
-            font-weight: 700;
-            color: colors.$primary;
-        }
-    }
-}
-
-@media (max-width: map.get($breakpoints, "xl")) {
-    .map-wrapper img {
-        max-width: 90%;
-    }
-}
-</style>
diff --git a/master/src/components/MinionStatus.vue b/master/src/components/MinionStatus.vue
deleted file mode 100644
index ec2564c..0000000
--- a/master/src/components/MinionStatus.vue
+++ /dev/null
@@ -1,110 +0,0 @@
-<template>
-	<div class="minion">
-		<span class="name">{{ name }}</span>
-		<span class="ip">{{ ip }}</span>
-		Temperature: {{ temperature }}
-	</div>
-</template>
-
-<script lang="ts">
-import { ref, defineComponent } from "vue";
-
-interface MinionResponseData {
-    data: { temperature: number } | null,
-    error: string | null
-}
-
-export default defineComponent(
-	{
-		name: "MinionStatus",
-		props: {
-			name: {
-				type: String,
-				required: true
-			},
-			ip: {
-				type: String,
-				required: true
-			}
-		},
-		setup(props) {
-			const temperature = ref("None");
-
-			async function fetch_temperature() {
-				let response: Response;
-
-				try {
-					response = await fetch(`http://${props.ip}`);
-				}
-				catch (err) {
-					const error = err as Error;
-
-					console.error(
-						`Failed to fetch temperature for minion "${props.name}". ` +
-                        `${error.message}`
-					);
-					return;
-				}
-
-				const data = await response.json() as MinionResponseData;
-
-				if(!response.ok) {
-					if(data.error !== null) {
-						console.error(
-							`Minion "${props.name}" responded with status ` +
-                                `${response.status} and error "${data.error}"`
-						);
-					}
-					else {
-						console.error(
-							`Minion "${props.name}" responded with status ` +
-                                `${response.status} and a unknown error`
-						);
-					}
-
-					return;
-				}
-
-				if(data.data == null) {
-					console.error(`Minion "${props.name}" has no data in response`);
-					return;
-				}
-
-				temperature.value = `${data.data.temperature}°C`;
-			}
-
-			return { temperature, fetch_temperature };
-		},
-		created() {
-			this.fetch_temperature();
-		}
-	}
-);
-</script>
-
-<style scoped lang="scss">
-@use "@/scss/colors";
-
-.minion {
-    background-color: lighten(colors.$background, 8%);
-    width: fit-content;
-    padding-top: 1em;
-    padding-bottom: 1.5em;
-    padding-left: 1.5em;
-    padding-right: 3em;
-    border: 1px solid lighten(colors.$background, 14%);
-    border-radius: 8px;
-
-    .name {
-        display: block;
-        font-size: 1.25rem;
-        font-weight: 700;
-        color: colors.$primary;
-        margin-bottom: 0.25em;
-    }
-
-    .ip {
-        display: block;
-    }
-}
-</style>
diff --git a/master/src/main.ts b/master/src/main.ts
deleted file mode 100644
index 10ea69d..0000000
--- a/master/src/main.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { createApp } from "vue";
-import App from "./App.vue";
-import router from "./router";
-
-createApp(App).use(router).mount("#app");
diff --git a/master/src/router.ts b/master/src/router.ts
deleted file mode 100644
index 4c70eab..0000000
--- a/master/src/router.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";
-import HomeView from "./views/Home.vue";
-
-const routes: Array<RouteRecordRaw> = [
-	{
-		path: "/",
-		name: "home",
-		component: HomeView
-	}
-];
-
-const router = createRouter({
-	history: createWebHashHistory(),
-	routes
-});
-
-export default router;
diff --git a/master/src/scss/_breakpoints.scss b/master/src/scss/_breakpoints.scss
deleted file mode 100644
index fe2ccdb..0000000
--- a/master/src/scss/_breakpoints.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-$breakpoints: (
-    "xs": 0,
-    "sm": 576px,
-    "md": 768px,
-    "lg": 992px,
-    "xl": 1200px,
-    "xxl": 1400px
-);
diff --git a/master/src/scss/_colors.scss b/master/src/scss/_colors.scss
deleted file mode 100644
index d8bc4dd..0000000
--- a/master/src/scss/_colors.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-$text: #ffffff;
-$background: #121212;
-$primary: #118AB2;
diff --git a/master/src/scss/_fonts.scss b/master/src/scss/_fonts.scss
deleted file mode 100644
index 72a9501..0000000
--- a/master/src/scss/_fonts.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
-
-$primary: "Lato", sans-serif;
diff --git a/master/src/shims-vue.d.ts b/master/src/shims-vue.d.ts
deleted file mode 100644
index 3804a43..0000000
--- a/master/src/shims-vue.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/* eslint-disable */
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}
diff --git a/master/src/views/Home.vue b/master/src/views/Home.vue
deleted file mode 100644
index 88f65e8..0000000
--- a/master/src/views/Home.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<template>
-	<div class="home">
-		<div id="title-container">
-			<span>Gymnasiearbete</span>
-		</div>
-		<!--
-		<div id="minion-list">
-			<Minion
-				name="Skyddsling 1"
-				ip="10.0.1.179"
-			/>
-		</div>
-        -->
-		<div id="map-container">
-			<G7Map />
-		</div>
-	</div>
-</template>
-
-<script lang="ts">
-import { Options, Vue } from "vue-class-component";
-import Minion from "@/components/MinionStatus.vue";
-import G7Map from "@/components/G7Map.vue";
-
-@Options({
-	components: {
-		Minion,
-		G7Map
-	}
-})
-export default class HomeView extends Vue {}
-</script>
-
-<style scoped lang="scss">
-#title-container {
-    display: flex;
-    justify-content: center;
-    margin-top: 2em;
-    margin-bottom: 7em;
-
-    span {
-        font-size: 2.5rem;
-    }
-}
-
-#minion-list {
-    margin: 3em;
-}
-
-#map-container {
-    margin-left: 3em;
-}
-</style>
-- 
cgit v1.2.3-18-g5258