New client guilds (#8736)

* add colors palette

* add secondary menu component and style it

* add box shadow to secondary menu

* misc css, fixes for secondary menu

* client: add equipment page with grouping, css: add some styles

* add typography

* more equipment

* stable: fix linting

* equipment: add styles (lots of general styles too)

* remove duplicate google fonts loading

* add dropdowns

* design: white search input background, remove gray from items

* start adding drawer and selected indicator

* wip equipment

* fix equipment

* equipment: correctly bind new properties on items.gear.equipped

* equipment: fix vue binding. version 2

* equipment: fix vue binding. version 3

* back to first fix for equip op, fix for sourcemaps, send http request when an item is equipped, load bootstrap-vue components where needed

* checkboxes and radio buttons

* correctly renders selected items in first postion during the first render

* add search

* general changes, constants part of app state, add popovers

* add toggle switch, rename css

* correct offset

* upgrade deps

* upgrade deps

* drawer and lot of other work

* update equipping mechanism

* finish equipment

* fix compilation and upgrade deps

* use v-show in place of v-if to fix ui issues

* v-show -> v-if

* Start of guild syyles

* fix linting in test/client

* fix es6 compilation in test/client

* fix babel compilation for tests

* fix groupsUtilities mixin tests

* More designs

* Added public guild state

* Added my guilds store

* client: buttons

* client: buttons: fix colors

* Added join and leave

* Began adding new guild form

* Create form updates

* Added search to local data

* Added filtering

* Added initial code for group create

* Added more create checks

* Added more guild routes

* Added styles to guild page

* Added more chat styles

* Began porting over angular functions

* Moved over group service functions

* Added paging

* Updated sidebar

* Updated join/leave and minor text

* Added new sidebar functions

* Updated paging

* Added some form updates

* Added more translations and styles

* Updated shrinkwrap

* Removed features config

* Lint cleanup

* Added member modal

* Added more member actions

* Updated nav

* Fixed filter toggling

* Updated create guild

* Added no guild page

* Added sort select

* Added more styles

* Added update guild form

* Removed extra css and other minor changes

* Many css and syntax fixes

* Fixed color and merge conflic

* Removed paging from my guilds

* Removed extra strings

* Many requests updates

* Small style fixes

website/client/mixins/groupsUtilities.js

@@ -1,3 +1,5 @@
+import intersection from 'lodash/intersection';
+
 export default {
   methods: {
     isMemberOfGroup (user, group) {
@@ -16,5 +18,36 @@ export default {
 
       return false;
     },
+    isLeaderOfGroup (user, group) {
+      return user._id === group.leader._id;
+    },
+    filterGuild (group, filters, search, user) {
+      let passedSearch = true;
+      let hasCategories = true;
+      let isMember = true;
+      let isLeader = true;
+
+      if (search) {
+        passedSearch = group.name.toLowerCase().indexOf(search.toLowerCase()) >= 0;
+      }
+
+      if (filters.categories && filters.categories.length > 0) {
+        let intersectingCats = intersection(filters.categories, group.categories);
+        hasCategories = intersectingCats.length > 0;
+      }
+
+      let filteringRole = filters.roles && filters.roles.length > 0;
+      if (filteringRole && filters.roles.indexOf('member')) {
+        isMember = this.isMemberOfGroup(user, group);
+      }
+
+      if (filteringRole && filters.roles.indexOf('guild_leader')) {
+        isLeader = this.isLeaderOfGroup(user, group);
+      }
+
+      // @TODO: Tier filters
+
+      return passedSearch && hasCategories && isMember && isLeader;
+    },
   },
-};
+};