delete captcha option and sudo page

templates/components/additional-data/getAdditionalData.test.ts

@@ -0,0 +1,33 @@
+/*
+ * 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 additionalData from './index';
+
+it('sudo form works', () => {
+  try {
+    additionalData();
+  } catch (e) {
+    expect(e.message).toBe(
+      "Couldn't retrieve additional data element, is the component loaded?",
+    );
+  }
+
+  const element = document.createElement('div');
+  element.id = 'additional-data';
+  document.body.appendChild(element);
+  expect(additionalData()).toBe(element);
+});

templates/components/additional-data/index.html

@@ -0,0 +1,3 @@
+<. if data.is_some() && !data.as_ref().unwrap().is_empty() { .>
+     <div id="additional-data" <.= data.unwrap() .>></div> 
+<. } .>

templates/components/additional-data/index.ts

@@ -0,0 +1,36 @@
+/*
+ * 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 additionalData = () => {
+  let element = null;
+  const ID = 'additional-data';
+
+  if (element === null) {
+    element = <HTMLElement>document.getElementById(ID);
+    if (element === undefined) {
+      throw new Error(
+        "Couldn't retrieve additional data element, is the component loaded?",
+      );
+    } else {
+      return element;
+    }
+  } else {
+    element;
+  }
+};
+
+export default additionalData;

templates/components/details-footer/main.scss

@@ -50,3 +50,8 @@ $footer-font-size: 14px;
 .details__link {
   color: $blue-link;
 }
+
+.sitekey-form__delete {
+  filter: invert(12%) sepia(70%) saturate(6818%) hue-rotate(341deg)
+    brightness(82%) contrast(111%);
+}

templates/components/footers.html

@@ -10,7 +10,7 @@
 
   <link
     rel="stylesheet"
-    media="screen and (max-width: 768px)"
+    media="screen and (max-width: 961px)"
     type="text/css"
     href="<.= &*crate::MOBILE_CSS .>" 
   />