From d0d87961e19275ec984dd71cfaa0b9b5066f60f2 Mon Sep 17 00:00:00 2001
From: Bubka <858858+Bubka@users.noreply.github.com>
Date: Sun, 2 Feb 2020 22:57:43 +0100
Subject: [PATCH] Complete new Edit/delete UI change

---
 resources/js/langs/locales.js   | 4 +++-
 resources/js/views/Accounts.vue | 8 +++++---
 resources/lang/en/commons.php   | 2 ++
 resources/sass/app.scss         | 6 +++---
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/resources/js/langs/locales.js b/resources/js/langs/locales.js
index 11476d0e..1ae18f76 100644
--- a/resources/js/langs/locales.js
+++ b/resources/js/langs/locales.js
@@ -33,7 +33,9 @@ export default {
             "cancel": "Cancel",
             "update": "Update",
             "copy_to_clipboard": "Copy to clipboard",
-            "profile": "Profile"
+            "profile": "Profile",
+            "edit": "Edit",
+            "delete": "Delete"
         },
         "errors": {
             "resource_not_found": "Resource not found",
diff --git a/resources/js/views/Accounts.vue b/resources/js/views/Accounts.vue
index 1e920803..d2cda755 100644
--- a/resources/js/views/Accounts.vue
+++ b/resources/js/views/Accounts.vue
@@ -10,7 +10,7 @@
                             <span class="icon is-small">
                                 <font-awesome-icon :icon="['fas', 'trash']" />
                             </span>
-                            <span>delete</span>
+                            <span>{{ $t('commons.delete') }}</span>
                         </a>
                     </div>
                     <!-- search -->
@@ -42,8 +42,10 @@
                                 <span class="is-family-primary is-size-6 is-size-7-mobile has-text-grey ">{{ account.account }}</span>
                             </div>
                         </div>
-                        <div class="tfa-dots has-text-grey" v-if="!editMode">
-                            <font-awesome-icon :icon="['fas', 'ellipsis-h']" />
+                        <div class="tfa-dots has-text-grey" v-if="editMode">
+                            <router-link :to="{ name: 'edit', params: { twofaccountId: account.id }}" class="tag is-dark is-rounded">
+                                {{ $t('commons.edit') }}
+                            </router-link>
                         </div>
                     </div>
                 </div>
diff --git a/resources/lang/en/commons.php b/resources/lang/en/commons.php
index 03f64394..55a8b3af 100644
--- a/resources/lang/en/commons.php
+++ b/resources/lang/en/commons.php
@@ -17,5 +17,7 @@ return [
     'update' => 'Update',
     'copy_to_clipboard' => 'Copy to clipboard',
     'profile' => 'Profile',
+    'edit' => 'Edit',
+    'delete' => 'Delete',
 
 ];
\ No newline at end of file
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 5951f1ae..a094210a 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -106,16 +106,16 @@
 
 .tfa-content {
     flex-grow: 1;
-    order: 1;
+    // order: 1;
     overflow: hidden;
 }
 
 .tfa-checkbox {
-  order: 2;
+  // order: 2;
 }
 
 .tfa-dots {
-  order: 3;
+  // order: 3;
 }
 
 @media screen and (max-width: 768px) {