From b0be61e106b610479ba26879ba951dd6241a5be4 Mon Sep 17 00:00:00 2001
From: Bubka <858858+Bubka@users.noreply.github.com>
Date: Tue, 7 Jan 2020 17:05:13 +0100
Subject: [PATCH] Basic no account prompt on index

---
 resources/js/views/Accounts.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/resources/js/views/Accounts.vue b/resources/js/views/Accounts.vue
index d35eea48..3b2bf571 100644
--- a/resources/js/views/Accounts.vue
+++ b/resources/js/views/Accounts.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div class="container">
+        <div class="container" v-if="this.accounts.length > 0">
             <div class="buttons are-large is-centered">
                 <span v-for="account in accounts" class="button is-black twofaccount" >
                     <span @click.stop="getAccount(account.id)">
@@ -19,6 +19,12 @@
                 </span>
             </div>
         </div>
+        <div class="container" v-else>
+            <figure class="image is-128x128">
+                <img src="https://bulma.io/images/placeholders/128x128.png">
+            </figure>
+            No account here! <router-link :to="{ name: 'create' }" class="is-link">create one</router-link>
+        </div>
         <modal v-model="ShowTwofaccountInModal">
             <twofaccount-show
                 :twofaccountid='twofaccount.id'
@@ -107,10 +113,12 @@
                 })
             })
 
+            // stop OTP generation on modal close
             this.$on('modalClose', function() {
                 console.log('modalClose triggered')
                 this.$refs.OneTimePassword.clearOTP()
             });
+
         },
 
         components: {