mv add form into advance

templates/panel/sitekey/add/advance/ts/form/index.ts

@@ -0,0 +1,67 @@
+/*
+ * 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 { LEVELS } from "../levels";
+
+import getFormUrl from "../../../../../../utils/getFormUrl";
+import genJsonPayload from "../../../../../../utils/genJsonPayload";
+
+import VIEWS from "../../../../../../views/v1/routes";
+
+import validateDescription from "./validateDescription";
+import validateDuration from "./validateDuration";
+
+import createError from "../../../../../../components/error";
+
+export const SITE_KEY_FORM_CLASS = "sitekey-form";
+export const FORM = <HTMLFormElement>(
+  document.querySelector(`.${SITE_KEY_FORM_CLASS}`)
+);
+
+export const addSubmitEventListener = (): void =>
+  FORM.addEventListener("submit", submit, true);
+
+const submit = async (e: Event) => {
+  e.preventDefault();
+
+  const description = validateDescription(e);
+  const duration = validateDuration();
+
+  const formUrl = getFormUrl(FORM);
+
+  const levels = LEVELS.getLevels();
+  console.debug(`[form submition]: levels: ${levels}`);
+
+  const payload = {
+    levels: levels,
+    duration,
+    description,
+  };
+
+  console.debug(`[form submition] json payload: ${JSON.stringify(payload)}`);
+
+  const res = await fetch(formUrl, genJsonPayload(payload));
+  if (res.ok) {
+    const data = await res.json();
+    window.location.assign(VIEWS.viewSitekey(data.key));
+  } else {
+    const err = await res.json();
+    createError(err.error);
+  }
+};
+
+export default addSubmitEventListener;

templates/panel/sitekey/add/advance/ts/form/validateDescription.test.ts

@@ -0,0 +1,43 @@
+/*
+ * 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 validateDescription from "./validateDescription";
+import {getAddForm, fillDescription} from "../setupTests";
+import {mockAlert} from "../../../../../../setUpTests";
+
+import setup from "../../../../../../components/error/setUpTests";
+
+mockAlert();
+
+document.body.innerHTML = getAddForm();
+
+const emptyErr = "can't be empty";
+
+it("validateDescription workds", () => {
+  document.querySelector("body").appendChild(setup());
+  try {
+    const event = new Event("submit");
+    validateDescription(event);
+  } catch (e) {
+    expect(e.message).toContain(emptyErr);
+  }
+
+  // fill and validate
+  fillDescription("testing");
+  const event = new Event("submit");
+  validateDescription(event);
+});

templates/panel/sitekey/add/advance/ts/form/validateDescription.ts

@@ -0,0 +1,28 @@
+/*
+ * 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 isBlankString from "../../../../../../utils/isBlankString";
+
+const validateDescription = (e: Event): string => {
+  const inputElement = <HTMLInputElement>document.getElementById("description");
+  const val = inputElement.value;
+  const filed = "Description";
+  isBlankString(val, filed, e);
+  return val;
+};
+
+export default validateDescription;

templates/panel/sitekey/add/advance/ts/form/validateDuration.test.ts

@@ -0,0 +1,68 @@
+/*
+ * 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/>.
+ */
+//const validateDuration = (e: Event) => {
+//  const duartionElement = <HTMLInputElement>document.getElementById('duration');
+//  const duration = parseInt(duartionElement.value);
+//  if (!isNumber(duration) || Number.isNaN(duration)) {
+//    throw new Error('duration can contain nubers only');
+//  }
+//
+//  if (duration <= 0) {
+//    throw new Error('duration must be greater than zero');
+//  }
+//  return duration;
+//};
+//
+//export default validateDuration;
+
+import validateDuration from "./validateDuration";
+import {getAddForm, fillDuration} from "../setupTests";
+
+document.body.innerHTML = getAddForm();
+
+const emptyErr = "can't be empty";
+const NaNErr = "duration can contain nubers only";
+const zeroErr = "duration must be greater than zero";
+
+const duration = 30;
+
+it("validateDuration workds", () => {
+  try {
+    validateDuration();
+  } catch (e) {
+    expect(e.message).toContain(emptyErr);
+  }
+
+  // fill string error
+  try {
+    fillDuration("testing");
+    validateDuration();
+  } catch (e) {
+    expect(e.message).toContain(NaNErr);
+  }
+
+  // zero err
+  try {
+    fillDuration(0);
+    validateDuration();
+  } catch (e) {
+    expect(e.message).toContain(zeroErr);
+  }
+
+  fillDuration(duration);
+  expect(validateDuration()).toBe(duration);
+});

templates/panel/sitekey/add/advance/ts/form/validateDuration.ts

@@ -0,0 +1,32 @@
+/*
+ * 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 isNumber from "../../../../../../utils/isNumber";
+
+const validateDuration = (): number => {
+  const duartionElement = <HTMLInputElement>document.getElementById("duration");
+  const duration = parseInt(duartionElement.value);
+  if (!isNumber(duration) || Number.isNaN(duration)) {
+    throw new Error("duration can contain nubers only");
+  }
+
+  if (duration <= 0) {
+    throw new Error("duration must be greater than zero");
+  }
+  return duration;
+};
+
+export default validateDuration;