From 7641e5dcaaa93f0cb139412b35b61391038739f0 Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Thu, 21 Nov 2019 12:35:42 +0100
Subject: [PATCH] Add logout button

---
 client/src/pages/waitForClass.vue | 25 +++++++++++++++++++++++++
 server/registration/admin.py      |  1 +
 2 files changed, 26 insertions(+)

diff --git a/client/src/pages/waitForClass.vue b/client/src/pages/waitForClass.vue
index 38a53372..7531fe01 100644
--- a/client/src/pages/waitForClass.vue
+++ b/client/src/pages/waitForClass.vue
@@ -2,5 +2,30 @@
   <div class="no-class public-page">
     <h1 class="public-page__title">Sie sind keiner Klasse zugeteilt</h1>
     <p>Sie können mySkillbox nur verwenden wenn Sie in einer Klasse zugeteilt sind. Aktuell kann Sie nur der mySkillbox-Support einer Klasse zuteilen.</p>
+    <button class="button button--primary button--big logout-button" @click="logout">Abmelden</button>
   </div>
 </template>
+
+<script>
+  import LOGOUT_MUTATION from '@/graphql/gql/mutations/logoutUser.gql';
+
+  export default {
+
+    methods: {
+      logout() {
+        this.$apollo.mutate({
+          mutation: LOGOUT_MUTATION,
+        }).then(({data}) => {
+          if (data.logout.success) { location.replace('/') }
+        });
+      }
+    }
+  }
+</script>
+<style scoped lang="scss">
+  @import "@/styles/_variables.scss";
+
+  .logout-button {
+    margin-top: $large-spacing;
+  }
+</style>
diff --git a/server/registration/admin.py b/server/registration/admin.py
index 3ed5638c..64370f36 100644
--- a/server/registration/admin.py
+++ b/server/registration/admin.py
@@ -22,3 +22,4 @@ class LicenseTypeAdmin(admin.ModelAdmin):
 class LicenseAdmin(admin.ModelAdmin):
     list_display = ('license_type', 'licensee')
     list_filter = ('license_type', 'licensee')
+    raw_id_fields = ('licensee',)