Invites can now be managed to some extent

app/imports/ui/user/InviteDialog.vue

@@ -0,0 +1,76 @@
+<template lang="html">
+  <dialog-base>
+    <template slot="toolbar">
+      <v-toolbar-title>
+        Invite
+      </v-toolbar-title>
+    </template>
+    <div v-if="invite.invitee" />
+    <div v-else>
+      <p>This invite is available</p>
+      <v-fade-transition mode="out-in">
+        <v-btn
+          v-if="!inviteLink"
+          :loading="loading"
+          :disabled="loading"
+          @click="getInviteLink"
+        >
+          Get Invite Link
+        </v-btn>
+        <h3 v-else>
+          {{ inviteLink }}
+        </h3>
+      </v-fade-transition>
+    </div>
+  </dialog-base>
+</template>
+
+<script>
+import DialogBase from '/imports/ui/dialogStack/DialogBase.vue';
+import Invites, { getInviteToken } from '/imports/api/users/Invites.js';
+
+export default {
+	components: {
+		DialogBase,
+	},
+  props: {
+    inviteId: {
+      type: String,
+      required: true,
+    },
+  },
+  data(){return  {
+    inviteToken: '',
+    error: '',
+    loading: false,
+  }},
+  meteor: {
+    invite(){
+      return Invites.findOne(this.inviteId);
+    }
+  },
+  computed: {
+    inviteLink(){
+      let token = this.inviteToken;
+      return token && `https://beta.dicecloud.com/invite/${token}`;
+    },
+  },
+  methods: {
+    getInviteLink(){
+      this.loading = true;
+      getInviteToken.call({inviteId: this.inviteId}, (error, result) => {
+        this.loading = false;
+        if (error){
+          this.error = error.message || error;
+        } else {
+          this.error = '',
+          this.inviteToken = result;
+        }
+      });
+    }
+  }
+}
+</script>
+
+<style lang="css" scoped>
+</style>