Warn about passwordless accounts

src/types/user.ts

@@ -13,4 +13,5 @@ export interface User extends UserLight {
   is_admin: boolean
   auth_token: string
   features: Record<Feature, boolean>
+  has_usable_password: boolean
 }

src/views/App.vue

@@ -17,11 +17,19 @@
         to access more resources and tools.
       </p>
     </div>
-    <div class="email-warning notification is-info" v-if="emailWarning">
+    <div v-if="emailWarning" class="sticky-warning notification is-info">
       <button class="delete" v-on:click="emailWarning = false"></button>
       Welcome to Arkindex!
       To fully activate your account, a verification email was sent to {{ user.email }}. <strong>Please check your mailbox</strong>.
     </div>
+    <div v-else-if="passwordWarning" class="sticky-warning notification is-warning">
+      <button class="delete" v-on:click="passwordWarning = false"></button>
+      You don't have a password set for your account yet.
+      <strong>
+        Please define a password from
+        <router-link :to="{ name: 'user-profile' }">your profile page</router-link>.
+      </strong>
+    </div>
     <router-view />
     <footer class="footer is-paddingless is-flex is-justify-content-space-between">
       <span class="footer-item">
@@ -77,6 +85,7 @@ export default {
   data: () => ({
     VERSION,
     loggingWarning: false,
+    passwordWarning: false,
     emailWarning: false
   }),
   mounted () {
@@ -110,6 +119,14 @@ export default {
         this.loggingWarning = !loggedOn
         this.emailWarning = loggedOn && !this.isVerified
       }
+    },
+    user: {
+      immediate: true,
+      handler (newValue) {
+        if (!newValue) return
+        // Avoid confusion as profile page is only accessible to verified emails
+        this.passwordWarning = !this.emailWarning && !newValue.has_usable_password
+      }
     }
   }
 }
@@ -140,7 +157,7 @@ main.container, footer {
   margin-top: 1em;
 }
 
-.email-warning {
+.sticky-warning {
   position: -webkit-sticky;
   position: sticky;
   top: 1rem;