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/router.js

@@ -17,11 +17,15 @@ import StablePage from './components/inventory/stable';
 
 // Social
 import SocialContainer from './components/social/index';
-import TavernPage from './components/social/tavern';
 import InboxPage from './components/social/inbox/index';
 import InboxConversationPage from './components/social/inbox/conversationPage';
-import GuildsDiscoveryPage from './components/social/guilds/discovery/index';
-import GuildPage from './components/social/guilds/guild';
+
+// Guilds
+import GuildIndex from './components/guilds/index';
+import TavernPage from './components/guilds/tavern';
+import MyGuilds from './components/guilds/myGuilds';
+import GuildsDiscoveryPage from './components/guilds/discovery';
+import GuildPage from './components/guilds/guild';
 
 Vue.use(VueRouter);
 
@@ -46,11 +50,33 @@ export default new VueRouter({
       ],
     },
     { name: 'market', path: '/market', component: Page },
+    {
+      path: '/guilds',
+      component: GuildIndex,
+      children: [
+        { name: 'tavern', path: 'tavern', component: TavernPage },
+        {
+          name: 'myGuilds',
+          path: 'myGuilds',
+          component: MyGuilds,
+        },
+        {
+          name: 'guildsDiscovery',
+          path: 'discovery',
+          component: GuildsDiscoveryPage,
+        },
+        {
+          name: 'guild',
+          path: 'guild/:guildId',
+          component: GuildPage,
+          props: true,
+        },
+      ],
+    },
     {
       path: '/social',
       component: SocialContainer,
       children: [
-        { name: 'tavern', path: 'tavern', component: TavernPage },
         {
           path: 'inbox',
           component: EmptyView,
@@ -69,23 +95,6 @@ export default new VueRouter({
         },
         { name: 'challenges', path: 'challenges', component: Page },
         { name: 'party', path: 'party', component: Page },
-        {
-          path: 'guilds',
-          component: EmptyView,
-          children: [
-            {
-              name: 'guildsDiscovery',
-              path: 'discovery',
-              component: GuildsDiscoveryPage,
-            },
-            {
-              name: 'guild',
-              path: 'guild/:guildId',
-              component: GuildPage,
-              props: true,
-            },
-          ],
-        },
       ],
     },
     {