New client group plan (#8948)

* Added stripe payment for group plan

* Began adding amazon

* Added amazon payments for group

* Added get group plans route

* Added group plan nav

* Added initial task page

* Added create and edit group plans

* Added initial approval header and footer

* Added assignment and approved requirement

* Added minor text fixes

* Added inital approval flow

* Added approval modal

* Removed always true

* Added more styles for filters

* Added search

* Added env vars

* Fixed router issues

* Added env to social login

* Fixed merge conflict

website/client/components/appMenu.vue

@@ -30,8 +30,16 @@ div
             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: 'groupPlan'}", :class="{'active': $route.path.startsWith('/group-plan')}")
+        router-link.nav-item.dropdown(
+          v-if='groupPlans.length === 0',
+          tag="li",
+          :to="{name: 'groupPlan'}",
+          :class="{'active': $route.path.startsWith('/group-plan')}")
+            a.nav-link(v-once) {{ $t('group') }}
+        .nav-item.dropdown(v-if='groupPlans.length > 0', :class="{'active': $route.path.startsWith('/group-plans')}")
           a.nav-link(v-once) {{ $t('group') }}
+          .dropdown-menu
+            router-link.dropdown-item(v-for='group in groupPlans', :key='group._id', :to="{name: 'groupPlanDetailTaskInformation', params: {groupId: group._id}}") {{ group.name }}
         router-link.nav-item(tag="li", :to="{name: 'myChallenges'}", exact)
           a.nav-link(v-once) {{ $t('challenges') }}
         router-link.nav-item.dropdown(tag="li", to="/help", :class="{'active': $route.path.startsWith('/help')}", :to="{name: 'faq'}")
@@ -226,6 +234,7 @@ export default {
         user: userIcon,
         logo,
       }),
+      groupPlans: [],
     };
   },
   computed: {
@@ -234,6 +243,9 @@ export default {
     }),
     ...mapState({user: 'user.data'}),
   },
+  mounted () {
+    this.getUserGroupPlans();
+  },
   methods: {
     logout () {
       localStorage.removeItem('habit-mobile-settings');
@@ -246,6 +258,9 @@ export default {
       this.$store.state.avatarEditorOptions.editingUser = true;
       this.$root.$emit('show::modal', 'avatar-modal');
     },
+    async getUserGroupPlans () {
+      this.groupPlans = await this.$store.dispatch('guilds:getGroupPlans');
+    },
   },
 };
 </script>