Generate invite tokens from admin-fe

This MR allows to create invite tokens, list them on a separate tab, invite users via email. It also updates error handling and allows to generate tokens for resetting password.

Closes #28 (closed)

src/views/invites/index.vue

@@ -19,7 +19,6 @@
       :visible.sync="createTokenDialogVisible"
       :show-close="false"
       :title="$t('invites.createInviteToken')"
-      :width="isDesktop ? '40%' : '85%'"
       custom-class="create-new-token-dialog">
       <el-form ref="newTokenForm" :model="newTokenForm" :label-width="getLabelWidth" status-icon>
         <el-form-item :label="$t('invites.maxUse')">
@@ -56,7 +55,6 @@
       :visible.sync="inviteUserDialogVisible"
       :show-close="false"
       :title="$t('invites.sendRegistration')"
-      :width="isDesktop ? '50%' : '85%'"
       custom-class="invite-via-email-dialog">
       <div>
         <p class="info">{{ $t('invites.inviteViaEmailAlert') }}</p>
@@ -243,6 +241,14 @@ export default {
     align-items: center;
     margin: 20px 15px 15px 15px;
   }
+  .create-invite-token {
+    text-align: left;
+    width: 350px;
+    padding: 10px;
+  }
+  .create-new-token-dialog {
+    width: 40%
+  }
   .el-dialog__body {
     padding: 5px 20px 0 20px
   }
@@ -252,25 +258,23 @@ export default {
   .icon {
     margin-right: 5px;
   }
-  .info {
-    color: #666666;
-    font-size: 13px;
-    line-height: 22px;
-    margin: 0 0 10px 0;
+  .invite-token-table {
+    width: 100%;
+    margin: 0 15px;
   }
   .invite-via-email {
     text-align: left;
     width: 350px;
     padding: 10px;
   }
-  .create-invite-token {
-    text-align: left;
-    width: 350px;
-    padding: 10px;
+  .invite-via-email-dialog {
+    width: 50%
   }
-  .invite-token-table {
-    width: 100%;
-    margin: 0 15px;
+  .info {
+    color: #666666;
+    font-size: 13px;
+    line-height: 22px;
+    margin: 0 0 10px 0;
   }
 }
 @media
@@ -284,29 +288,35 @@ only screen and (max-width: 760px),
       align-items: center;
       margin: 15px 10px 7px 10px;
     }
+    .create-invite-token {
+      width: 100%;
+    }
+    .create-new-token-dialog {
+      width: 85%
+    }
     .el-date-editor {
       width: 150px;
     }
     .el-dialog__body {
       padding: 5px 15px 0 15px
     }
-    .create-invite-token {
+    h1 {
+      margin: 7px 10px 15px 10px;
+    }
+    .invite-token-table {
       width: 100%;
+      margin: 0;
     }
     .invite-via-email {
       width: 100%;
       margin: 10px 0 0 0;
     }
+    .invite-via-email-dialog {
+      width: 85%
+    }
     .info {
       margin: 0 0 10px 5px;
     }
-    h1 {
-      margin: 7px 10px 15px 10px;
-    }
-    .invite-token-table {
-      width: 100%;
-      margin: 0;
-    }
   }
   .create-invite-token {
     width: 100%