Added connectExternalWebId as opt-in via checkbox

Author: megoth

default-views/account/register-form.hbs

@@ -63,19 +63,26 @@
             <span class="help-block">Your email will only be used for account recovery</span>
           </div>
 
-          <div class="form-group">
+          <div class="checkbox">
+            <label>
+              <input type="checkbox" name="connectExternalWebId" value="true" id="ConnectExternalWebId" {{#if connectExternalWebId}}checked{{/if}}/>
+              Connect to External WebID (<strong>Advanced feature</strong> {{ connectExternalWebId ? "true" : "false" }})
+            </label>
+          </div>
+
+          <div class="form-group hidden" id="ExternalWebId">
             <label class="control-label" for="externalWebId">External WebID:</label>
             <input type="text" class="form-control" name="externalWebId" id="externalWebId" value="{{externalWebId}}"/>
             <span class="help-block">
-                We will generate a Web ID when you register, but if you already have a Web ID hosted elsewhere that you'd prefer to use to log in, enter it here
+              By connecting this account with an existing webId, you can use that webId to authenticate with the new account.
             </span>
           </div>
 
           {{#if enforceToc}}
             {{#if tocUri}}
               <div class="checkbox">
                 <label>
-                  <input type="checkbox" name="acceptToc" value="true" {{acceptToc ? "checked" : ""}}>
+                  <input type="checkbox" name="acceptToc" value="true" {{#if acceptToc}}checked{{/if}}>
                   I agree to the <a href="{{tocUri}}" target="_blank">Terms &amp; Conditions</a> of this service
                 </label>
               </div>
@@ -114,10 +121,19 @@
 <script>
   var username = document.getElementById('username');
   username.onkeyup = function() {
-  var list = document.getElementsByClassName('editable-username');
-  for (let item of list) {
-    item.innerHTML = username.value.toLowerCase()
+    var list = document.getElementsByClassName('editable-username');
+      for (let item of list) {
+      item.innerHTML = username.value.toLowerCase()
+    }
   }
-}
+
+  window.addEventListener('DOMContentLoaded', function () {
+    var connect = document.getElementById('ConnectExternalWebId')
+    var container = document.getElementById('ExternalWebId')
+    container.classList.toggle('hidden', !connect.checked)
+    connect.addEventListener('change', function () {
+      container.classList.toggle('hidden', !connect.checked)
+    })
+  })
 </script>
 

lib/requests/create-account-request.js

@@ -121,7 +121,8 @@ class CreateAccountRequest extends AuthRequest {
       name: data.name,
       email: data.email,
       externalWebId: data.externalWebId,
-      acceptToc: data.acceptToc
+      acceptToc: data.acceptToc,
+      connectExternalWebId: data.connectExternalWebId
     })
 
     if (error) {