Initial commit

2026-10-04 02:48:26 +00:00 · 2024-03-02 18:39:14 -08:00
commit fa42b0871e
290 changed files with 99553 additions and 0 deletions
@@ -0,0 +1,102 @@
+import UIWindow from './UIWindow.js'
+import UIPopover from './UIPopover.js'
+
+async function UIWindowRefer(options){
+    let h = '';
+    let copy_btn_text = 'Copy Link';
+    let copied_btn_text = 'Copied!';
+    const url = `${gui_origin}/?r=${user.referral_code}`;
+
+    h += `<div>`;
+        h += `<div class="qr-code-window-close-btn generic-close-window-button disable-user-select"> &times; </div>`;
+        h += `<img src="${window.icons['present.svg']}" style="width: 70px; margin: 20px auto 20px; display: block; margin-bottom: 20px;">`;
+        h += `<p style="text-align: center; font-size: 16px; padding: 20px; font-weight: 400; margin: -10px 10px 20px 10px; -webkit-font-smoothing: antialiased; color: #5f626d;">Get 1 GB for every friend who creates and confirms an account on Puter. Your friend will get 1 GB too!</p>`;
+        h += `<label style="font-weight: bold;">Invite link</label>`;
+        h += `<input type="text" style="margin-bottom:10px;" class="downloadable-link" readonly />`;
+        h += `<button class="button button-primary copy-downloadable-link" style="width:130px;">${copy_btn_text}</button>`
+        h += `<img class="share-copy-link-on-social" src="${window.icons['share-outline.svg']}">`;
+    h += `</div>`;
+
+    const el_window = await UIWindow({
+        title: `Refer a friend!`,
+        icon: null,
+        uid: null,
+        is_dir: false,
+        body_content: h,
+        has_head: false,
+        selectable_body: false,
+        draggable_body: true,
+        allow_context_menu: false,
+        is_draggable: true,
+        is_resizable: false,
+        is_droppable: false,
+        init_center: true,
+        allow_native_ctxmenu: true,
+        allow_user_select: true,
+        onAppend: function(el_window){
+        },
+        width: 500,
+        dominant: true,
+        window_css: {
+            height: 'initial',
+        },
+        body_css: {
+            padding: '10px',
+            width: 'initial',
+            'max-height': 'calc(100vh - 200px)',
+            'background-color': 'rgb(241 246 251)',
+            'backdrop-filter': 'blur(3px)',
+            'padding': '10px 20px 20px 20px',
+            'height': 'initial',
+        }    
+    });
+
+    $(el_window).find('.window-body .downloadable-link').val(url);
+
+    $(el_window).find('.window-body .share-copy-link-on-social').on('click', function(e){    
+        const social_links = socialLink({url: url, title: `Get 1 GB of free storage on Puter.com!`, description: `Get 1 GB of free storage on Puter.com!`});
+
+        let social_links_html = ``;
+        social_links_html += `<div style="padding: 10px;">`;
+            social_links_html += `<p style="margin: 0; text-align: center; margin-bottom: 6px; color: #484a57; font-weight: bold; font-size: 14px;">Share to</p>`
+            social_links_html += `<a class="copy-link-social-btn" target="_blank" href="${social_links.twitter}" style=""><svg viewBox="0 0 24 24" aria-hidden="true" style="opacity: 0.7;"><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg></a>`
+            social_links_html += `<a class="copy-link-social-btn" target="_blank" href="${social_links.whatsapp}" style=""><img src="${window.icons['logo-whatsapp.svg']}"></a>`
+            social_links_html += `<a class="copy-link-social-btn" target="_blank" href="${social_links.facebook}" style=""><img src="${window.icons['logo-facebook.svg']}"></a>`
+            social_links_html += `<a class="copy-link-social-btn" target="_blank" href="${social_links.linkedin}" style=""><img src="${window.icons['logo-linkedin.svg']}"></a>`
+            social_links_html += `<a class="copy-link-social-btn" target="_blank" href="${social_links.reddit}" style=""><img src="${window.icons['logo-reddit.svg']}"></a>`
+            social_links_html += `<a class="copy-link-social-btn" target="_blank" href="${social_links['telegram.me']}" style=""><img src="${window.icons['logo-telegram.svg']}"></a>`
+        social_links_html += '</div>';
+
+        UIPopover({
+            content: social_links_html,
+            snapToElement: this,
+            parent_element: this,
+            // width: 300,
+            height: 100,
+            position: 'bottom',
+        });    
+    })
+
+    $(el_window).find('.window-body .copy-downloadable-link').on('click', async function(e){
+        var copy_btn = this;
+        if (navigator.clipboard) {
+            // Get link text
+            const selected_text = $(el_window).find('.window-body .downloadable-link').val();
+            // copy selected text to clipboard
+            await navigator.clipboard.writeText(selected_text);
+        }
+        else{
+            // Get the text field
+            $(el_window).find('.window-body .downloadable-link').select();
+            // Copy the text inside the text field
+            document.execCommand('copy');
+        }
+
+        $(this).html(copied_btn_text);
+        setTimeout(function(){
+            $(copy_btn).html(copy_btn_text);
+        }, 1000);
+    });
+}
+
+export default UIWindowRefer