adicionado colar

Author: altendorfme

app/assets/js/scripts.js

@@ -85,4 +85,20 @@ document.addEventListener('DOMContentLoaded', function () {
             }
         }
     });
+
+    // Paste button functionality
+    const pasteButton = document.getElementById('paste');
+    const urlInput = document.getElementById('url');
+
+    if (pasteButton && urlInput) {
+        pasteButton.addEventListener('click', async (e) => {
+            e.preventDefault();
+            try {
+                const clipboardText = await navigator.clipboard.readText();
+                urlInput.value = clipboardText.trim();
+            } catch (err) {
+                console.error('Failed to read clipboard contents', err);
+            }
+        });
+    }
 });

app/assets/scss/_icons.scss

@@ -38,4 +38,6 @@
 @include mixin.icon('warning', 'invert(89%) sepia(25%) saturate(5861%) hue-rotate(353deg) brightness(101%) contrast(101%)');
 
 @include mixin.icon('hamburguer', 'invert(0%) sepia(21%) saturate(7425%) hue-rotate(12deg) brightness(96%) contrast(96%)');
-@include mixin.icon('close', 'invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)');
+@include mixin.icon('close', 'invert(100%) sepia(32%) saturate(8%) hue-rotate(23deg) brightness(102%) contrast(100%)');
+
+@include mixin.icon('paste', 'invert(0%) sepia(21%) saturate(7425%) hue-rotate(12deg) brightness(96%) contrast(96%)');

app/assets/scss/home.scss

@@ -496,6 +496,23 @@ main {
                 }
             }
 
+            .paste {
+                background: rgb(244,244,245);
+                background: linear-gradient(90deg, rgba(244,244,245,0) 0%, rgba(244,244,245,1) 30%, rgba(244,244,245,1) 100%);
+                align-items: center;
+                z-index: 3;
+                position: absolute;
+                top: 4px;
+                padding: 0 18px 0 22px;
+                right: 50px;
+                cursor: pointer;
+                height: 48px;
+                display: flex;
+                .icon {
+
+                }
+            }
+
             button {
                 position: relative;
                 background-color: var(--marreta);

app/dist/css/style.css

@@ -86,6 +86,7 @@
                             required
                             pattern="https?://.+"
                             title="<?php echo \Inc\Language::getMessage('INVALID_URL')['message']; ?>">
+                            <span class="paste" id="paste"><span class="icon icon--paste"></span></span>
                     </div>
                     <button type="submit" alt="<?php echo \Inc\Language::get('analyze_button'); ?>">
                         <span class="icon icon--marreta"></span>