Show only public info to outsiders in profile page

Author: forthright48

client/.eslintrc.js

@@ -37,7 +37,7 @@ module.exports = {
     'camelcase': [0, {
       'properties': 'always'
     }],
-    'comma-dangle': [2, 'never'],
+    'comma-dangle': [2, 'always-multiline'],
     'comma-spacing': [2, {
       'before': false,
       'after': true

client/src/views/users/components/solveCount.vue

@@ -14,22 +14,23 @@ export default {
   props: ['username'],
   computed: {
     ...mapGetters([
-      'ojInfo'
+      'ojInfo',
+      'profile',
     ]),
     getSolveCount() {
       return Object.keys(this.ojInfo).map((oj, ind) => {
         return {
           index: ind,
-          oj
+          oj,
         }
       })
-    }
+    },
   },
   async created() {
     if (Object.keys(this.ojInfo).length === 0) {
       await this.$store.dispatch(GetOjInfo)
     }
-  }
+  },
 }
 </script>
 

client/src/views/users/components/userProfile.vue

@@ -21,27 +21,33 @@ export default {
   computed: {
     ...mapGetters([
       'user',
-      'profile'
+      'profile',
     ]),
     getUserFields() {
-      return [{
+      const ret = [{
         feature: 'Email',
         icon: 'envelope',
-        value: this.profile.email
+        value: this.user.email,
       }, {
         feature: 'Username',
         icon: 'user',
-        value: this.profile.username
+        value: this.profile.username,
+        public: true,
       }, {
         feature: 'Roles',
         icon: 'users',
-        value: this.profile.roles.join(', ')
+        value: this.profile.roles.join(', '),
+        public: true,
       }, {
         feature: 'Password',
-        icon: 'key'
-      }]
-    }
-  }
+        icon: 'key',
+      } ]
+      return this.isOwner ? ret : ret.filter((x) => x.public)
+    },
+    isOwner() {
+      return this.user.username === this.profile.username
+    },
+  },
 }
 </script>
 

client/src/views/users/index.vue

@@ -13,31 +13,39 @@
 <script>
 import { UserProfile, SolveCount } from './components'
 import { FetchProfile } from '@/store/actions'
+import { mapGetters } from 'vuex'
 
 export default {
   components: { UserProfile, SolveCount },
   props: ['username'],
   data() {
     return {
-      loading: true
+      loading: true,
     }
   },
+  computed: {
+    ...mapGetters([
+      'user',
+    ]),
+  },
   watch: {
-    '$route': 'initiateUser'
+    '$route': 'initiateUser',
   },
   async created() {
     await this.initiateUser()
   },
   methods: {
     async initiateUser() {
+      if (this.username === ':username') {
+        return this.$router.push(`/user/profile/${this.user.username}`)
+      }
       try {
-        console.log('disptach profile')
         await this.$store.dispatch(FetchProfile, this.username)
       } finally {
         this.loading = false
       }
-    }
-  }
+    },
+  },
 }
 </script>