Mark required fields.

OpenWork-NZ · Oct 17, 2024 · a9aedde · a9aedde
1 parent 5466f8d
commit a9aedde
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/web-ui/src/main/resources/catalog/js/LoginController.js b/web-ui/src/main/resources/catalog/js/LoginController.js
@@ -133,7 +133,7 @@
         name: "",
         email: "",
         organisation: "",
-        profile: "RegisteredUser",
+        profile: "Editor",
         address: {
           address: "",
           city: "",

diff --git a/web-ui/src/main/resources/catalog/templates/new-account.html b/web-ui/src/main/resources/catalog/templates/new-account.html
@@ -4,6 +4,15 @@
       <div class="panel-heading">
         <h1 data-translate="">createAnAccount</h1>
       </div>
+      <style>
+        .required {
+          font-style: italic;
+        }
+        .required::after {
+          content: "*";
+          color: red;
+        }
+      </style>
       <div class="panel-body">
         <p data-translate="">newAccountInfo</p>
         <form class="form-horizontal clearfix" id="userinfo">
@@ -12,40 +21,44 @@ <h1 data-translate="">createAnAccount</h1>
           <fieldset class="pull-left">
             <legend data-translate="">personal</legend>
             <div class="form-group">
-              <label for="inputName" translate="">name</label>
+              <label for="inputName" translate="" class="required">name</label>
               <input
                 type="text"
                 class="form-control"
                 aria-label="{{'name' | translate}}"
                 data-ng-model="userInfo.name"
                 id="inputName"
                 name="name"
+                required
               />
             </div>
             <div class="form-group">
-              <label for="inputUsername" translate="">surname</label>
+              <label for="inputUsername" translate="" class="required">surname</label>
               <input
                 type="text"
                 class="form-control"
                 aria-label="{{'surname' | translate}}"
                 data-ng-model="userInfo.surname"
                 id="inputUsername"
                 name="surname"
+                required
               />
             </div>
             <div class="form-group">
-              <label data-translate="">email</label>
+              <label data-translate="" class="required">email</label>
               <input
                 type="email"
                 name="email"
                 aria-label="{{'email' | translate}}"
                 data-ng-model="userInfo.username"
                 autofocus=""
                 class="form-control"
+                required
               />
             </div>
             <div class="form-group">
-              <label data-translate="">organisation</label>
+              <label data-translate="" class="required">organisation*</label>
+              <!--  We really want this, but we don't strictly require it. -->
               <input
                 type="text"
                 name="org"