Add copy to clipboard button

Author: Rick1080p

index.html

@@ -327,6 +327,12 @@ <h1 id="website-title">Augmenta Designer (beta)</h1>
               <div id="share-modal-content" class="column center-x center-y modal-content">
                 <span id="close-share-modal" class="close">&times;</span>
                 <p id="copy-feedback-text" class="main-text">An URL of your scene has been copied to clipboard.</p>
+                <div class="center-x space-y">  
+                  <div id="copy-scene-link" class="button main-button">
+                    <span class="iconify main-icon" data-icon="ph:copy"></span>
+                    <p> Copy to clipboard </p>
+                  </div>
+                </div>
                 <p class="main-text">You can also download a file for your scene below:</p>
                 <div class="row center-x space-y">
                   <input type="text" id="scene-file-name-input" placeholder="Your file name">

js/UI/UIManager.js

@@ -42,10 +42,15 @@ class UIManager{
             if(deleteAllDummiesButton) deleteAllDummiesButton.addEventListener('click', () => viewportManager.sceneManager.objects.removeDummies());
 
             sceneManager = viewportManager.sceneManager
+            //Share button click
             const copyUrlModal = document.getElementById("share-modal");
             document.getElementById('generate-link').addEventListener('click', () => {
                 copyLink(sceneManager.objects.generateLink());
             });
+            //Copy to clipboard click
+            document.getElementById('copy-scene-link').addEventListener('click', () => {
+                copyLink(sceneManager.objects.generateLink());
+            });
             //CLOSE MODAL CHEN CLICKING THE CROSS
             document.getElementById('close-share-modal').addEventListener('click', () => copyUrlModal.classList.add('hidden'));
             //CLOSE MODAL WHEN CLICKING OUTSIDE
@@ -158,12 +163,12 @@ class UIManager{
             if (!file) {
                 return;
             }
-            if(file.type !== 'application/json')
+            console.log(file);
+            if(file.type !== 'application/json' && file.name.split(".")[1] != "builder")
             {
                 alert(`Invalid file. Your file must end with ".json"`);
                 return;
             }
-            console.log(file);
             const reader = new FileReader();
             reader.onload = function(e) {
                 const contents = e.target.result;