From ea9822562a43033e43a1c4a357e689f7c0c5df22 Mon Sep 17 00:00:00 2001 From: Christian Cueni Date: Thu, 18 Jul 2019 13:38:22 +0200 Subject: [PATCH 1/7] Use popover in user widget --- client/src/components/HeaderBar.vue | 4 +- client/src/components/MoreOptionsWidget.vue | 4 +- client/src/components/UserWidget.vue | 53 +++++++++++++++++-- .../components/{rooms => }/WidgetPopover.vue | 2 +- .../components/portfolio/ProjectActions.vue | 10 +++- client/src/components/rooms/RoomActions.vue | 10 +++- client/src/styles/_mixins.scss | 4 ++ client/src/styles/_variables.scss | 3 ++ 8 files changed, 76 insertions(+), 14 deletions(-) rename client/src/components/{rooms => }/WidgetPopover.vue (97%) diff --git a/client/src/components/HeaderBar.vue b/client/src/components/HeaderBar.vue index 7c97788b..45af59c5 100644 --- a/client/src/components/HeaderBar.vue +++ b/client/src/components/HeaderBar.vue @@ -5,9 +5,7 @@
- - - +
diff --git a/client/src/components/MoreOptionsWidget.vue b/client/src/components/MoreOptionsWidget.vue index 863129ba..9fcb68d2 100644 --- a/client/src/components/MoreOptionsWidget.vue +++ b/client/src/components/MoreOptionsWidget.vue @@ -12,7 +12,7 @@ + + diff --git a/client/src/components/HeaderBar.vue b/client/src/components/HeaderBar.vue index 45af59c5..35ae07ac 100644 --- a/client/src/components/HeaderBar.vue +++ b/client/src/components/HeaderBar.vue @@ -5,8 +5,8 @@
+ -
@@ -19,6 +19,7 @@ import UserWidget from '@/components/UserWidget.vue'; import LogoutWidget from '@/components/LogoutWidget.vue'; import Logo from '@/components/icons/Logo'; + import ClassSelectionWidget from '@/components/ClassSelectionWidget'; import ME_QUERY from '@/graphql/gql/meQuery.gql'; @@ -28,7 +29,8 @@ UserWidget, LogoutWidget, BookNavigation, - Logo + Logo, + ClassSelectionWidget }, computed: { From 91967ceb218772467fbe9e50e550cfb483c55a7c Mon Sep 17 00:00:00 2001 From: Christian Cueni Date: Wed, 24 Jul 2019 22:26:51 +0200 Subject: [PATCH 3/7] Add mutations and query, fix popover --- .../src/components/ClassSelectionWidget.vue | 2 +- client/src/components/UserWidget.vue | 6 +- server/rooms/mutations.py | 2 +- server/users/migrations/0007_usersetting.py | 23 +++++ server/users/models.py | 21 ++++- server/users/mutations.py | 25 ++++++ server/users/schema.py | 39 ++++---- server/users/tests/test_usersettings.py | 88 +++++++++++++++++++ 8 files changed, 183 insertions(+), 23 deletions(-) create mode 100644 server/users/migrations/0007_usersetting.py create mode 100644 server/users/tests/test_usersettings.py diff --git a/client/src/components/ClassSelectionWidget.vue b/client/src/components/ClassSelectionWidget.vue index bc590db0..33593744 100644 --- a/client/src/components/ClassSelectionWidget.vue +++ b/client/src/components/ClassSelectionWidget.vue @@ -3,7 +3,7 @@
{{currentClassSelection}}
  • {{firstName}} {{lastName}} {{date}}
  • {{firstName}} {{lastName}}
  • Aktivität
  • - Profil + Profil
  • Klassenliste @@ -68,8 +68,10 @@ .user-widget { color: $color-silver-dark; display: flex; + justify-content: space-between; align-items: center; position: relative; + margin-right: $medium-spacing; &__popover { top: 40px; diff --git a/server/rooms/mutations.py b/server/rooms/mutations.py index 7a12e028..55e9ba90 100644 --- a/server/rooms/mutations.py +++ b/server/rooms/mutations.py @@ -1,7 +1,7 @@ import graphene from django.core.exceptions import PermissionDenied from graphene import relay -from graphql_relay import to_global_id, from_global_id +from graphql_relay import to_global_id from api.utils import get_object from rooms.inputs import UpdateRoomArgument, AddRoomArgument, AddRoomEntryArgument, UpdateRoomEntryArgument diff --git a/server/users/migrations/0007_usersetting.py b/server/users/migrations/0007_usersetting.py new file mode 100644 index 00000000..d2e3b42b --- /dev/null +++ b/server/users/migrations/0007_usersetting.py @@ -0,0 +1,23 @@ +# Generated by Django 2.0.6 on 2019-07-24 20:25 + +from django.conf import settings +from django.db import migrations, models +import django.db.models.deletion + + +class Migration(migrations.Migration): + + dependencies = [ + ('users', '0006_auto_20190703_0959'), + ] + + operations = [ + migrations.CreateModel( + name='UserSetting', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('selected_class', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, to='users.SchoolClass')), + ('user', models.OneToOneField(on_delete=django.db.models.deletion.CASCADE, related_name='user_setting', to=settings.AUTH_USER_MODEL)), + ], + ), + ] diff --git a/server/users/models.py b/server/users/models.py index c25c4eaa..5fb2f2ea 100644 --- a/server/users/models.py +++ b/server/users/models.py @@ -1,7 +1,6 @@ from django.contrib.auth import get_user_model from django.contrib.auth.models import AbstractUser, Permission -from django.contrib.contenttypes.models import ContentType -from django.core.validators import MinValueValidator, MaxValueValidator +from django.core.exceptions import ObjectDoesNotExist from django.db import models from django.utils.translation import ugettext_lazy as _ @@ -38,6 +37,18 @@ class User(AbstractUser): def users_in_same_school_class(self): return User.objects.filter(school_classes__users=self.pk) + def selected_class(self): + try: + settings = UserSetting.objects.get(user=self) + return settings.selected_class + except ObjectDoesNotExist: + if self.school_classes.count() > 0: + default_selected_class = self.school_classes.first() + UserSetting.objects.create(selected_class=default_selected_class, user=self) + return default_selected_class + else: + return None + @property def full_name(self): return self.get_full_name() @@ -115,3 +126,9 @@ class UserRole(models.Model): def __str__(self): return '%s: %s' % (self.role, self.user) + + +class UserSetting(models.Model): + user = models.OneToOneField(get_user_model(), on_delete=models.CASCADE, related_name='user_setting') + selected_class = models.ForeignKey(SchoolClass, blank=True, null=True, on_delete=models.CASCADE) + diff --git a/server/users/mutations.py b/server/users/mutations.py index f3500b79..29200972 100644 --- a/server/users/mutations.py +++ b/server/users/mutations.py @@ -1,7 +1,11 @@ import graphene from django.contrib.auth import update_session_auth_hash +from django.core.exceptions import PermissionDenied from graphene import relay + +from api.utils import get_object from users.inputs import PasswordUpdateInput +from users.models import SchoolClass from users.serializers import PasswordSerialzer, AvatarUrlSerializer @@ -76,7 +80,28 @@ class UpdateAvatar(relay.ClientIDMutation): return cls(success=False, errors=errors) +class UpdateSetting(relay.ClientIDMutation): + class Input: + id = graphene.ID(required=True) + + @classmethod + def mutate_and_get_payload(cls, root, info, **kwargs): + class_id = kwargs.get('id') + school_class = get_object(SchoolClass, class_id) + user = info.context.user + if school_class not in user.school_classes.all(): + raise PermissionDenied('Permission denied: Incorrect school class') + + user.user_setting.selected_class = school_class + user.user_setting.save() + return cls(success=True) + + success = graphene.Boolean() + errors = graphene.List(UpdateError) + + class ProfileMutations: update_password = UpdatePassword.Field() update_avatar = UpdateAvatar.Field() + update_setting = UpdateSetting.Field() diff --git a/server/users/schema.py b/server/users/schema.py index a6b91000..40aa2146 100644 --- a/server/users/schema.py +++ b/server/users/schema.py @@ -6,23 +6,6 @@ from graphene_django.filter import DjangoFilterConnectionField from users.models import SchoolClass, User -class UserNode(DjangoObjectType): - pk = graphene.Int() - permissions = graphene.List(graphene.String) - - class Meta: - model = User - filter_fields = ['username', 'email'] - only_fields = ['username', 'email', 'first_name', 'last_name', 'school_classes', 'last_module', 'avatar_url'] - interfaces = (relay.Node,) - - def resolve_pk(self, info, **kwargs): - return self.id - - def resolve_permissions(self, info): - return self.get_all_permissions() - - class SchoolClassNode(DjangoObjectType): pk = graphene.Int() @@ -35,6 +18,28 @@ class SchoolClassNode(DjangoObjectType): return self.id +class UserNode(DjangoObjectType): + pk = graphene.Int() + permissions = graphene.List(graphene.String) + selected_class = graphene.Field(SchoolClassNode) + + class Meta: + model = User + filter_fields = ['username', 'email'] + only_fields = ['username', 'email', 'first_name', 'last_name', 'school_classes', 'last_module', 'avatar_url', + 'selected_class'] + interfaces = (relay.Node,) + + def resolve_pk(self, info, **kwargs): + return self.id + + def resolve_permissions(self, info): + return self.get_all_permissions() + + def resolve_selected_class(self, info): + return self.selected_class() + + class UsersQuery(object): me = graphene.Field(UserNode) all_users = DjangoFilterConnectionField(UserNode) diff --git a/server/users/tests/test_usersettings.py b/server/users/tests/test_usersettings.py new file mode 100644 index 00000000..5a9dc89c --- /dev/null +++ b/server/users/tests/test_usersettings.py @@ -0,0 +1,88 @@ +# -*- coding: utf-8 -*- +# +# ITerativ GmbH +# http://www.iterativ.ch/ +# +# Copyright (c) 2019 ITerativ GmbH. All rights reserved. +# +# Created on 2019-07-24 +# @author: chrigu +from django.contrib.sessions.middleware import SessionMiddleware +from django.test import TestCase, RequestFactory +from graphene.test import Client +from api.schema import schema +from core.factories import UserFactory +from users.factories import SchoolClassFactory +from users.models import UserSetting + + +class UserSettingTests(TestCase): + def setUp(self): + self.user = UserFactory(username='aschi') + self.class1 = SchoolClassFactory(users=[self.user]) + self.class2 = SchoolClassFactory(users=[self.user]) + self.class3 = SchoolClassFactory(users=[]) + + request = RequestFactory().get('/') + request.user = self.user + + # adding session + middleware = SessionMiddleware() + middleware.process_request(request) + request.session.save() + self.client = Client(schema=schema, context_value=request) + + def make_request(self, class_id): + mutation = ''' + mutation UpdateSettings($input: UpdateSettingInput!) { + updateSetting(input: $input) { + success + errors { + field + } + } + } + ''' + + return self.client.execute(mutation, variables={ + 'input': { + 'id': class_id + } + }) + + def test_selects_first_class_on_first_call(self): + query = ''' + query MeQuery { + me { + selectedClass { + name + id + } + } + } + ''' + + first_class = self.user.school_classes.first() + result = self.client.execute(query) + self.assertIsNone(result.get('errors')) + self.assertEqual(result.get('data').get('me').get('selectedClass').get('name'), first_class.name) + + def test_returns_selected_class(self): + query = ''' + query MeQuery { + me { + selectedClass { + name + id + } + } + } + ''' + + selected_class = self.user.school_classes.all()[1] + setting = UserSetting.objects.create(user=self.user, selected_class=selected_class) + setting.save() + result = self.client.execute(query) + self.assertIsNone(result.get('errors')) + self.assertEqual(result.get('data').get('me').get('selectedClass').get('name'), + selected_class.name) From 0af01b4a4830d524bd7c1f4ba4f19ba7160b8676 Mon Sep 17 00:00:00 2001 From: Christian Cueni Date: Thu, 25 Jul 2019 07:37:05 +0200 Subject: [PATCH 4/7] Add mutation test --- server/api/utils.py | 2 -- server/users/tests/test_usersettings.py | 40 +++++++++++++++---------- 2 files changed, 24 insertions(+), 18 deletions(-) diff --git a/server/api/utils.py b/server/api/utils.py index 3b3e76f1..9318513d 100644 --- a/server/api/utils.py +++ b/server/api/utils.py @@ -1,8 +1,6 @@ import io import os -from django.apps import apps -from graphene_django.filter import DjangoFilterConnectionField from graphql_relay.node.node import from_global_id """Script defined to create helper functions for graphql schema.""" diff --git a/server/users/tests/test_usersettings.py b/server/users/tests/test_usersettings.py index 5a9dc89c..963273be 100644 --- a/server/users/tests/test_usersettings.py +++ b/server/users/tests/test_usersettings.py @@ -10,6 +10,8 @@ from django.contrib.sessions.middleware import SessionMiddleware from django.test import TestCase, RequestFactory from graphene.test import Client +from graphql_relay import to_global_id + from api.schema import schema from core.factories import UserFactory from users.factories import SchoolClassFactory @@ -32,7 +34,7 @@ class UserSettingTests(TestCase): request.session.save() self.client = Client(schema=schema, context_value=request) - def make_request(self, class_id): + def make_mutation(self, class_id): mutation = ''' mutation UpdateSettings($input: UpdateSettingInput!) { updateSetting(input: $input) { @@ -46,11 +48,11 @@ class UserSettingTests(TestCase): return self.client.execute(mutation, variables={ 'input': { - 'id': class_id + 'id': to_global_id('SchoolClassNode', class_id) } }) - def test_selects_first_class_on_first_call(self): + def make_query(self): query = ''' query MeQuery { me { @@ -62,27 +64,33 @@ class UserSettingTests(TestCase): } ''' + return self.client.execute(query) + + def test_selects_first_class_on_first_call(self): + result = self.make_query() first_class = self.user.school_classes.first() - result = self.client.execute(query) self.assertIsNone(result.get('errors')) self.assertEqual(result.get('data').get('me').get('selectedClass').get('name'), first_class.name) def test_returns_selected_class(self): - query = ''' - query MeQuery { - me { - selectedClass { - name - id - } - } - } - ''' - selected_class = self.user.school_classes.all()[1] setting = UserSetting.objects.create(user=self.user, selected_class=selected_class) setting.save() - result = self.client.execute(query) + result = self.make_query() self.assertIsNone(result.get('errors')) self.assertEqual(result.get('data').get('me').get('selectedClass').get('name'), selected_class.name) + + def test_user_can_select_class(self): + + selected_class = self.user.school_classes.first() + setting = UserSetting.objects.create(user=self.user, selected_class=selected_class) + setting.save() + + selected_class = self.user.school_classes.all()[1] + mutation_result = self.make_mutation(selected_class.pk) + self.assertIsNone(mutation_result.get('errors')) + query_result = self.make_query() + self.assertIsNone(query_result.get('errors')) + self.assertEqual(query_result.get('data').get('me').get('selectedClass').get('name'), + selected_class.name) From 638bea0cd08ab27cc9da451daccbfe8d19221493 Mon Sep 17 00:00:00 2001 From: Christian Cueni Date: Thu, 25 Jul 2019 11:12:23 +0200 Subject: [PATCH 5/7] Use cache to propagate changes, add tests, style popover --- .../src/components/ClassSelectionWidget.vue | 81 +++++++++++++------ client/src/components/MobileNavigation.vue | 10 +-- client/src/components/UserWidget.vue | 21 ++--- client/src/components/WidgetPopover.vue | 11 +++ .../src/graphql/gql/fragments/userParts.gql | 3 + .../gql/mutations/updateUserSetting.gql | 8 ++ client/src/pages/rooms.vue | 5 +- client/src/store/index.js | 7 -- server/users/admin.py | 8 +- server/users/mutations.py | 10 ++- server/users/tests/test_usersettings.py | 22 +++++ 11 files changed, 133 insertions(+), 53 deletions(-) create mode 100644 client/src/graphql/gql/mutations/updateUserSetting.gql diff --git a/client/src/components/ClassSelectionWidget.vue b/client/src/components/ClassSelectionWidget.vue index 33593744..b72d33e8 100644 --- a/client/src/components/ClassSelectionWidget.vue +++ b/client/src/components/ClassSelectionWidget.vue @@ -1,15 +1,16 @@ diff --git a/client/src/components/MobileNavigation.vue b/client/src/components/MobileNavigation.vue index 8e229990..8ddb17ac 100644 --- a/client/src/components/MobileNavigation.vue +++ b/client/src/components/MobileNavigation.vue @@ -6,10 +6,8 @@
    - - - - + +
    @@ -19,6 +17,7 @@ import UserWidget from '@/components/UserWidget'; import LogoutWidget from '@/components/LogoutWidget'; import TopNavigation from '@/components/TopNavigation'; + import ClassSelectionWidget from '@/components/ClassSelectionWidget'; import {meQuery} from '@/graphql/queries'; @@ -27,7 +26,8 @@ TopNavigation, Cross, UserWidget, - LogoutWidget + LogoutWidget, + ClassSelectionWidget }, methods: { diff --git a/client/src/components/UserWidget.vue b/client/src/components/UserWidget.vue index 2eceefa2..ac17bdb5 100644 --- a/client/src/components/UserWidget.vue +++ b/client/src/components/UserWidget.vue @@ -3,22 +3,21 @@
    - -
  • {{firstName}} {{lastName}}
    • -
  • - Aktivität + class="user-widget__popover "> +
  • {{firstName}} {{lastName}}
    • +
  • + Aktivität
    • -
  • +
  • Profil
    • -
  • +
  • Klassenliste
    • -
  • Logout +
  • + Logout
    • @@ -64,6 +63,7 @@ diff --git a/client/src/graphql/gql/fragments/userParts.gql b/client/src/graphql/gql/fragments/userParts.gql index 1ea3939c..befaf6f0 100644 --- a/client/src/graphql/gql/fragments/userParts.gql +++ b/client/src/graphql/gql/fragments/userParts.gql @@ -11,6 +11,9 @@ fragment UserParts on UserNode { id slug } + selectedClass { + id + } schoolClasses { edges { node { diff --git a/client/src/graphql/gql/mutations/updateUserSetting.gql b/client/src/graphql/gql/mutations/updateUserSetting.gql new file mode 100644 index 00000000..0e8190ee --- /dev/null +++ b/client/src/graphql/gql/mutations/updateUserSetting.gql @@ -0,0 +1,8 @@ +mutation UpdateSettings($input: UpdateSettingInput!) { + updateSetting(input: $input) { + success + errors { + field + } + } +} diff --git a/client/src/pages/rooms.vue b/client/src/pages/rooms.vue index 23fecf01..61479564 100644 --- a/client/src/pages/rooms.vue +++ b/client/src/pages/rooms.vue @@ -23,7 +23,7 @@ return this.rooms.filter(room => this.visibleFor(room, this.currentFilter)); }, currentFilter() { - return this.$store.state.filterForSchoolClass; + return this.me.selectedClass.id; }, canAddRoom() { return this.me.permissions.includes('users.can_manage_school_class_content') @@ -53,6 +53,9 @@ return { rooms: [], me: { + selectedClass: { + id: '' + }, permissions: [] } } diff --git a/client/src/store/index.js b/client/src/store/index.js index 3bbe932a..6b6b41cb 100644 --- a/client/src/store/index.js +++ b/client/src/store/index.js @@ -12,7 +12,6 @@ export default new Vuex.Store({ showMobileNavigation: false, contentBlockPosition: {}, scrollPosition: 0, - filterForSchoolClass: '', currentContentBlock: '', currentRoomEntry: '', parentRoom: null, @@ -108,9 +107,6 @@ export default new Vuex.Store({ document.body.classList.add('no-scroll'); // won't get at the body any other way commit('setModal', payload); }, - setfilterForSchoolClass({commit}, payload) { - commit('setfilterForSchoolClass', payload); - }, addProjectEntry({commit, dispatch}, payload) { commit('setParentProject', payload); dispatch('showModal', 'new-project-entry-wizard'); @@ -174,9 +170,6 @@ export default new Vuex.Store({ setCurrentContentBlock(state, payload) { state.currentContentBlock = payload; }, - setfilterForSchoolClass(state, payload) { - state.filterForSchoolClass = payload; - }, setParentRoom(state, payload) { state.parentRoom = payload; }, diff --git a/server/users/admin.py b/server/users/admin.py index c1f96794..9733310f 100644 --- a/server/users/admin.py +++ b/server/users/admin.py @@ -2,7 +2,7 @@ from django.contrib import admin from django.contrib.auth.admin import UserAdmin from users.forms import CustomUserCreationForm, CustomUserChangeForm -from .models import User, SchoolClass, Role, UserRole +from .models import User, SchoolClass, Role, UserRole, UserSetting class SchoolClassInline(admin.TabularInline): @@ -53,3 +53,9 @@ class CustomUserAdmin(UserAdmin): admin.site.register(User, CustomUserAdmin) + + +@admin.register(UserSetting) +class UserSettingAdmin(admin.ModelAdmin): + list_display = ('user', 'selected_class') + raw_id_fields = ('user', 'selected_class') diff --git a/server/users/mutations.py b/server/users/mutations.py index 29200972..bbaae8c0 100644 --- a/server/users/mutations.py +++ b/server/users/mutations.py @@ -5,7 +5,7 @@ from graphene import relay from api.utils import get_object from users.inputs import PasswordUpdateInput -from users.models import SchoolClass +from users.models import SchoolClass, UserSetting from users.serializers import PasswordSerialzer, AvatarUrlSerializer @@ -89,11 +89,13 @@ class UpdateSetting(relay.ClientIDMutation): class_id = kwargs.get('id') school_class = get_object(SchoolClass, class_id) user = info.context.user - if school_class not in user.school_classes.all(): + + if school_class and school_class not in user.school_classes.all(): raise PermissionDenied('Permission denied: Incorrect school class') - user.user_setting.selected_class = school_class - user.user_setting.save() + user_settings, created = UserSetting.objects.get_or_create(user=user) + user_settings.selected_class = school_class + user_settings.save() return cls(success=True) success = graphene.Boolean() diff --git a/server/users/tests/test_usersettings.py b/server/users/tests/test_usersettings.py index 963273be..147bd223 100644 --- a/server/users/tests/test_usersettings.py +++ b/server/users/tests/test_usersettings.py @@ -94,3 +94,25 @@ class UserSettingTests(TestCase): self.assertIsNone(query_result.get('errors')) self.assertEqual(query_result.get('data').get('me').get('selectedClass').get('name'), selected_class.name) + + def test_user_can_select_class_even_no_settings_exist(self): + + selected_class = self.user.school_classes.all()[1] + mutation_result = self.make_mutation(selected_class.pk) + self.assertIsNone(mutation_result.get('errors')) + query_result = self.make_query() + self.assertIsNone(query_result.get('errors')) + self.assertEqual(query_result.get('data').get('me').get('selectedClass').get('name'), + selected_class.name) + + + def test_user_cannot_select_class_shes_not_part_of(self): + + default_class = self.user.school_classes.first() + setting = UserSetting.objects.create(user=self.user, selected_class=default_class) + setting.save() + + mutation_result = self.make_mutation(self.class3.pk) + self.assertIsNotNone(mutation_result.get('errors')) + + From 780602dfd2077bda54b95b4eded1a0bd163dab64 Mon Sep 17 00:00:00 2001 From: Christian Cueni Date: Thu, 25 Jul 2019 11:39:01 +0200 Subject: [PATCH 6/7] Add option for mobile --- .../src/components/ClassSelectionWidget.vue | 8 ++ client/src/components/FilterBar.vue | 76 ------------------- client/src/components/MobileNavigation.vue | 4 +- client/src/components/UserWidget.vue | 17 ++++- client/src/components/WidgetPopover.vue | 11 ++- client/src/layouts/DefaultLayout.vue | 4 - 6 files changed, 34 insertions(+), 86 deletions(-) delete mode 100644 client/src/components/FilterBar.vue diff --git a/client/src/components/ClassSelectionWidget.vue b/client/src/components/ClassSelectionWidget.vue index b72d33e8..214d345a 100644 --- a/client/src/components/ClassSelectionWidget.vue +++ b/client/src/components/ClassSelectionWidget.vue @@ -5,6 +5,7 @@
  • -
    - - -
    - - - - - diff --git a/client/src/components/MobileNavigation.vue b/client/src/components/MobileNavigation.vue index 8ddb17ac..2a69c4a3 100644 --- a/client/src/components/MobileNavigation.vue +++ b/client/src/components/MobileNavigation.vue @@ -6,8 +6,8 @@
    - - + +
    diff --git a/client/src/components/UserWidget.vue b/client/src/components/UserWidget.vue index ac17bdb5..36c582f3 100644 --- a/client/src/components/UserWidget.vue +++ b/client/src/components/UserWidget.vue @@ -5,6 +5,7 @@
  • {{firstName}} {{lastName}}
  • @@ -29,7 +30,21 @@ import WidgetPopover from '@/components/WidgetPopover'; export default { - props: ['firstName', 'lastName', 'avatarUrl', 'date'], + props: { + firstName: { + type: String + }, + lastName: { + type: String + }, + avatarUrl: { + type: String + }, + mobile: { + type: Boolean, + default: false + } + }, data() { return { diff --git a/client/src/components/WidgetPopover.vue b/client/src/components/WidgetPopover.vue index 932aa9b5..418390ed 100644 --- a/client/src/components/WidgetPopover.vue +++ b/client/src/components/WidgetPopover.vue @@ -1,5 +1,5 @@