v2.0.0

htdocs/assets/js/developer_tools.js

@@ -0,0 +1,23 @@
+//Right-click disable
+document.addEventListener('contextmenu', event => event.preventDefault());
+
+// Disable common keyboard shortcuts for developer tools
+    document.addEventListener('keydown', function(event) {
+      if (event.ctrlKey && (event.key === 'I' || event.key === 'i' || event.key === 'J' || event.key === 'j' || event.key === 'U' || event.key === 'u')) {
+        event.preventDefault();
+      }
+      if (event.key === 'F12') {
+        event.preventDefault();
+      }
+    });
+
+    // Detect developer tools opening
+    (function() {
+      const element = new Image();
+      Object.defineProperty(element, 'id', {
+        get: function() {
+          alert('Developer tools opened!');
+        }
+      });
+      console.log(element);
+    })();

htdocs/assets/js/home.js

@@ -0,0 +1,69 @@
+const form = document.querySelector(".shorten-form"),
+    urlInput = document.querySelector("#url-input"),
+    shortenBtn = document.querySelector("#shorten-btn"),
+    linksList = document.querySelector("#links-list");
+
+shortenBtn.onclick = () => {
+    let xhr = new XMLHttpRequest();
+    xhr.open("POST", "core/url-controll.php", true);
+    xhr.onload = () => {
+        if (xhr.readyState == 4 && xhr.status == 200) {
+            let data = xhr.response;
+            if (data.length <= 5) {
+                let domain = "localhost/url/";
+                let shortenURL = domain + data;
+
+                let newRow = `
+                    <li>
+                        <div class="link-icon"><img src="assets/images/url.png" class="logo-img"></div>
+                        <div class="link-info">
+                            <span class="short-link">${shortenURL}</span>
+                            <span class="long-link">${urlInput.value}</span>
+                        </div>
+                        <button class="copy-btn"><img src="assets/images/copy.png"></button>
+                        <button class="delete-btn"><img src="assets/images/delete.png"></button>
+                    </li>
+                `;
+                linksList.insertAdjacentHTML('afterbegin', newRow);
+                urlInput.value = ""; // Clear the input field
+                location.reload(); // Reload the page after shortening
+            } else {
+                alert(data);
+            }
+        }
+    };
+    let formData = new FormData();
+    formData.append("full_url", urlInput.value);
+    xhr.send(formData);
+};
+
+// Handle copy button clicks
+document.addEventListener('click', function(e) {
+    if (e.target.closest('.copy-btn')) {
+        const linkInfo = e.target.closest('li').querySelector('.short-link').textContent;
+        navigator.clipboard.writeText(linkInfo).catch(err => {
+            console.error('Failed to copy text: ', err);
+        });
+    }
+
+    // Handle delete button clicks
+    document.querySelectorAll(".delete-btn").forEach((deleteBtn) => {
+        deleteBtn.addEventListener("click", function () {
+            const linkItem = this.closest("li");
+            const shortenURL = linkItem.querySelector(".short-link").textContent;
+    
+            let xhr = new XMLHttpRequest();
+            xhr.open("GET", `core/delete.php?id=${shortenURL.split('/').pop()}`, true);
+            xhr.onload = () => {
+                if (xhr.readyState == 4 && xhr.status == 200) {
+                    if (xhr.responseText === "success") {
+                        linkItem.remove();
+                    } else {
+                        alert("Failed to delete the URL.");
+                    }
+                }
+            };
+            xhr.send();
+        });
+    });
+});