New client more misc (#8902)

* View party now opens member modal

* Clicking member in header opens member detail modal

* Began sticky header

* Added sleep

* Removed extra inbox and added name styles

* Lint fixes

* Added member filter

* Added task counts

* Updated quest start modal

* Updated members modal style

* Fixed editing party

* Updated tavern

* Updated my guilds

* More guild styles

* Many challenge styles and fixes

* Fixed notification menu display

* Added initial styles to groupplans

* Added syncing with inbox

* Fixed lint

* Added new edit profile layout

* Added initial achievement layout

* Began adding new stats layout

* Removed duplicate:

* fix(CI): attempt to address Travis Mongo connection issue

* fix(CI): don't strand us in Mongo shell

* Travis updates

* Try percise

website/client/components/groups/groupFormModal.vue

@@ -6,10 +6,11 @@
           strong(v-once) {{$t('name')}}*
         b-form-input(type="text", :placeholder="$t('newGuildPlaceHolder')", v-model="newGuild.name")
 
-      .form-group(v-if='newGuild.id')
+      .form-group(v-if='newGuild.id && members.length > 0')
         label
           strong(v-once) {{$t('guildLeader')}}*
-          b-form-select(v-model="newGuild.newLeader" :options="members")
+        select.form-control(v-model="newGuild.newLeader")
+          option(v-for='member in members', :value="member._id") {{ member.profile.name }}
 
       .form-group
         label
@@ -229,7 +230,7 @@ export default {
         },
       ],
       showCategorySelect: false,
-      members: ['one', 'two'],
+      members: [],
       creatingParty: true,
       inviteMembers: false,
       newMemberToInvite: {
@@ -261,6 +262,8 @@ export default {
       this.newGuild.privacy = editingGroup.privacy;
       if (editingGroup.description) this.newGuild.description = editingGroup.description;
       this.newGuild.id = editingGroup._id;
+      this.newGuild.newLeader = editingGroup.leader._id;
+      this.getMembers();
     });
   },
   computed: {
@@ -274,6 +277,14 @@ export default {
     },
   },
   methods: {
+    async getMembers () {
+      if (!this.newGuild.id) return;
+      let members = await this.$store.dispatch('members:getGroupMembers', {
+        groupId: this.newGuild.id,
+        includeAllPublicFields: true,
+      });
+      this.members = members;
+    },
     addMemberToInvite () {
       // @TODO: determine type
       this.membersToInvite.push(this.newMemberToInvite);
@@ -323,6 +334,8 @@ export default {
 
       if (this.newGuild.id) {
         await this.$store.dispatch('guilds:update', {group: this.newGuild});
+        // @TODO: this doesn't work because of the async resource
+        // if (updatedGroup.type === 'party') this.$store.state.party = {data: updatedGroup};
       } else {
         await this.$store.dispatch('guilds:create', {group: this.newGuild});
       }