diff --git a/frontend/src/App.vue b/frontend/src/App.vue index c966997..e005e05 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -1,10 +1,10 @@ @@ -18,7 +18,15 @@ export default { }, data() { return { - loggedin: false + loggedin: false, + } + }, + methods: { + auth(image) { + if (image) { + this.loggedin = true + this.image = image + } } } } @@ -38,11 +46,18 @@ body { margin-top: 60px; } -img { +#logo { width: 100px; padding: 50px; margin: auto; display: block; border-radius: 50%; } + +.pageSide { + padding: 1.5rem; + background-color: #FFF; + border-radius: .3rem; + text-align: center; +} diff --git a/frontend/src/components/Login.vue b/frontend/src/components/Login.vue index a2b3edc..1255824 100644 --- a/frontend/src/components/Login.vue +++ b/frontend/src/components/Login.vue @@ -5,7 +5,7 @@ { + var bytes = new Uint8Array(response.data); + var binary = bytes.reduce((data, b) => data += String.fromCharCode(b), ''); + this.src = "data:image/jpeg;base64," + btoa(binary); + this.$emit('auth', this.src) }); - this.loggedIn = response.data.loggedIn; } + }, + mounted() { + this.auth() } }