feat(webapp): offer to set account password on domain setup pages

fixes #458

webapp/src/views/DomainSetup.vue

@@ -12,6 +12,20 @@
         <span class="fixed-width">{{ domain }}</span> with deSEC.
       </p>
 
+      <div v-if="!$store.state.authenticated">
+        <div class="subtitle-1">
+          <v-icon>mdi-numeric-0-circle</v-icon>
+          DNS Configuration
+        </div>
+        <p>
+          To ensure a smooth transition when moving your domain to deSEC, setup a password for your deSEC account,
+          log in and configure the DNS for <span class="fixed-width">{{ domain }}</span>, before you proceed below.
+        </p>
+        <v-btn outlined block :to="{name: 'reset-password'}" target="_blank">
+          Assign Account Password
+        </v-btn>
+      </div>
+
       <div class="mt-2 subtitle-1">
         <v-icon>mdi-numeric-1-circle</v-icon>
         Delegate your domain

webapp/src/views/DynSetup.vue

@@ -147,7 +147,19 @@
               </p>
             </v-alert>
 
-            <h2 class="title">Keep deSEC Going</h2>
+            <div v-if="!$store.state.authenticated">
+              <h2 class="title">Optional: Assign deSEC Account Password</h2>
+              <p>
+                To use more features of deSEC, assign a password to your account. This is not required for using deSEC
+                for dynamic DNS only, but enables to you add more domains and other DNS information.
+                You can also assign a password later at any time.
+              </p>
+              <v-btn outlined block :to="{name: 'reset-password'}">
+                Assign Account Password
+              </v-btn>
+            </div>
+
+            <h2 class="title mt-4">Keep deSEC Going</h2>
             <p>
               To offer free DNS hosting for everyone, deSEC relies on donations only.
               If you like our service, please consider donating.