From e4a82cee728c882fb455a0c10ef161f2a97e5fc0 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Thu, 11 Mar 2021 15:02:01 +0300
Subject: [PATCH 1/3] Add ability to copy invite link from dialog window

---
 src/lang/en.js              |  3 ++-
 src/utils/clipboard.js      |  2 +-
 src/views/invites/index.vue | 28 ++++++++++++++++++++++++----
 3 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/lang/en.js b/src/lang/en.js
index e21a156d..19b63d4a 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -482,7 +482,8 @@ export default {
     invalidEmailError: 'Please input valid e-mail',
     emailSent: 'Invite was sent',
     submitFormError: 'There are invalid values in the form. Please fix them before continuing.',
-    inviteViaEmailAlert: 'To send invite via email make sure to enable `invites_enabled` and disable `registrations_open`'
+    inviteViaEmailAlert: 'To send invite via email make sure to enable `invites_enabled` and disable `registrations_open`',
+    copyLink: 'Copy link'
   },
   emoji: {
     emojiPacks: 'Emoji packs',
diff --git a/src/utils/clipboard.js b/src/utils/clipboard.js
index e916a44d..66f018ec 100644
--- a/src/utils/clipboard.js
+++ b/src/utils/clipboard.js
@@ -3,7 +3,7 @@ import Clipboard from 'clipboard'
 
 function clipboardSuccess() {
   Vue.prototype.$message({
-    message: 'Copy successfully',
+    message: 'Copied!',
     type: 'success',
     duration: 1500
   })
diff --git a/src/views/invites/index.vue b/src/views/invites/index.vue
index 5ed51462..4fce11ec 100644
--- a/src/views/invites/index.vue
+++ b/src/views/invites/index.vue
@@ -22,6 +22,7 @@
       :visible.sync="createTokenDialogVisible"
       :show-close="false"
       :title="$t('invites.createInviteToken')"
+      :width="isTokenCreated ? '60%' : '30%'"
       custom-class="create-new-token-dialog">
       <el-form ref="newTokenForm" :model="newTokenForm" :label-width="getLabelWidth" status-icon>
         <el-form-item :label="$t('invites.maxUse')">
@@ -51,9 +52,12 @@
         </div>
         <el-form label-width="85px" class="new-token-card">
           <el-form-item :label="$t('invites.inviteLink')">
-            <el-link :href="inviteLink" :underline="false" target="_blank">
-              {{ inviteLink }}
-            </el-link>
+            <div class="invite-link-container">
+              <el-link :href="inviteLink" :underline="false" target="_blank">
+                {{ inviteLink }}
+              </el-link>
+              <el-button type="text" size="small" @click="handleCopy($event)">{{ $t('invites.copyLink') }}</el-button>
+            </div>
           </el-form-item>
           <el-form-item :label="$t('invites.token')">
             {{ newToken.token }}
@@ -156,6 +160,7 @@
 </template>
 
 <script>
+import clip from '@/utils/clipboard'
 import RebootButton from '@/components/RebootButton'
 import { mapGetters } from 'vuex'
 import { baseName } from '@/api/utils'
@@ -194,6 +199,9 @@ export default {
     isDesktop() {
       return this.$store.state.app.device === 'desktop'
     },
+    isTokenCreated() {
+      return 'token' in this.newToken
+    },
     loading() {
       return this.$store.state.invites.loading
     },
@@ -216,10 +224,15 @@ export default {
       this.$store.dispatch('RemoveNewToken')
       this.$data.inviteUserForm.email = ''
       this.$data.inviteUserForm.name = ''
+      this.$data.newTokenForm.maxUse = 1
+      this.$data.newTokenForm.expiresAt = ''
     },
     createToken() {
       this.$store.dispatch('GenerateInviteToken', this.$data.newTokenForm)
     },
+    handleCopy(event) {
+      clip(this.inviteLink, event)
+    },
     async inviteUserViaEmail() {
       this.$refs['inviteUserForm'].validate(async(valid) => {
         if (valid) {
@@ -269,7 +282,6 @@ export default {
     padding: 10px;
   }
   .create-new-token-dialog {
-    width: 50%;
     a {
       margin-bottom: 3px;
     }
@@ -286,6 +298,14 @@ export default {
   .icon {
     margin-right: 5px;
   }
+  .invite-link-container {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+    button {
+      margin-left: 15px;
+    }
+  }
   .invite-token-table {
     width: 100%;
     margin: 0 15px;

From 78571918fd1a8dacdc5ddf5ce326629c2edb59f3 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Thu, 11 Mar 2021 15:21:47 +0300
Subject: [PATCH 2/3] Rename Moderation log component

---
 src/router/index.js                                        | 2 +-
 src/views/{moderation_log => moderationLog}/ReportLink.vue | 0
 src/views/{moderation_log => moderationLog}/UserLink.vue   | 0
 src/views/{moderation_log => moderationLog}/index.vue      | 0
 4 files changed, 1 insertion(+), 1 deletion(-)
 rename src/views/{moderation_log => moderationLog}/ReportLink.vue (100%)
 rename src/views/{moderation_log => moderationLog}/UserLink.vue (100%)
 rename src/views/{moderation_log => moderationLog}/index.vue (100%)

diff --git a/src/router/index.js b/src/router/index.js
index d151daeb..d5f6e53a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -97,7 +97,7 @@ const moderationLog = {
   children: [
     {
       path: 'index',
-      component: () => import('@/views/moderation_log/index'),
+      component: () => import('@/views/moderationLog/index'),
       name: 'Moderation Log',
       meta: { title: 'moderationLog', icon: 'list', noCache: true }
     }
diff --git a/src/views/moderation_log/ReportLink.vue b/src/views/moderationLog/ReportLink.vue
similarity index 100%
rename from src/views/moderation_log/ReportLink.vue
rename to src/views/moderationLog/ReportLink.vue
diff --git a/src/views/moderation_log/UserLink.vue b/src/views/moderationLog/UserLink.vue
similarity index 100%
rename from src/views/moderation_log/UserLink.vue
rename to src/views/moderationLog/UserLink.vue
diff --git a/src/views/moderation_log/index.vue b/src/views/moderationLog/index.vue
similarity index 100%
rename from src/views/moderation_log/index.vue
rename to src/views/moderationLog/index.vue

From 9fd486dee20afc7ff9771598e08cddadb0ecb5e7 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Thu, 11 Mar 2021 16:38:45 +0300
Subject: [PATCH 3/3] Update icons on login page

---
 src/lang/en.js            | 2 +-
 src/views/login/index.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lang/en.js b/src/lang/en.js
index 19b63d4a..d9d54c6c 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -86,7 +86,7 @@ export default {
     logInViaPleromaFE: 'Log in via PleromaFE',
     username: 'username@host',
     password: 'password',
-    omitHostname: 'omit hostname if Pleroma is located on this domain',
+    omitHostname: 'Omit hostname if Pleroma is located on this domain',
     errorMessage: 'Username must contain username and host, e.g. john@pleroma.social',
     any: 'any',
     thirdparty: 'Or connect with',
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index fbcfbe7c..71b94ef0 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -9,7 +9,7 @@
 
       <el-form-item prop="username">
         <span class="svg-container">
-          <svg-icon icon-class="user" />
+          <i class="el-icon-user"/>
         </span>
         <el-input
           v-model="loginForm.username"
@@ -23,7 +23,7 @@
 
       <el-form-item prop="password">
         <span class="svg-container">
-          <svg-icon icon-class="password" />
+          <i class="el-icon-key"/>
         </span>
         <el-input
           v-model="loginForm.password"