🎉 First commit, from couchbase generator, basic changes

not tested / updated yet
2019-02-09 19:42:36 +04:00
commit 7f8bfc8faa
198 changed files with 21022 additions and 0 deletions
@@ -0,0 +1,51 @@
+<template>
+  <v-container fluid>
+    <v-card class="ma-3 pa-3">
+      <v-card-title primary-title>
+        <div class="headline primary--text">User Profile</div>
+      </v-card-title>
+      <v-card-text>
+        <div class="my-4">
+          <div class="subheading secondary--text text--lighten-3">Full Name</div>
+          <div class="title primary--text text--darken-2" v-if="userProfile && userProfile.human_name">{{userProfile.human_name}}</div>
+          <div class="title primary--text text--darken-2" v-else>-----</div>
+        </div>
+        <div class="my-3">
+          <div class="subheading secondary--text text--lighten-3">Username</div>
+          <div class="title primary--text text--darken-2" v-if="userProfile && userProfile.name">{{userProfile.name}}</div>
+          <div class="title primary--text text--darken-2" v-else>-----</div>
+        </div>
+        <div class="my-3">
+          <div class="subheading secondary--text text--lighten-3">Email</div>
+          <div class="title primary--text text--darken-2" v-if="userProfile && userProfile.email">{{userProfile.email}}</div>
+          <div class="title primary--text text--darken-2" v-else>-----</div>
+        </div>
+      </v-card-text>
+      <v-card-actions>
+        <v-btn to="/main/profile/edit">Edit</v-btn>
+        <v-btn to="/main/profile/password">Change password</v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-container>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator';
+import { Store } from 'vuex';
+import { readUserProfile } from '@/store/main/accessors';
+
+@Component
+export default class UserProfile extends Vue {
+  get userProfile() {
+    return readUserProfile(this.$store);
+  }
+
+  public goToEdit() {
+    this.$router.push('/main/profile/edit');
+  }
+
+  public goToPassword() {
+    this.$router.push('/main/profile/password');
+  }
+}
+</script>