From 29860637f9124cbfb50e2735d52dc04bbcf84145 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?=
 <Joern-Michael.Miehe@Lenaisten.de>
Date: Sun, 6 Sep 2020 02:44:39 +0200
Subject: [PATCH] reformat; get_id in App.vue

---
 ui/src/App.vue             | 25 ++++++++++++++++---------
 ui/src/components/BDay.vue | 35 ++++++++++++++++++-----------------
 2 files changed, 34 insertions(+), 26 deletions(-)

diff --git a/ui/src/App.vue b/ui/src/App.vue
index 271e888..6230de8 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -1,26 +1,33 @@
 <template>
   <div id="app">
-    <img class="logo" alt="Lenaistenlogo" src="./assets/logo.png">
+    <img class="logo" alt="Lenaistenlogo" src="./assets/logo.png" />
     <BDay />
   </div>
 </template>
 
 <script>
-import BDay from './components/BDay.vue'
+import BDay from "./components/BDay.vue";
 
 export default {
-  name: 'App',
+  name: "App",
+
   components: {
-    BDay
-  }
-}
+    BDay,
+  },
+
+  computed: {
+    get_id: () => {
+      return window.location.pathname.substring(1);
+    },
+  },
+};
 </script>
 
 <style>
 html {
-	background-image: url('./assets/bg.jpg');
-	height: 100%; 
-	/* overflow:hidden; */
+  background-image: url("./assets/bg.jpg");
+  height: 100%;
+  /* overflow:hidden; */
 }
 
 #app {
diff --git a/ui/src/components/BDay.vue b/ui/src/components/BDay.vue
index 803d645..fae7a59 100644
--- a/ui/src/components/BDay.vue
+++ b/ui/src/components/BDay.vue
@@ -1,28 +1,29 @@
 <template>
-    <div class="bday">
-        <h1>Alles Gute zu Deinem Geburtstag!</h1>
-        <vue-plyr>
-            <video poster='../assets/poster.png' autoplay="true">
-                <source src='/fake_api/part1_240.mp4' type='video/mp4' size='240'>
-                <source src='/fake_api/part1_360.mp4' type='video/mp4' size='360'>
-                <source src='/fake_api/part1_480.mp4' type='video/mp4' size='480'>
-            </video>
-        </vue-plyr>
-    </div>
+  <div class="bday">
+    <h1>Alles Gute zu Deinem Geburtstag!</h1>
+    <vue-plyr>
+      <video poster="../assets/poster.png" autoplay="true">
+        <source src="/fake_api/part1_240.mp4" type="video/mp4" size="240" />
+        <source src="/fake_api/part1_360.mp4" type="video/mp4" size="360" />
+        <source src="/fake_api/part1_480.mp4" type="video/mp4" size="480" />
+      </video>
+    </vue-plyr>
+  </div>
 </template>
 
 <script>
 export default {
-    name: 'BDay',
-    mounted: () => {
-        document.title = 'Herzlichen Glückwunsch!'
-    }
-}
+  name: "BDay",
+
+  mounted: () => {
+    document.title = "Herzlichen Glückwunsch!";
+  },
+};
 </script>
 
 <style scoped>
 div.bday {
-    margin: auto;
-    max-width: 850px;
+  margin: auto;
+  max-width: 850px;
 }
 </style>