Merge pull request #8 from cornell-dti/logout

Han - Implement logout functionality

src/components/SemesterView.vue

@@ -1,6 +1,9 @@
 <template>
   <div class="semesterView">
-    <div><button v-on:click="changeCompact">Change View</button></div>
+    <div>
+      <button v-on:click="changeCompact">Change View</button>
+      <button v-on:click="logout">Logout</button>
+    </div>
     <!-- <confirmation text='Added "🌸 Spring 2020" to plan'/> -->
     <div v-if="!compact" class="semesterView-content">
       <div v-for="sem in semesters" v-bind:key="sem.id" class="semesterView-wrapper">
@@ -27,6 +30,7 @@
 
 <script>
 import Vue from 'vue';
+import firebase from 'firebase';
 import Course from '@/components/Course';
 import Semester from '@/components/Semester';
 // import Confirmation from '@/components/Confirmation';
@@ -65,6 +69,14 @@ export default {
   methods: {
     changeCompact() {
       this.$emit('compact-updated', !this.compact);
+    },
+    logout() {
+      firebase.auth().signOut().then(() => {
+        window.location.reload(false);
+      }, error => {
+        // TODO: error
+        console.log(error);
+      });
     }
   }
 };