typescript migration

templates/auth/login/index.ts

@@ -0,0 +1,65 @@
+/*
+ * Copyright (C) 2021  Aravinth Manivannan <realaravinth@batsense.net>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import ROUTES from '../../api/v1/routes';
+import VIEWS from '../../views/v1/routes';
+
+import isBlankString from '../../utils/isBlankString';
+import genJsonPayload from '../../utils/genJsonPayload';
+
+//import '../forms.scss';
+
+const login = (e: Event) => {
+  e.preventDefault();
+  InputEvent
+  const usernameElement: HTMLInputElement = <HTMLInputElement>document.getElementById('username');
+  if (usernameElement === null) {
+    console.debug("Username element is null");
+    return;
+  }
+
+  let username = usernameElement.value;
+  isBlankString(e, username, 'username');
+//  isBlankString(e);//, username, 'username');
+
+  const passwordElement: HTMLInputElement = <HTMLInputElement>document.getElementById('password');
+  if (passwordElement === null) {
+    console.debug("Password is null");
+    return;
+  }
+
+  let password = passwordElement.value;
+
+  let payload = {
+    username,
+    password,
+  };
+
+  fetch(ROUTES.loginUser, genJsonPayload(payload)).then(res => {
+    if (res.ok) {
+      alert('success');
+      window.location.assign(VIEWS.panelHome);
+    } else {
+      res.json().then(err => alert(`error: ${err.error}`));
+    }
+  });
+};
+
+export const index = () => {
+  let form = <HTMLFontElement>document.getElementById('form');
+  form.addEventListener('submit', login, true);
+};