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/appHeader.vue

@@ -1,9 +1,10 @@
 <template lang="pug">
-#app-header.row
+#app-header.row(:class='{sticky: user.preferences.stickyHeader}')
+  members-modal(:group='user.party', :hide-badge="true")
   member-details(:member="user", @click="$router.push({name: 'avatar'})")
   .view-party(v-if="user.party && user.party._id")
     // TODO button should open the party members modal
-    router-link.btn.btn-primary(:active-class="''", :to="{name: 'party'}") {{ $t('viewParty') }}
+    button.btn.btn-primary(@click='openPartyModal()') {{ $t('viewParty') }}
   .party-members.d-flex(v-if="partyMembers && partyMembers.length > 1")
     member-details(
       v-for="(member, $index) in partyMembers",
@@ -36,6 +37,12 @@
     position: relative;
   }
 
+  .sticky {
+    position: fixed !important;
+    width: 100%;
+    z-index: 1;
+  }
+
   .no-party, .party-members {
     flex-grow: 1;
   }
@@ -77,11 +84,13 @@
 import { mapGetters, mapActions } from 'client/libs/store';
 import MemberDetails from './memberDetails';
 import createPartyModal from './groups/createPartyModal';
+import membersModal from './groups/membersModal';
 
 export default {
   components: {
     MemberDetails,
     createPartyModal,
+    membersModal,
   },
   data () {
     return {
@@ -105,6 +114,9 @@ export default {
         this.expandedMember = memberId;
       }
     },
+    openPartyModal () {
+      this.$root.$emit('show::modal', 'members-modal');
+    },
   },
   created () {
     if (this.user.party && this.user.party._id) this.getPartyMembers();