[WIP] bootstrap-vue upgrade (#9178)

* update bootstrap-vue to 1.0.0-beta.9 - remove all individual bootstrap components and use BootstrapVue into Vue

* change modal action names from show::modal to bv::show::modal

* check if drops are undefined

* fix modal widths - sellModal now using input instead of dropbox

* upgrade to bootstrap 4.0beta

* include package-lock changes

* fix app menu dropdown position

* upgrade bootstrap to beta2 (was missing grid offset and other fixes) - refix header menu position

* fix tags popup (auto width to max not working) - fix filter panel width (adding width: 100% works until max-width)

* show hide logo on different screensize (new css breakpoints - http://getbootstrap.com/docs/4.0/utilities/display/ )

* fix package-lock?

* fix active button style / app header toggle button

* fix package-lock !

* update package lock after merge - new mixin "openedItemRows" to save the "show more/show less" in stable

* mixin naming style

* fix buyQuestModal marginTop

* fix customMenuDropdown position

* fix userDropdown items

website/client/components/groups/membersModal.vue

@@ -173,9 +173,6 @@ div
 
 <script>
 import sortBy from 'lodash/sortBy';
-import bModal from 'bootstrap-vue/lib/components/modal';
-import bDropdown from 'bootstrap-vue/lib/components/dropdown';
-import bDropdownItem from 'bootstrap-vue/lib/components/dropdown-item';
 import { mapState } from 'client/libs/store';
 
 import removeMemberModal from 'client/components/members/removeMemberModal';
@@ -188,9 +185,6 @@ import dots from 'assets/svg/dots.svg';
 export default {
   props: ['hideBadge'],
   components: {
-    bModal,
-    bDropdown,
-    bDropdownItem,
     MemberDetails,
     removeMemberModal,
   },
@@ -330,18 +324,25 @@ export default {
         memberId: uid,
       });
 
-      this.$root.$emit('show::modal', 'members-modal');
+      this.$root.$emit('bv::show::modal', 'members-modal');
     },
     async removeMember (member, index) {
       this.memberToRemove = member;
       this.memberToRemove.index = index;
-      this.$root.$emit('show::modal', 'remove-member');
+      this.$root.$emit('bv::show::modal', 'remove-member');
     },
     memberRemoved () {
       this.members.splice(this.memberToRemove.index, 1);
       this.group.memberCount -= 1;
       this.memberToRemove =  {};
     },
+    async quickReply (uid) {
+      this.memberToReply = uid;
+      await this.$store.dispatch('members:selectMember', {
+        memberId: uid,
+      });
+      this.$root.$emit('bv::show::modal', 'private-message'); //  MemberModalCtrl
+    },
     async addManager (memberId) {
       await this.$store.dispatch('guilds:addManager', {
         groupId: this.groupId,
@@ -357,7 +358,7 @@ export default {
       alert(this.$t('managerRemoved'));
     },
     close () {
-      this.$root.$emit('hide::modal', 'members-modal');
+      this.$root.$emit('bv::hide::modal', 'members-modal');
     },
     sort (option) {
       this.sortOption = option;