All files / pages UserDashboard.vue

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

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 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116                                                                                                                                                                                                                                       
<template>
  <div>
    <q-list class="q-mt-md">
      <q-item>
        <q-item-label class="text-h6">Start a ...</q-item-label>
      </q-item>
      <q-item>
        <div class="row q-gutter-md">
          <div class="col-auto">
            <q-btn v-ripple class="q-pa-sm q-px-md" to="/account/projects/new">
              <q-icon name="fas fa-plus" size="14px" class="q-mr-xs q-py-xl"/>New project
            </q-btn>
          </div>
          <div class="col-auto">
            <q-btn v-ripple class="q-pa-sm q-px-md" to="/account/collections/new">
              <q-icon name="fas fa-plus" size="14px" class="q-mr-xs q-py-xl"/>New collection
            </q-btn>
          </div>
        </div>
      </q-item>
    </q-list>
 
    <q-space class="q-my-xl"/>
    <q-list class="q-mt-md">
      <q-item>
        <q-item-label class="text-h6">Recent activity</q-item-label>
      </q-item>
      <q-item>
        <q-item-section avatar>
          <q-avatar color="teal-1" text-color="teal-5">
            <q-icon name="fas fa-bookmark"/>
          </q-avatar>
        </q-item-section>
        <q-item-section>
          <q-item-label>
            You bookmarked
            <a href="#">Hot pants</a> project.
          </q-item-label>
          <q-item-label caption>Today</q-item-label>
        </q-item-section>
      </q-item>
      <q-item>
        <q-item-section avatar>
          <q-avatar color="teal-1" text-color="teal-5">
            <q-icon name="fas fa-file"/>
          </q-avatar>
        </q-item-section>
        <q-item-section>
          <q-item-label>
            You uploaded project
            <a href="#">Hot wheels</a>.
          </q-item-label>
          <q-item-label caption>2019-05-23</q-item-label>
        </q-item-section>
      </q-item>
      <q-item>
        <q-item-section avatar>
          <q-avatar color="teal-1" text-color="teal-5">
            <q-icon name="fas fa-folder"/>
          </q-avatar>
        </q-item-section>
        <q-item-section>
          <q-item-label>
            You created the
            <a href="#">Zero waste design</a> collection.
          </q-item-label>
          <q-item-label caption>2019-05-23</q-item-label>
        </q-item-section>
      </q-item>
      <q-item>
        <q-item-section avatar>
          <q-avatar color="teal-1" text-color="teal-5">
            <q-icon name="fas fa-comment"/>
          </q-avatar>
        </q-item-section>
        <q-item-section>
          <q-item-label>
            <a href="#">Zorro</a> left a new comment for your project
            <a href="#">Hot wheels</a>.
          </q-item-label>
          <q-item-label caption>2019-05-23</q-item-label>
        </q-item-section>
      </q-item>
      <q-item>
        <q-item-section avatar>
          <q-avatar color="teal-1" text-color="teal-5">
            <q-icon name="fas fa-heart"/>
          </q-avatar>
        </q-item-section>
        <q-item-section>
          <q-item-label>
            <a href="#">Pinco pallino</a> bookmarked your project
            <a href="#">Hot wheels</a>.
          </q-item-label>
          <q-item-label caption>2019-05-23</q-item-label>
        </q-item-section>
      </q-item>
    </q-list>
  </div>
</template>
 
<script>
import UserGallery from "../components/UserGallery";
export default {
  components: {
    UserGallery
  }
};
</script>
 
<style>
.user-dashboard-toolbar {
  margin-right: 40px;
}
</style>