All files / components UserPopupMenu.vue

0% Statements 0/2
100% Branches 0/0
0% Functions 0/2
0% Lines 0/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50                                                                                                   
<template>
  <q-btn dense flat v-if="user">
    <q-avatar>
      <q-img :src="user.photoURL" v-if="user.photoURL"/>
      <span v-else>{{user.name.charAt(0)}}</span>
    </q-avatar>
    <q-menu auto-close>
      <q-list style="min-width: 160px">
        <q-item clickable v-ripple to="/account">
          <q-item-section>Account</q-item-section>
        </q-item>
        <q-item clickable v-ripple to="/account/projects">
          <q-item-section>Projects</q-item-section>
        </q-item>
        <q-item clickable v-ripple to="/account/projects/new">
          <q-item-section>New project...</q-item-section>
        </q-item>
        <q-separator/>
        <q-item clickable v-ripple to="/account/collections">
          <q-item-section>Collections</q-item-section>
        </q-item>
        <q-item clickable v-ripple to="/account/bookmarks">
          <q-item-section>Bookmarks</q-item-section>
        </q-item>
        <q-item clickable v-ripple @click="handleLogout">
          <q-item-section>Logout</q-item-section>
        </q-item>
      </q-list>
    </q-menu>
  </q-btn>
</template>
 
<script>
export default {
  // name: 'ComponentName',
  props: ["user"],
  data() {
    return {};
  },
  methods: {
    handleLogout() {
      this.$emit("logout");
    }
  }
};
</script>
 
<style>
</style>