From c7f3c9d908506a35e7c1fec5dc54cc9fbcc41a7c Mon Sep 17 00:00:00 2001
From: NGPixel <github@ngpixel.com>
Date: Mon, 30 Mar 2020 01:30:10 -0400
Subject: [PATCH] feat: user profile fetch info + groups
---
client/components/common/nav-header.vue | 9 +-
client/components/profile.vue | 15 +-
client/components/profile/profile.vue | 458 +++++++++++++++++++++++-
server/graph/resolvers/user.js | 18 +
server/graph/schemas/user.graphql | 18 +
server/helpers/error.js | 4 +
6 files changed, 498 insertions(+), 24 deletions(-)
diff --git a/client/components/common/nav-header.vue b/client/components/common/nav-header.vue
index b613e160..4071e0df 100644
--- a/client/components/common/nav-header.vue
+++ b/client/components/common/nav-header.vue
@@ -180,11 +180,10 @@
//- v-list-item-content
//- v-list-item-title {{$t('common:header.myWiki')}}
//- v-list-item-subtitle.overline Coming soon
- //- v-list-item(href='/p', disabled)
- //- v-list-item-action: v-icon(color='blue') mdi-face-profile
- //- v-list-item-content
- //- v-list-item-title {{$t('common:header.profile')}}
- //- v-list-item-subtitle.overline Coming soon
+ v-list-item(href='/p')
+ v-list-item-action: v-icon(color='blue-grey') mdi-face-profile
+ v-list-item-content
+ v-list-item-title(:class='$vuetify.theme.dark ? `blue-grey--text text--lighten-3` : `blue-grey--text`') {{$t('common:header.profile')}}
v-list-item(href='/a', v-if='isAuthenticated && isAdmin')
v-list-item-action.btn-animate-rotate: v-icon(:color='$vuetify.theme.dark ? `blue-grey lighten-3` : `blue-grey`') mdi-cog
v-list-item-title(:class='$vuetify.theme.dark ? `blue-grey--text text--lighten-3` : `blue-grey--text`') {{$t('common:header.admin')}}
diff --git a/client/components/profile.vue b/client/components/profile.vue
index 72f4e972..efd55e24 100644
--- a/client/components/profile.vue
+++ b/client/components/profile.vue
@@ -4,14 +4,14 @@
v-navigation-drawer.pb-0(v-model='profileDrawerShown', app, fixed, clipped, left, permanent)
v-list(dense, nav)
v-list-item(to='/profile')
- v-list-item-action: v-icon mdi-account-badge
+ v-list-item-action: v-icon mdi-face-profile
v-list-item-content
v-list-item-title Profile
- v-list-item(to='/preferences', disabled)
- v-list-item-action: v-icon(color='grey lighten-1') mdi-settings-outline
- v-list-item-content
- v-list-item-title Preferences
- v-list-item-subtitle.caption.grey--text.text--lighten-1 Coming soon
+ //- v-list-item(to='/preferences', disabled)
+ //- v-list-item-action: v-icon(color='grey lighten-1') mdi-cog-outline
+ //- v-list-item-content
+ //- v-list-item-title Preferences
+ //- v-list-item-subtitle.caption.grey--text.text--lighten-1 Coming soon
v-list-item(to='/pages', disabled)
v-list-item-action: v-icon(color='grey lighten-1') mdi-file-document
v-list-item-content
@@ -43,7 +43,7 @@ const router = new VueRouter({
routes: [
{ path: '/', redirect: '/profile' },
{ path: '/profile', component: () => import(/* webpackChunkName: "profile" */ './profile/profile.vue') },
- { path: '/preferences', component: () => import(/* webpackChunkName: "profile" */ './profile/preferences.vue') },
+ // { path: '/preferences', component: () => import(/* webpackChunkName: "profile" */ './profile/preferences.vue') },
{ path: '/pages', component: () => import(/* webpackChunkName: "profile" */ './profile/pages.vue') },
{ path: '/comments', component: () => import(/* webpackChunkName: "profile" */ './profile/comments.vue') }
]
@@ -59,6 +59,7 @@ router.afterEach((to, from) => {
})
export default {
+ i18nOptions: { namespaces: 'profile' },
data() {
return {
profileDrawerShown: true
diff --git a/client/components/profile/profile.vue b/client/components/profile/profile.vue
index a6e63e3f..3dd7d9d3 100644
--- a/client/components/profile/profile.vue
+++ b/client/components/profile/profile.vue
@@ -5,20 +5,134 @@
.profile-header
img.animated.fadeInUp(src='/svg/icon-profile.svg', alt='Users', style='width: 80px;')
.profile-header-title
- .headline.primary--text.animated.fadeInLeft Profile
- .subheading.grey--text.animated.fadeInLeft Personal profile
+ .headline.primary--text.animated.fadeInLeft {{$t('profile:title')}}
+ .subheading.grey--text.animated.fadeInLeft {{$t('profile:subtitle')}}
v-spacer
v-btn.animated.fadeInDown(outlined, color='primary', disabled).mr-0
v-icon(left) mdi-earth
- span View Public Profile
+ span {{$t('profile:viewPublicProfile')}}
v-flex(lg6 xs12)
v-card
v-toolbar(color='primary', dark, dense, flat)
- v-toolbar-title.subtitle-1 User Details
- v-card-text
- v-text-field(label='Name', :counter='255', v-model='name', prepend-icon='mdi-account')
- v-text-field(label='Job Title', :counter='255', prepend-icon='mdi-human')
- v-text-field(label='Location / Office', :counter='255', prepend-icon='mdi-map-marker')
+ v-toolbar-title.subtitle-1 {{$t('profile:myInfo')}}
+ v-list(two-line, dense)
+ v-list-item
+ v-list-item-avatar(size='32')
+ v-icon mdi-account
+ v-list-item-content
+ v-list-item-title {{$t('profile:displayName')}}
+ v-list-item-subtitle {{ user.name }}
+ v-list-item-action
+ v-menu(
+ v-model='editPop.name'
+ :close-on-content-click='false'
+ min-width='350'
+ left
+ )
+ template(v-slot:activator='{ on }')
+ v-btn(icon, color='grey', x-small, v-on='on', @click='focusField(`iptDisplayName`)')
+ v-icon mdi-pencil
+ v-card
+ v-text-field(
+ ref='iptDisplayName'
+ v-model='user.name'
+ :label='$t(`profile:displayName`)'
+ solo
+ hide-details
+ append-icon='mdi-check'
+ @click:append='editPop.name = false'
+ @keydown.enter='editPop.name = false'
+ @keydown.esc='editPop.name = false'
+ )
+ v-divider
+ v-list-item
+ v-list-item-avatar(size='32')
+ v-icon mdi-map-marker
+ v-list-item-content
+ v-list-item-title {{$t('profile:location')}}
+ v-list-item-subtitle {{ user.location }}
+ v-list-item-action
+ v-menu(
+ v-model='editPop.location'
+ :close-on-content-click='false'
+ min-width='350'
+ left
+ )
+ template(v-slot:activator='{ on }')
+ v-btn(icon, color='grey', x-small, v-on='on', @click='focusField(`iptLocation`)')
+ v-icon mdi-pencil
+ v-card
+ v-text-field(
+ ref='iptLocation'
+ v-model='user.location'
+ :label='$t(`profile:location`)'
+ solo
+ hide-details
+ append-icon='mdi-check'
+ @click:append='editPop.location = false'
+ @keydown.enter='editPop.location = false'
+ @keydown.esc='editPop.location = false'
+ )
+ v-divider
+ v-list-item
+ v-list-item-avatar(size='32')
+ v-icon mdi-briefcase
+ v-list-item-content
+ v-list-item-title {{$t('profile:jobTitle')}}
+ v-list-item-subtitle {{ user.jobTitle }}
+ v-list-item-action
+ v-menu(
+ v-model='editPop.jobTitle'
+ :close-on-content-click='false'
+ min-width='350'
+ left
+ )
+ template(v-slot:activator='{ on }')
+ v-btn(icon, color='grey', x-small, v-on='on', @click='focusField(`iptJobTitle`)')
+ v-icon mdi-pencil
+ v-card
+ v-text-field(
+ ref='iptJobTitle'
+ v-model='user.jobTitle'
+ :label='$t(`profile:jobTitle`)'
+ solo
+ hide-details
+ append-icon='mdi-check'
+ @click:append='editPop.jobTitle = false'
+ @keydown.enter='editPop.jobTitle = false'
+ @keydown.esc='editPop.jobTitle = false'
+ )
+ v-divider
+ v-list-item
+ v-list-item-avatar(size='32')
+ v-icon mdi-map-clock-outline
+ v-list-item-content
+ v-list-item-title {{$t('profile:timezone')}}
+ v-list-item-subtitle {{ user.timezone }}
+ v-list-item-action
+ v-menu(
+ v-model='editPop.timezone'
+ :close-on-content-click='false'
+ min-width='350'
+ left
+ )
+ template(v-slot:activator='{ on }')
+ v-btn(icon, color='grey', x-small, v-on='on', @click='focusField(`iptTimezone`)')
+ v-icon mdi-pencil
+ v-card
+ v-select(
+ ref='iptTimezone'
+ :items='timezones'
+ v-model='user.timezone'
+ :label='$t(`profile:timezone`)'
+ solo
+ dense
+ hide-details
+ append-icon='mdi-check'
+ @click:append='editPop.timezone = false'
+ @keydown.enter='editPop.timezone = false'
+ @keydown.esc='editPop.timezone = false'
+ )
v-card-chin
v-spacer
v-btn.px-4(color='success')
@@ -63,17 +177,29 @@
v-icon(size='64', color='grey lighten-2') mdi-account-circle
v-btn(depressed).mx-4.elevation-1 Upload Picture
v-btn(depressed, disabled).elevation-1 Remove Picture
+ v-card.mt-3
+ v-toolbar(color='primary', dark, dense, flat)
+ v-toolbar-title
+ .subtitle-1 Groups
+ v-list(dense)
+ template(v-for='(grp, idx) of user.groups')
+ v-list-item(:key='`grp-id-` + grp')
+ v-list-item-avatar(size='32')
+ v-icon mdi-account-group
+ v-list-item-content
+ v-list-item-title.body-2 {{grp}}
+ v-divider(v-if='idx < user.groups.length - 1')
v-card.mt-3
v-toolbar(color='teal', dark, dense, flat)
v-toolbar-title
.subtitle-1 Activity
v-card-text.grey--text.text--darken-2
.caption.grey--text Joined on
- .body-2: strong January 1st, 2018 at 12:00 AM
+ .body-2: strong {{ user.createdAt | moment('LLLL') }}
.caption.grey--text.mt-3 Profile last updated on
- .body-2: strong January 1st, 2018 at 12:00 AM
+ .body-2: strong {{ user.updatedAt | moment('LLLL') }}
.caption.grey--text.mt-3 Last login on
- .body-2: strong January 1st, 2018 at 12:00 AM
+ .body-2: strong {{ user.lastLoginOn | moment('LLLL') }}
v-divider.mt-3
.caption.grey--text.mt-3 Pages created
.body-2: strong 0
@@ -82,10 +208,318 @@
</template>
<script>
+import gql from 'graphql-tag'
+import _ from 'lodash'
+
export default {
data() {
return {
- name: 'John Doe'
+ user: {
+ createdAt: '1970-01-01',
+ updatedAt: '1970-01-01',
+ lastLoginOn: '1970-01-01',
+ groups: []
+ },
+ editPop: {
+ name: false,
+ location: false,
+ jobTitle: false,
+ timezone: false
+ },
+ timezones: [
+ { text: '(GMT-11:00) Niue', value: 'Pacific/Niue' },
+ { text: '(GMT-11:00) Pago Pago', value: 'Pacific/Pago_Pago' },
+ { text: '(GMT-10:00) Hawaii Time', value: 'Pacific/Honolulu' },
+ { text: '(GMT-10:00) Rarotonga', value: 'Pacific/Rarotonga' },
+ { text: '(GMT-10:00) Tahiti', value: 'Pacific/Tahiti' },
+ { text: '(GMT-09:30) Marquesas', value: 'Pacific/Marquesas' },
+ { text: '(GMT-09:00) Alaska Time', value: 'America/Anchorage' },
+ { text: '(GMT-09:00) Gambier', value: 'Pacific/Gambier' },
+ { text: '(GMT-08:00) Pacific Time', value: 'America/Los_Angeles' },
+ { text: '(GMT-08:00) Pacific Time - Tijuana', value: 'America/Tijuana' },
+ { text: '(GMT-08:00) Pacific Time - Vancouver', value: 'America/Vancouver' },
+ { text: '(GMT-08:00) Pacific Time - Whitehorse', value: 'America/Whitehorse' },
+ { text: '(GMT-08:00) Pitcairn', value: 'Pacific/Pitcairn' },
+ { text: '(GMT-07:00) Mountain Time', value: 'America/Denver' },
+ { text: '(GMT-07:00) Mountain Time - Arizona', value: 'America/Phoenix' },
+ { text: '(GMT-07:00) Mountain Time - Chihuahua, Mazatlan', value: 'America/Mazatlan' },
+ { text: '(GMT-07:00) Mountain Time - Dawson Creek', value: 'America/Dawson_Creek' },
+ { text: '(GMT-07:00) Mountain Time - Edmonton', value: 'America/Edmonton' },
+ { text: '(GMT-07:00) Mountain Time - Hermosillo', value: 'America/Hermosillo' },
+ { text: '(GMT-07:00) Mountain Time - Yellowknife', value: 'America/Yellowknife' },
+ { text: '(GMT-06:00) Belize', value: 'America/Belize' },
+ { text: '(GMT-06:00) Central Time', value: 'America/Chicago' },
+ { text: '(GMT-06:00) Central Time - Mexico City', value: 'America/Mexico_City' },
+ { text: '(GMT-06:00) Central Time - Regina', value: 'America/Regina' },
+ { text: '(GMT-06:00) Central Time - Tegucigalpa', value: 'America/Tegucigalpa' },
+ { text: '(GMT-06:00) Central Time - Winnipeg', value: 'America/Winnipeg' },
+ { text: '(GMT-06:00) Costa Rica', value: 'America/Costa_Rica' },
+ { text: '(GMT-06:00) El Salvador', value: 'America/El_Salvador' },
+ { text: '(GMT-06:00) Galapagos', value: 'Pacific/Galapagos' },
+ { text: '(GMT-06:00) Guatemala', value: 'America/Guatemala' },
+ { text: '(GMT-06:00) Managua', value: 'America/Managua' },
+ { text: '(GMT-05:00) America Cancun', value: 'America/Cancun' },
+ { text: '(GMT-05:00) Bogota', value: 'America/Bogota' },
+ { text: '(GMT-05:00) Easter Island', value: 'Pacific/Easter' },
+ { text: '(GMT-05:00) Eastern Time', value: 'America/New_York' },
+ { text: '(GMT-05:00) Eastern Time - Iqaluit', value: 'America/Iqaluit' },
+ { text: '(GMT-05:00) Eastern Time - Toronto', value: 'America/Toronto' },
+ { text: '(GMT-05:00) Guayaquil', value: 'America/Guayaquil' },
+ { text: '(GMT-05:00) Havana', value: 'America/Havana' },
+ { text: '(GMT-05:00) Jamaica', value: 'America/Jamaica' },
+ { text: '(GMT-05:00) Lima', value: 'America/Lima' },
+ { text: '(GMT-05:00) Nassau', value: 'America/Nassau' },
+ { text: '(GMT-05:00) Panama', value: 'America/Panama' },
+ { text: '(GMT-05:00) Port-au-Prince', value: 'America/Port-au-Prince' },
+ { text: '(GMT-05:00) Rio Branco', value: 'America/Rio_Branco' },
+ { text: '(GMT-04:00) Atlantic Time - Halifax', value: 'America/Halifax' },
+ { text: '(GMT-04:00) Barbados', value: 'America/Barbados' },
+ { text: '(GMT-04:00) Bermuda', value: 'Atlantic/Bermuda' },
+ { text: '(GMT-04:00) Boa Vista', value: 'America/Boa_Vista' },
+ { text: '(GMT-04:00) Caracas', value: 'America/Caracas' },
+ { text: '(GMT-04:00) Curacao', value: 'America/Curacao' },
+ { text: '(GMT-04:00) Grand Turk', value: 'America/Grand_Turk' },
+ { text: '(GMT-04:00) Guyana', value: 'America/Guyana' },
+ { text: '(GMT-04:00) La Paz', value: 'America/La_Paz' },
+ { text: '(GMT-04:00) Manaus', value: 'America/Manaus' },
+ { text: '(GMT-04:00) Martinique', value: 'America/Martinique' },
+ { text: '(GMT-04:00) Port of Spain', value: 'America/Port_of_Spain' },
+ { text: '(GMT-04:00) Porto Velho', value: 'America/Porto_Velho' },
+ { text: '(GMT-04:00) Puerto Rico', value: 'America/Puerto_Rico' },
+ { text: '(GMT-04:00) Santo Domingo', value: 'America/Santo_Domingo' },
+ { text: '(GMT-04:00) Thule', value: 'America/Thule' },
+ { text: '(GMT-03:30) Newfoundland Time - St. Johns', value: 'America/St_Johns' },
+ { text: '(GMT-03:00) Araguaina', value: 'America/Araguaina' },
+ { text: '(GMT-03:00) Asuncion', value: 'America/Asuncion' },
+ { text: '(GMT-03:00) Belem', value: 'America/Belem' },
+ { text: '(GMT-03:00) Buenos Aires', value: 'America/Argentina/Buenos_Aires' },
+ { text: '(GMT-03:00) Campo Grande', value: 'America/Campo_Grande' },
+ { text: '(GMT-03:00) Cayenne', value: 'America/Cayenne' },
+ { text: '(GMT-03:00) Cuiaba', value: 'America/Cuiaba' },
+ { text: '(GMT-03:00) Fortaleza', value: 'America/Fortaleza' },
+ { text: '(GMT-03:00) Godthab', value: 'America/Godthab' },
+ { text: '(GMT-03:00) Maceio', value: 'America/Maceio' },
+ { text: '(GMT-03:00) Miquelon', value: 'America/Miquelon' },
+ { text: '(GMT-03:00) Montevideo', value: 'America/Montevideo' },
+ { text: '(GMT-03:00) Palmer', value: 'Antarctica/Palmer' },
+ { text: '(GMT-03:00) Paramaribo', value: 'America/Paramaribo' },
+ { text: '(GMT-03:00) Punta Arenas', value: 'America/Punta_Arenas' },
+ { text: '(GMT-03:00) Recife', value: 'America/Recife' },
+ { text: '(GMT-03:00) Rothera', value: 'Antarctica/Rothera' },
+ { text: '(GMT-03:00) Salvador', value: 'America/Bahia' },
+ { text: '(GMT-03:00) Santiago', value: 'America/Santiago' },
+ { text: '(GMT-03:00) Stanley', value: 'Atlantic/Stanley' },
+ { text: '(GMT-02:00) Noronha', value: 'America/Noronha' },
+ { text: '(GMT-02:00) Sao Paulo', value: 'America/Sao_Paulo' },
+ { text: '(GMT-02:00) South Georgia', value: 'Atlantic/South_Georgia' },
+ { text: '(GMT-01:00) Azores', value: 'Atlantic/Azores' },
+ { text: '(GMT-01:00) Cape Verde', value: 'Atlantic/Cape_Verde' },
+ { text: '(GMT-01:00) Scoresbysund', value: 'America/Scoresbysund' },
+ { text: '(GMT+00:00) Abidjan', value: 'Africa/Abidjan' },
+ { text: '(GMT+00:00) Accra', value: 'Africa/Accra' },
+ { text: '(GMT+00:00) Bissau', value: 'Africa/Bissau' },
+ { text: '(GMT+00:00) Canary Islands', value: 'Atlantic/Canary' },
+ { text: '(GMT+00:00) Casablanca', value: 'Africa/Casablanca' },
+ { text: '(GMT+00:00) Danmarkshavn', value: 'America/Danmarkshavn' },
+ { text: '(GMT+00:00) Dublin', value: 'Europe/Dublin' },
+ { text: '(GMT+00:00) El Aaiun', value: 'Africa/El_Aaiun' },
+ { text: '(GMT+00:00) Faeroe', value: 'Atlantic/Faroe' },
+ { text: '(GMT+00:00) GMT (no daylight saving)', value: 'Etc/GMT' },
+ { text: '(GMT+00:00) Lisbon', value: 'Europe/Lisbon' },
+ { text: '(GMT+00:00) London', value: 'Europe/London' },
+ { text: '(GMT+00:00) Monrovia', value: 'Africa/Monrovia' },
+ { text: '(GMT+00:00) Reykjavik', value: 'Atlantic/Reykjavik' },
+ { text: '(GMT+01:00) Algiers', value: 'Africa/Algiers' },
+ { text: '(GMT+01:00) Amsterdam', value: 'Europe/Amsterdam' },
+ { text: '(GMT+01:00) Andorra', value: 'Europe/Andorra' },
+ { text: '(GMT+01:00) Berlin', value: 'Europe/Berlin' },
+ { text: '(GMT+01:00) Brussels', value: 'Europe/Brussels' },
+ { text: '(GMT+01:00) Budapest', value: 'Europe/Budapest' },
+ { text: '(GMT+01:00) Central European Time - Belgrade', value: 'Europe/Belgrade' },
+ { text: '(GMT+01:00) Central European Time - Prague', value: 'Europe/Prague' },
+ { text: '(GMT+01:00) Ceuta', value: 'Africa/Ceuta' },
+ { text: '(GMT+01:00) Copenhagen', value: 'Europe/Copenhagen' },
+ { text: '(GMT+01:00) Gibraltar', value: 'Europe/Gibraltar' },
+ { text: '(GMT+01:00) Lagos', value: 'Africa/Lagos' },
+ { text: '(GMT+01:00) Luxembourg', value: 'Europe/Luxembourg' },
+ { text: '(GMT+01:00) Madrid', value: 'Europe/Madrid' },
+ { text: '(GMT+01:00) Malta', value: 'Europe/Malta' },
+ { text: '(GMT+01:00) Monaco', value: 'Europe/Monaco' },
+ { text: '(GMT+01:00) Ndjamena', value: 'Africa/Ndjamena' },
+ { text: '(GMT+01:00) Oslo', value: 'Europe/Oslo' },
+ { text: '(GMT+01:00) Paris', value: 'Europe/Paris' },
+ { text: '(GMT+01:00) Rome', value: 'Europe/Rome' },
+ { text: '(GMT+01:00) Stockholm', value: 'Europe/Stockholm' },
+ { text: '(GMT+01:00) Tirane', value: 'Europe/Tirane' },
+ { text: '(GMT+01:00) Tunis', value: 'Africa/Tunis' },
+ { text: '(GMT+01:00) Vienna', value: 'Europe/Vienna' },
+ { text: '(GMT+01:00) Warsaw', value: 'Europe/Warsaw' },
+ { text: '(GMT+01:00) Zurich', value: 'Europe/Zurich' },
+ { text: '(GMT+02:00) Amman', value: 'Asia/Amman' },
+ { text: '(GMT+02:00) Athens', value: 'Europe/Athens' },
+ { text: '(GMT+02:00) Beirut', value: 'Asia/Beirut' },
+ { text: '(GMT+02:00) Bucharest', value: 'Europe/Bucharest' },
+ { text: '(GMT+02:00) Cairo', value: 'Africa/Cairo' },
+ { text: '(GMT+02:00) Chisinau', value: 'Europe/Chisinau' },
+ { text: '(GMT+02:00) Damascus', value: 'Asia/Damascus' },
+ { text: '(GMT+02:00) Gaza', value: 'Asia/Gaza' },
+ { text: '(GMT+02:00) Helsinki', value: 'Europe/Helsinki' },
+ { text: '(GMT+02:00) Jerusalem', value: 'Asia/Jerusalem' },
+ { text: '(GMT+02:00) Johannesburg', value: 'Africa/Johannesburg' },
+ { text: '(GMT+02:00) Khartoum', value: 'Africa/Khartoum' },
+ { text: '(GMT+02:00) Kiev', value: 'Europe/Kiev' },
+ { text: '(GMT+02:00) Maputo', value: 'Africa/Maputo' },
+ { text: '(GMT+02:00) Moscow-01 - Kaliningrad', value: 'Europe/Kaliningrad' },
+ { text: '(GMT+02:00) Nicosia', value: 'Asia/Nicosia' },
+ { text: '(GMT+02:00) Riga', value: 'Europe/Riga' },
+ { text: '(GMT+02:00) Sofia', value: 'Europe/Sofia' },
+ { text: '(GMT+02:00) Tallinn', value: 'Europe/Tallinn' },
+ { text: '(GMT+02:00) Tripoli', value: 'Africa/Tripoli' },
+ { text: '(GMT+02:00) Vilnius', value: 'Europe/Vilnius' },
+ { text: '(GMT+02:00) Windhoek', value: 'Africa/Windhoek' },
+ { text: '(GMT+03:00) Baghdad', value: 'Asia/Baghdad' },
+ { text: '(GMT+03:00) Istanbul', value: 'Europe/Istanbul' },
+ { text: '(GMT+03:00) Minsk', value: 'Europe/Minsk' },
+ { text: '(GMT+03:00) Moscow+00 - Moscow', value: 'Europe/Moscow' },
+ { text: '(GMT+03:00) Nairobi', value: 'Africa/Nairobi' },
+ { text: '(GMT+03:00) Qatar', value: 'Asia/Qatar' },
+ { text: '(GMT+03:00) Riyadh', value: 'Asia/Riyadh' },
+ { text: '(GMT+03:00) Syowa', value: 'Antarctica/Syowa' },
+ { text: '(GMT+03:30) Tehran', value: 'Asia/Tehran' },
+ { text: '(GMT+04:00) Baku', value: 'Asia/Baku' },
+ { text: '(GMT+04:00) Dubai', value: 'Asia/Dubai' },
+ { text: '(GMT+04:00) Mahe', value: 'Indian/Mahe' },
+ { text: '(GMT+04:00) Mauritius', value: 'Indian/Mauritius' },
+ { text: '(GMT+04:00) Moscow+01 - Samara', value: 'Europe/Samara' },
+ { text: '(GMT+04:00) Reunion', value: 'Indian/Reunion' },
+ { text: '(GMT+04:00) Tbilisi', value: 'Asia/Tbilisi' },
+ { text: '(GMT+04:00) Yerevan', value: 'Asia/Yerevan' },
+ { text: '(GMT+04:30) Kabul', value: 'Asia/Kabul' },
+ { text: '(GMT+05:00) Aqtau', value: 'Asia/Aqtau' },
+ { text: '(GMT+05:00) Aqtobe', value: 'Asia/Aqtobe' },
+ { text: '(GMT+05:00) Ashgabat', value: 'Asia/Ashgabat' },
+ { text: '(GMT+05:00) Dushanbe', value: 'Asia/Dushanbe' },
+ { text: '(GMT+05:00) Karachi', value: 'Asia/Karachi' },
+ { text: '(GMT+05:00) Kerguelen', value: 'Indian/Kerguelen' },
+ { text: '(GMT+05:00) Maldives', value: 'Indian/Maldives' },
+ { text: '(GMT+05:00) Mawson', value: 'Antarctica/Mawson' },
+ { text: '(GMT+05:00) Moscow+02 - Yekaterinburg', value: 'Asia/Yekaterinburg' },
+ { text: '(GMT+05:00) Tashkent', value: 'Asia/Tashkent' },
+ { text: '(GMT+05:30) Colombo', value: 'Asia/Colombo' },
+ { text: '(GMT+05:30) India Standard Time', value: 'Asia/Kolkata' },
+ { text: '(GMT+05:45) Kathmandu', value: 'Asia/Kathmandu' },
+ { text: '(GMT+06:00) Almaty', value: 'Asia/Almaty' },
+ { text: '(GMT+06:00) Bishkek', value: 'Asia/Bishkek' },
+ { text: '(GMT+06:00) Chagos', value: 'Indian/Chagos' },
+ { text: '(GMT+06:00) Dhaka', value: 'Asia/Dhaka' },
+ { text: '(GMT+06:00) Moscow+03 - Omsk', value: 'Asia/Omsk' },
+ { text: '(GMT+06:00) Thimphu', value: 'Asia/Thimphu' },
+ { text: '(GMT+06:00) Vostok', value: 'Antarctica/Vostok' },
+ { text: '(GMT+06:30) Cocos', value: 'Indian/Cocos' },
+ { text: '(GMT+06:30) Rangoon', value: 'Asia/Yangon' },
+ { text: '(GMT+07:00) Bangkok', value: 'Asia/Bangkok' },
+ { text: '(GMT+07:00) Christmas', value: 'Indian/Christmas' },
+ { text: '(GMT+07:00) Davis', value: 'Antarctica/Davis' },
+ { text: '(GMT+07:00) Hanoi', value: 'Asia/Saigon' },
+ { text: '(GMT+07:00) Hovd', value: 'Asia/Hovd' },
+ { text: '(GMT+07:00) Jakarta', value: 'Asia/Jakarta' },
+ { text: '(GMT+07:00) Moscow+04 - Krasnoyarsk', value: 'Asia/Krasnoyarsk' },
+ { text: '(GMT+08:00) Brunei', value: 'Asia/Brunei' },
+ { text: '(GMT+08:00) China Time - Beijing', value: 'Asia/Shanghai' },
+ { text: '(GMT+08:00) Choibalsan', value: 'Asia/Choibalsan' },
+ { text: '(GMT+08:00) Hong Kong', value: 'Asia/Hong_Kong' },
+ { text: '(GMT+08:00) Kuala Lumpur', value: 'Asia/Kuala_Lumpur' },
+ { text: '(GMT+08:00) Macau', value: 'Asia/Macau' },
+ { text: '(GMT+08:00) Makassar', value: 'Asia/Makassar' },
+ { text: '(GMT+08:00) Manila', value: 'Asia/Manila' },
+ { text: '(GMT+08:00) Moscow+05 - Irkutsk', value: 'Asia/Irkutsk' },
+ { text: '(GMT+08:00) Singapore', value: 'Asia/Singapore' },
+ { text: '(GMT+08:00) Taipei', value: 'Asia/Taipei' },
+ { text: '(GMT+08:00) Ulaanbaatar', value: 'Asia/Ulaanbaatar' },
+ { text: '(GMT+08:00) Western Time - Perth', value: 'Australia/Perth' },
+ { text: '(GMT+08:30) Pyongyang', value: 'Asia/Pyongyang' },
+ { text: '(GMT+09:00) Dili', value: 'Asia/Dili' },
+ { text: '(GMT+09:00) Jayapura', value: 'Asia/Jayapura' },
+ { text: '(GMT+09:00) Moscow+06 - Yakutsk', value: 'Asia/Yakutsk' },
+ { text: '(GMT+09:00) Palau', value: 'Pacific/Palau' },
+ { text: '(GMT+09:00) Seoul', value: 'Asia/Seoul' },
+ { text: '(GMT+09:00) Tokyo', value: 'Asia/Tokyo' },
+ { text: '(GMT+09:30) Central Time - Darwin', value: 'Australia/Darwin' },
+ { text: '(GMT+10:00) Dumont D\'Urville', value: 'Antarctica/DumontDUrville' },
+ { text: '(GMT+10:00) Eastern Time - Brisbane', value: 'Australia/Brisbane' },
+ { text: '(GMT+10:00) Guam', value: 'Pacific/Guam' },
+ { text: '(GMT+10:00) Moscow+07 - Vladivostok', value: 'Asia/Vladivostok' },
+ { text: '(GMT+10:00) Port Moresby', value: 'Pacific/Port_Moresby' },
+ { text: '(GMT+10:00) Truk', value: 'Pacific/Chuuk' },
+ { text: '(GMT+10:30) Central Time - Adelaide', value: 'Australia/Adelaide' },
+ { text: '(GMT+11:00) Casey', value: 'Antarctica/Casey' },
+ { text: '(GMT+11:00) Eastern Time - Hobart', value: 'Australia/Hobart' },
+ { text: '(GMT+11:00) Eastern Time - Melbourne, Sydney', value: 'Australia/Sydney' },
+ { text: '(GMT+11:00) Efate', value: 'Pacific/Efate' },
+ { text: '(GMT+11:00) Guadalcanal', value: 'Pacific/Guadalcanal' },
+ { text: '(GMT+11:00) Kosrae', value: 'Pacific/Kosrae' },
+ { text: '(GMT+11:00) Moscow+08 - Magadan', value: 'Asia/Magadan' },
+ { text: '(GMT+11:00) Norfolk', value: 'Pacific/Norfolk' },
+ { text: '(GMT+11:00) Noumea', value: 'Pacific/Noumea' },
+ { text: '(GMT+11:00) Ponape', value: 'Pacific/Pohnpei' },
+ { text: '(GMT+12:00) Funafuti', value: 'Pacific/Funafuti' },
+ { text: '(GMT+12:00) Kwajalein', value: 'Pacific/Kwajalein' },
+ { text: '(GMT+12:00) Majuro', value: 'Pacific/Majuro' },
+ { text: '(GMT+12:00) Moscow+09 - Petropavlovsk-Kamchatskiy', value: 'Asia/Kamchatka' },
+ { text: '(GMT+12:00) Nauru', value: 'Pacific/Nauru' },
+ { text: '(GMT+12:00) Tarawa', value: 'Pacific/Tarawa' },
+ { text: '(GMT+12:00) Wake', value: 'Pacific/Wake' },
+ { text: '(GMT+12:00) Wallis', value: 'Pacific/Wallis' },
+ { text: '(GMT+13:00) Auckland', value: 'Pacific/Auckland' },
+ { text: '(GMT+13:00) Enderbury', value: 'Pacific/Enderbury' },
+ { text: '(GMT+13:00) Fakaofo', value: 'Pacific/Fakaofo' },
+ { text: '(GMT+13:00) Fiji', value: 'Pacific/Fiji' },
+ { text: '(GMT+13:00) Tongatapu', value: 'Pacific/Tongatapu' },
+ { text: '(GMT+14:00) Apia', value: 'Pacific/Apia' },
+ { text: '(GMT+14:00) Kiritimati', value: 'Pacific/Kiritimati' }
+ ]
+ }
+ },
+ methods: {
+ /**
+ * Focus an input after delay
+ */
+ focusField (ipt) {
+ this.$nextTick(() => {
+ _.delay(() => {
+ this.$refs[ipt].focus()
+ }, 200)
+ })
+ }
+ },
+ apollo: {
+ user: {
+ query: gql`
+ {
+ users {
+ profile {
+ id
+ name
+ email
+ providerName
+ isSystem
+ isVerified
+ location
+ jobTitle
+ timezone
+ createdAt
+ updatedAt
+ lastLoginOn
+ groups
+ }
+ }
+ }
+ `,
+ fetchPolicy: 'network-only',
+ update: (data) => _.cloneDeep(data.users.profile),
+ watchLoading (isLoading) {
+ this.$store.commit(`loading${isLoading ? 'Start' : 'Stop'}`, 'profile-refresh')
+ }
}
}
}
diff --git a/server/graph/resolvers/user.js b/server/graph/resolvers/user.js
index 865d701e..2740ae63 100644
--- a/server/graph/resolvers/user.js
+++ b/server/graph/resolvers/user.js
@@ -26,6 +26,24 @@ module.exports = {
usr.password = ''
usr.tfaSecret = ''
return usr
+ },
+ async profile (obj, args, context, info) {
+ if (!context.req.user || context.req.user.id < 1 || context.req.user.id === 2) {
+ throw new WIKI.Error.AuthRequired()
+ }
+ const usr = await WIKI.models.users.query().findById(context.req.user.id)
+ if (!usr.isActive) {
+ throw new WIKI.Error.AuthAccountBanned()
+ }
+ const usrGroups = await usr.$relatedQuery('groups')
+ return {
+ ...usr,
+ password: '',
+ providerKey: '',
+ tfaSecret: '',
+ lastLoginOn: '1970-01-01',
+ groups: usrGroups.map(g => g.name)
+ }
}
},
UserMutation: {
diff --git a/server/graph/schemas/user.graphql b/server/graph/schemas/user.graphql
index 31be8102..478bed92 100644
--- a/server/graph/schemas/user.graphql
+++ b/server/graph/schemas/user.graphql
@@ -27,6 +27,8 @@ type UserQuery {
single(
id: Int!
): User @auth(requires: ["manage:users", "manage:system"])
+
+ profile: UserProfile
}
# -----------------------------------------------
@@ -110,3 +112,19 @@ type User {
updatedAt: Date!
groups: [Group]!
}
+
+type UserProfile {
+ id: Int!
+ name: String!
+ email: String!
+ providerName: String
+ isSystem: Boolean!
+ isVerified: Boolean!
+ location: String!
+ jobTitle: String!
+ timezone: String!
+ createdAt: Date!
+ updatedAt: Date!
+ lastLoginOn: Date!
+ groups: [String]!
+}
diff --git a/server/helpers/error.js b/server/helpers/error.js
index c5a466ff..b2537208 100644
--- a/server/helpers/error.js
+++ b/server/helpers/error.js
@@ -69,6 +69,10 @@ module.exports = {
message: 'You are not authorized to register. Your domain is not whitelisted.',
code: 1011
}),
+ AuthRequired: CustomError('AuthRequired', {
+ message: 'You must be authenticated to access this resource.',
+ code: 1019
+ }),
AuthTFAFailed: CustomError('AuthTFAFailed', {
message: 'Incorrect TFA Security Code.',
code: 1005