Invite module

source/RootStore.ts

@@ -8,6 +8,7 @@ import DocumentsStore from '@/modules/documents/store';
 import GameStore from '@/modules/gameCommon/store';
 import GamesStore from '@/modules/games/store';
 import HistoryStore from '@/modules/history/store';
+import InviteStore from '@/modules/invite/store';
 import NotificationsStore from '@/modules/notifications/store';
 import RequestsStore from '@/modules/requests/store';
 import RequestStore from '@/modules/request/store';
@@ -41,6 +42,7 @@ export default {
     Game: GameStore(apiUrl),
     Games: GamesStore(apiUrl),
     History: HistoryStore(adminApiUrl),
+    Invite: InviteStore(apiUrl),
     Notifications: NotificationsStore(apiUrl),
     Request: RequestStore(adminApiUrl),
     Requests: RequestsStore(adminApiUrl),

source/modules/invite/Invite.vue

@@ -0,0 +1,74 @@
+<template>
+<div class="invite-wrapper">
+  <UiPageHeader :title="$t('title')">
+    <UiButton
+      slot="right"
+      v-text="$t('accept')"
+      @click="accept(currentVendorId)"
+    />
+  </UiPageHeader>
+
+  <div class="content">
+    <IconDummy />
+    <span class="dummy-text">
+      {{ $t('dummy') }}
+    </span>
+  </div>
+</div>
+</template>
+
+<script type="ts">
+import Vue from 'vue';
+import { mapGetters, mapState, mapActions } from 'vuex';
+import { UiButton, UiPageHeader } from '@protocol-one/ui-kit';
+import IconDummy from '@/components/IconDummy.vue';
+import i18n from './i18n';
+
+export default Vue.extend({
+  i18n,
+  components: { IconDummy, UiButton, UiPageHeader },
+  computed: {
+    ...mapState('Invite', ['hasAccepted']),
+
+    currentVendorId() {
+      return this.$route.params.vendorId;
+    },
+    inviteId() {
+      return this.$route.params.inviteId;
+    },
+  },
+  mounted() {
+    this.initState(this.inviteId);
+  },
+  methods: {
+    ...mapActions('Invite', ['initState', 'accept']),
+  },
+  watch: {
+    hasAccepted(val) {
+      console.error(val);
+    },
+  },
+});
+</script>
+
+<style scoped lang="scss">
+.invite-wrapper {
+  min-height: 100vh;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.content {
+  flex-grow: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+.dummy-text {
+  display: block;
+  color: #b1b1b1;
+  text-align: center;
+  margin-top: 20px;
+}
+</style>

source/modules/invite/i18n.ts

@@ -0,0 +1,19 @@
+export default {
+  messages: {
+    de: {
+      accept: 'Accept Invite',
+      title: 'Invite module',
+      dummy: 'Dummy for invite module',
+    },
+    en: {
+      accept: 'Accept Invite',
+      title: 'Invite module',
+      dummy: 'Dummy for invite module',
+    },
+    ru: {
+      accept: 'Принять приглашение',
+      title: 'Модель инвайтинга',
+      dummy: 'Заглушка для страницы принятия инвайта',
+    },
+  },
+}

source/modules/invite/store.ts

@@ -0,0 +1,40 @@
+import axios from 'axios';
+import { GetterTree, ActionTree, MutationTree } from 'vuex';
+import { State } from './types';
+
+export default function HistoryStore(apiUrl: string) {
+  const state: State = {
+    hasAccepted: false,
+    inviteId: null,
+  };
+  const getters: GetterTree<State, any> = {};
+  const actions: ActionTree<State, any> = {
+    async initState({ commit }, inviteId) {
+      commit('inviteId', inviteId);
+    },
+    async accept({ commit, state }, vendorId) {
+      const resp = await axios
+        .put(`${apiUrl}/vendors/${vendorId}/memberships/invites/${state.inviteId}`, {
+          method: 'accept',
+        })
+        .then(() => {
+          commit('hasAccepted', true);
+        })
+        .catch(e => e);
+
+      console.error(resp);
+    },
+  };
+  const mutations: MutationTree<State> = {
+    hasAccepted: (state, value) => state.hasAccepted = value,
+    inviteId: (state, value) => state.inviteId = value,
+  };
+
+  return {
+    state,
+    getters,
+    actions,
+    mutations,
+    namespaced: true,
+  };
+}

source/modules/invite/types.ts

@@ -0,0 +1,4 @@
+export interface State {
+  hasAccepted: boolean;
+  inviteId: number;
+}

source/routes.ts

@@ -13,6 +13,7 @@ import GameSales from '@/modules/gameSales/Sales.vue';
 import GameDescriptions from '@/modules/gameDescriptions/Descriptions.vue';
 import Games from '@/modules/games/Games.vue';
 import History from '@/modules/history/History.vue';
+import Invite from '@/modules/invite/Invite.vue';
 import OnBoarding from '@/modules/onBoarding/OnBoarding.vue';
 import Notifications from '@/modules/notifications/Notifications.vue';
 import Requests from '@/modules/requests/Requests.vue';
@@ -31,6 +32,12 @@ const routes: RouteConfig[] = [
     component: AuthBoard,
     meta: { requiresAuth: false, requiresPermissions: false },
   },
+  {
+    path: '/vendors/:vendorId/invite/:inviteId',
+    name: 'invite',
+    component: Invite,
+    meta: { requiresAuth: false, requiresPermissions: false },
+  },
   {
     path: '/vendor/on-boarding',
     name: 'onBoarding',

source/stores/User.ts

@@ -91,8 +91,6 @@ export default function UserStore(apiUrl: string, authApiUrl: string, router: Vu
       if (vendors && vendors.length) {
         commit('vendors', vendors);
         commit('currentVendor', vendors[0]);
-      } else {
-        router.push({ name: 'onBoarding' });
       }
 
       await dispatch('fetchPermissions');