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/components/appMenu.vue

@@ -5,7 +5,7 @@ nav.navbar.navbar-inverse.fixed-top.navbar-toggleable-sm
     img(src="~assets/header/png/logo@3x.png")
   .collapse.navbar-collapse
     ul.navbar-nav.mr-auto
-      router-link.nav-item(tag="li", :to="{name: 'tasks'}", exact) 
+      router-link.nav-item(tag="li", :to="{name: 'tasks'}", exact)
         a.nav-link(v-once) {{ $t('tasks') }}
       router-link.nav-item.dropdown(tag="li", :to="{name: 'items'}", :class="{'active': $route.path.startsWith('/inventory')}")
         a.nav-link(v-once) {{ $t('inventory') }}
@@ -13,16 +13,20 @@ nav.navbar.navbar-inverse.fixed-top.navbar-toggleable-sm
           router-link.dropdown-item(:to="{name: 'items'}", exact) {{ $t('items') }}
           router-link.dropdown-item(:to="{name: 'equipment'}") {{ $t('equipment') }}
           router-link.dropdown-item(:to="{name: 'stable'}") {{ $t('stable') }}
-      router-link.nav-item(tag="li", :to="{name: 'market'}", exact) 
+      router-link.nav-item(tag="li", :to="{name: 'market'}", exact)
         a.nav-link(v-once) {{ $t('market') }}
+      router-link.nav-item.dropdown(tag="li", :to="{name: 'tavern'}", :class="{'active': $route.path.startsWith('/guilds')}")
+        a.nav-link(v-once) {{ $t('guilds') }}
+        .dropdown-menu
+          router-link.dropdown-item(:to="{name: 'tavern'}") {{ $t('tavern') }}
+          router-link.dropdown-item(:to="{name: 'myGuilds'}") {{ $t('myGuilds') }}
+          router-link.dropdown-item(:to="{name: 'guildsDiscovery'}") {{ $t('guildsDiscovery') }}
       router-link.nav-item.dropdown(tag="li", :to="{name: 'tavern'}", :class="{'active': $route.path.startsWith('/social')}")
         a.nav-link(v-once) {{ $t('social') }}
         .dropdown-menu
-          router-link.dropdown-item(:to="{name: 'tavern'}") {{ $t('tavern') }}
           router-link.dropdown-item(:to="{name: 'inbox'}") {{ $t('inbox') }}
           router-link.dropdown-item(:to="{name: 'challenges'}") {{ $t('challenges') }}
           router-link.dropdown-item(:to="{name: 'party'}") {{ $t('party') }}
-          router-link.dropdown-item(:to="{name: 'guildsDiscovery'}") {{ $t('guilds') }}
       router-link.nav-item.dropdown(tag="li", to="/help", :class="{'active': $route.path.startsWith('/help')}")
         a.nav-link(v-once) {{ $t('help') }}
         .dropdown-menu
@@ -155,4 +159,4 @@ export default {
     ...mapState({user: 'user.data'}),
   },
 };
-</script>
+</script>