All files / pages UserSettings.vue

0% Statements 0/2
100% Branches 0/0
100% Functions 0/0
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                                                                                         
<template>
  <q-page padding>
    <!-- content -->
    <q-card class="q-pa-md">
      <div class="row">
        <div class="col-xs-12 col-sm-3">
          <div class="text-h6 text-grey-6">Public profile</div>
        </div>
        <div class="col-xs-12 col-sm-8">
          <ProfileForm />
        </div>
      </div>
    </q-card>
 
    <q-card class="q-pa-md q-mt-md">
      <div class="row">
        <div class="col-xs-12 col-sm-3">
          <div class="text-h6 text-grey-6">Profile picture</div>
        </div>
        <div class="col-xs-12 col-sm-8">
          <p class="q-mt-md text-caption text-grey">You can upload an avatar here:</p>
          <q-uploader url="http://localhost:4444/upload" style="max-width: 300px" />
        </div>
      </div>
    </q-card>
  </q-page>
</template>
 
<script>
import { mapGetters } from "vuex";
import ProfileForm from "src/components/ProfileForm";
export default {
  // name: 'PageName',
  components: {
    ProfileForm
  },
  computed: {
    ...mapGetters({ user: "auth/user" })
  }
};
</script>
 
<style>
</style>