Rework typescript to use modules

web UI now uses modules, and relies less on bodge to make things work.
Also fixes an issue where invites where "failed to send to xx" appeared
in invite form.

data/templates/admin.html

@@ -31,11 +31,11 @@
                 return "";
             }
             {{ if .bs5 }}
-            var bsVersion = 5;
+            window.bsVersion = 5;
             {{ else }}
-            var bsVersion = 4;
+            window.bsVersion = 4;
             {{ end }}
-            var cssFile = "{{ .cssFile }}";
+            window.cssFile = "{{ .cssFile }}";
             var css = document.createElement('link');
             css.setAttribute('rel', 'stylesheet');
             css.setAttribute('type', 'text/css');
@@ -465,27 +465,19 @@
                 <p>{{ .contactMessage }}</p>
             </div>
         </div>
-        <script src="common.js"></script>
-            <script>
-            var availableProfiles = [];
+        <script>
+            window.bs5 = {{ .bs5 }};
+            window.availableProfiles = [];
             {{ if .notifications }}
-            var notifications_enabled = true;
+            window.notifications_enabled = true;
             {{ else }}
-            var notifications_enabled = false;
+            window.notifications_enabled = false;
             {{ end }}
         </script>
-        {{ if .bs5 }}
-        <script src="bs5.js"></script>
-        {{ else }}
-        <script src="bs4.js"></script>
-        {{ end }}
-        <script src="animation.js"></script>
-        <script src="accounts.js"></script>
-        <script src="invites.js"></script>
-        <script src="admin.js"></script>
-        <script src="settings.js"></script>
+        <script src="admin.js" type="module"></script>
+        <script src="invites.js" type="module"></script>
         {{ if .ombiEnabled }}
-        <script src="ombi.js"></script>
+        <script src="ombi.js" type="module"></script>
         {{ end }}
     </body>
 </html>

data/templates/form-base.html

@@ -0,0 +1,7 @@
+{{ define "form-base" }}
+<script> 
+    window.bs5 = {{ .bs5 }};
+    window.usernameEnabled = {{ .username }};
+</script>
+<script src="form.js" type="module"></script>
+{{ end }}

data/templates/form-loader.html

@@ -0,0 +1 @@
+{{ template "form.html" . }}

data/templates/form.html

@@ -14,11 +14,11 @@
 
         <!-- Bootstrap CSS -->
         <link rel="stylesheet" type="text/css" href="{{ .cssFile }}">
-        {{ if not .bs5 }}
+        {{ if not .settings.bs5 }}
         <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
         {{ end }}
         <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
-        {{ if .bs5 }}
+        {{ if .settings.bs5 }}
         <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
         {{ else }}
         <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
@@ -74,9 +74,9 @@
                                 <form action="#" method="POST" id="accountForm">
                                     <div class="form-group">
                                         <label for="inputEmail">Email</label>
-                                        <input type="email" class="form-control" id="{{ if .username }}inputEmail{{ else }}inputUsername{{ end }}" name="{{ if .username }}email{{ else }}username{{ end }}" placeholder="Email" value="{{ .email }}" required>
+                                        <input type="email" class="form-control" id="{{ if .settings.username }}inputEmail{{ else }}inputUsername{{ end }}" name="{{ if .settings.username }}email{{ else }}username{{ end }}" placeholder="Email" value="{{ .email }}" required>
                                     </div>
-                                    {{ if .username }}
+                                    {{ if .settings.username }}
                                     <div class="form-group">
                                         <label for="inputUsername">Username</label>
                                         <input type="username" class="form-control" id="inputUsername" name="username" placeholder="Username" required>
@@ -114,10 +114,8 @@
                 </div>
             </div>
         </div>
-        <script src="common.js"></script>
-        <script>
-            var usernameEnabled = {{ .username }}
-            var validationStrings = {
+    <script>
+            window.validationStrings = {
                 "length": {
                     "singular": "Must have at least {n} character",
                     "plural": "Must have a least {n} characters"
@@ -138,8 +136,9 @@
                     "singular": "Must have at least {n} special character",
                     "plural": "Must have at least {n} special characters"
                 }
-            }
+            };
         </script>
-        <script src="form.js"></script>
+        {{ template "form-base" .settings }}
     </body>
-</html>                            
+</html>
+