edit sitekey, router pattern matching, sitekey update optimization, rm level delete and level err handling

templates/panel/sitekey/edit/index.ts

@@ -0,0 +1,82 @@
+/*
+ * 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 * as Add from '../add/ts/form/';
+import addLevelButtonAddEventListener from '../add/ts/addLevelButton';
+import {addRemoveLevelButtonEventListenerAll} from '../add/ts/removeLevelButton';
+import getNumLevels from '../add/ts/levels/getNumLevels';
+import validateLevel from '../add/ts/levels/validateLevel';
+import * as UpdateLevel from '../add/ts/levels/updateLevel';
+import validateDescription from '../add/ts/form/validateDescription';
+import validateDuration from '../add/ts/form/validateDuration';
+import {LEVELS} from '../add/ts/levels';
+
+import getFormUrl from '../../../utils/getFormUrl';
+import genJsonPayload from '../../../utils/genJsonPayload';
+import createError from '../../../components/error';
+
+import VIEWS from '../../../views/v1/routes';
+
+const BTN = <HTMLElement>document.querySelector('.sitekey-form__submit');
+const key = BTN.dataset.sitekey;
+
+const submit = async (e: Event) => {
+  e.preventDefault();
+
+  const description = validateDescription(e);
+  const duration = validateDuration(e);
+
+  const formUrl = getFormUrl(Add.FORM);
+
+  const levels = LEVELS.getLevels();
+  console.debug(`[form submition]: levels: ${levels}`);
+
+  const payload = {
+    levels,
+    duration,
+    description,
+    key,
+  };
+
+  console.debug(`[form submition] json payload: ${JSON.stringify(payload)}`);
+
+  const res = await fetch(formUrl, genJsonPayload(payload));
+  if (res.ok) {
+    window.location.assign(VIEWS.viewSitekey(key));
+  } else {
+    const err = await res.json();
+    createError(err.error);
+  }
+};
+
+const addSubmitEventListener = () => {
+  Add.FORM.addEventListener('submit', submit, true);
+};
+
+const bootstrapLevels = () => {
+  const levels = getNumLevels();
+  addRemoveLevelButtonEventListenerAll();
+  for (let i = 1; i <= levels - 1; i++) {
+    validateLevel(i);
+    UpdateLevel.register(i);
+  }
+};
+
+export const index = () => {
+  addSubmitEventListener();
+  addLevelButtonAddEventListener();
+  bootstrapLevels();
+};