Create settings.html

daffadevhosting · web-flow · commit cccf0d389f94 · 2025-03-25T13:19:59.000+07:00
diff --git a/settings.html b/settings.html
@@ -0,0 +1,77 @@
+---
+title: Sttings
+permalink: /setting
+---
+
+<!DOCTYPE html>
+<html lang="id">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Fingerprint Login</title>
+    <script>
+        document.addEventListener("DOMContentLoaded", function () {
+            const fingerprintSwitch = document.getElementById("fingerprintSwitch");
+
+            // Cek apakah fingerprint diaktifkan sebelumnya
+            function isFingerprintEnabled() {
+                return localStorage.getItem("fingerprintEnabled") === "true";
+            }
+
+            function updateSwitchState() {
+                fingerprintSwitch.checked = isFingerprintEnabled();
+            }
+
+            function toggleFingerprint() {
+                const isEnabled = fingerprintSwitch.checked;
+                localStorage.setItem("fingerprintEnabled", isEnabled);
+                alert(isEnabled ? "Fingerprint diaktifkan!" : "Fingerprint dimatikan!");
+            }
+
+            async function loginWithFingerprint() {
+                if (!isFingerprintEnabled()) {
+                    alert("Fingerprint belum diaktifkan.");
+                    return;
+                }
+
+                if (!window.PublicKeyCredential) {
+                    alert("Perangkat tidak mendukung WebAuthn.");
+                    return;
+                }
+
+                try {
+                    const credential = await navigator.credentials.get({
+                        publicKey: {
+                            challenge: new Uint8Array(32),
+                            allowCredentials: [],
+                            userVerification: "required",
+                        },
+                    });
+
+                    if (credential) {
+                        alert("Login berhasil dengan fingerprint!");
+                    }
+                } catch (error) {
+                    alert("Autentikasi gagal: " + error.message);
+                }
+            }
+
+            // Event Listener
+            fingerprintSwitch.addEventListener("change", toggleFingerprint);
+            document.getElementById("loginBtn").addEventListener("click", loginWithFingerprint);
+
+            // Set initial switch state
+            updateSwitchState();
+        });
+    </script>
+</head>
+<body>
+    <h2>Pengaturan Fingerprint</h2>
+    <label>
+        <input type="checkbox" id="fingerprintSwitch">
+        Aktifkan Login Fingerprint
+    </label>
+    <br><br>
+    <button id="loginBtn">Login dengan Fingerprint</button>
+</body>
+</html>
