From 924be38d4316ff5af43fec39f0515a700f447ea7 Mon Sep 17 00:00:00 2001 From: "Dev.Huang" <18778418865@163.com> Date: Thu, 4 Jul 2024 20:32:49 +0800 Subject: [PATCH] Create api2.js --- captcha/v1/api2.js | 244 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 244 insertions(+) create mode 100644 captcha/v1/api2.js diff --git a/captcha/v1/api2.js b/captcha/v1/api2.js new file mode 100644 index 0000000..53dcbb9 --- /dev/null +++ b/captcha/v1/api2.js @@ -0,0 +1,244 @@ +(function(global) { + // CSS Styles + const styles = ` + body { + font-family: Arial, sans-serif; + } + #captcha-container { + width: 260px; + height: 40px; + border: 1px solid #ccc; + padding: 20px; + margin: 50px auto; + text-align: left; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + border-radius: 8px; + display: flex; + align-items: center; + justify-content: space-between; + font-family: Arial, sans-serif; + background-color: #ffffff; + color: #000000; + } + @media (prefers-color-scheme: dark) { + #captcha-container { + background-color: #333333; + color: #ffffff; + border-color: #555555; + box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); + } + #verify-checkbox { + border-color: #555555; + } + } + #verify-section { + display: flex; + align-items: center; + } + #verify-checkbox { + margin-right: 10px; + } + #captcha-label { + margin-right: 20px; + } + #brand { + font-weight: bold; + font-size: 14px; + display: flex; + flex-direction: column; + align-items: flex-end; + position: relative; + margin-top: 23.5px; + } + #brand img { + width: 35px; + position: absolute; + right: 0; + top: -30px; + } + #success-icon, #failure-icon { + width: 35px; + height: 35px; + margin-left: 5px; + } + #verification-text { + margin-left: 10px; + color: green; + font-weight: bold; + font-size: 16px; + } + #loading-text { + display: none; + margin-right: 20px; + font-size: 16px; + } + #math-captcha-modal { + display: none; + position: fixed; + z-index: 1000; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: 300px; + padding: 20px; + background-color: #ffffff; + border: 1px solid #ccc; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + border-radius: 8px; + text-align: center; + } + @media (prefers-color-scheme: dark) { + #math-captcha-modal { + background-color: #333333; + color: #ffffff; + border-color: #555555; + box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); + } + } + #math-captcha-modal h3 { + margin-bottom: 10px; + } + #math-captcha-input { + margin-bottom: 10px; + padding: 8px; + width: 100%; + box-sizing: border-box; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 14px; + color: #000000; + background-color: #ffffff; + text-align: center; + } + @media (prefers-color-scheme: dark) { + #math-captcha-input { + background-color: #444444; + color: #ffffff; + border-color: #555555; + } + } + #math-captcha-button { + margin-top: 10px; + padding: 8px 16px; + background-color: #0066ff; + color: #ffffff; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 14px; + } + #math-captcha-button:hover { + background-color: #0066ff; + } + #math-captcha-error { + color: red; + display: none; + margin-top: 10px; + } + #math-captcha-question { + font-family: Arial, sans-serif; + } + .privacy-terms-links { + display: flex; + align-items: center; + } + .privacy-terms-links a { + text-decoration: none; + align-items: flex-end; + font-size: 11px; + color: #666666; + margin: 0 0px; + } + .privacy-terms-links a:hover { + color: #333333; + } + .privacy-terms-links p { + margin: 0 3px; + } + `; + + // JavaScript logic + function AIRCaptcha() { + // Dynamically create CSS + const styleSheet = document.createElement("style"); + styleSheet.type = "text/css"; + styleSheet.innerText = styles; + document.head.appendChild(styleSheet); + + // Create HTML structure + const captchaContainer = document.createElement('div'); + captchaContainer.id = 'captcha-container'; + captchaContainer.innerHTML = ` +
+ + + Verifying... + + + +
+
+ AIR Captcha Logo + AIR Captcha +
+

·

+
+
+
+

Solve the Math Problem

+
+ + +

Incorrect answer, please try again.

+
+ `; + + document.getElementById('air-captcha').appendChild(captchaContainer); + + const verifyCheckbox = document.getElementById('verify-checkbox'); + const captchaLabel = document.getElementById('captcha-label'); + const checkMark = document.getElementById('check-mark'); + const verificationText = document.getElementById('verification-text'); + const errorMessage = document.getElementById('error-message'); + const submitButton = document.getElementById('submit-button'); + const loadingText = document.getElementById('loading-text'); + const mathCaptchaModal = document.getElementById('math-captcha-modal'); + const mathCaptchaQuestion = document.getElementById('math-captcha-question'); + const mathCaptchaInput = document.getElementById('math-captcha-input'); + const mathCaptchaButton = document.getElementById('math-captcha-button'); + const mathCaptchaError = document.getElementById('math-captcha-error'); + const mathCaptchaTitle = document.getElementById('math-captcha-title'); + const privacyLink = document.getElementById('privacy-link'); + const docsLink = document.getElementById('docs-link'); + let mouseMovements = []; + let isTouchDevice = 'ontouchstart' in document.documentElement; + let mathAnswer; + let isTabActive = true; + + const translations = { + en: { + captchaLabel: "I'm not a robot", + verifyingText: "Verifying...", + verificationSuccess: "Verification successful", + verificationError: "Please re-verify", + verifyButtonText: "Verify", + mathCaptchaTitle: "Solve the Math Problem", + mathCaptchaError: "Incorrect answer, please try again.", + privacyLink: "Privacy", + docsLink: "Documentation" + }, + zh: { + captchaLabel: "我不是机器人", + verifyingText: "验证中...", + verificationSuccess: "验证成功", + verificationError: "请重新验证", + verifyButtonText: "验证", + mathCaptchaTitle: "请完成此验证", + mathCaptchaError: "回答错误，请重试", + privacyLink: "隐私", + docsLink: "文档" + }, + }; + + function detectLanguage() { + const userLang = navigator.language || navigator.userLanguage;