settings page, clipboard component

templates/panel/settings/index.ts

@@ -0,0 +1,34 @@
+/*
+ * 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 registerShowPassword from '../../components/showPassword/';
+import CopyIcon from '../../components/clipboard/';
+
+const SECRET_COPY_ICON = 'settings__secret-copy';
+const SECRET_COPY_DONE_ICON = 'settings__secret-copy-done';
+
+const index = () => {
+  registerShowPassword();
+
+  const secretElement = <HTMLElement>(
+    document.querySelector(`.${SECRET_COPY_ICON}`)
+  );
+  const writeText = secretElement.dataset.secret;
+  new CopyIcon(writeText, SECRET_COPY_ICON, SECRET_COPY_DONE_ICON);
+};
+
+export default index;