Initial commit

2026-07-30 10:51: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,138 @@
+import UIWindow from './UIWindow.js'
+import UIWindowLogin from './UIWindowLogin.js'
+import UIWindowSignup from './UIWindowSignup.js'
+
+async function UIWindowSessionList(options){
+    options = options ?? {};
+    options.reload_on_success = options.reload_on_success ?? true;
+
+    return new Promise(async (resolve) => {
+        let h = '';
+        h += `<div style="margin:10px;">`;
+            h += `<div class="loading">Signing in...</div>`
+            h += `<div style="overflow-y: scroll; max-width: 400px; margin: 0 auto;">`;
+            h += `<h1 style="text-align: center; font-size: 18px; font-weight: normal; color: #757575;"><img src="${icons['logo-white.svg']}" style="padding: 4px; background-color: blue; border-radius: 5px; width: 25px; box-sizing: border-box; margin-bottom: -6px; margin-right: 6px;">Sign in with Puter</h1>`
+            for (let index = 0; index < logged_in_users.length; index++) {
+                const l_user = logged_in_users[index];
+                h += `<div data-uuid="${l_user.uuid}" class="session-entry">${l_user.username}</div>`;
+            }
+            h += `</div>`;
+
+            h += `<div style="margin-top: 20px; margin-bottom: 20px; text-align:center;"><span class="login-c2a-session-list">Log Into Another Account</span> &bull; <span class="signup-c2a-session-list">Create Account</span></div>`;
+        h += `</div>`;
+
+        const el_window = await UIWindow({
+            title: 'Session List!',
+            app: 'session-list',
+            single_instance: true,
+            icon: null,
+            uid: null,
+            is_dir: false,
+            body_content: h,
+            has_head: false,
+            selectable_body: false,
+            draggable_body: options.draggable_body ?? true,
+            allow_context_menu: false,
+            is_resizable: false,
+            is_droppable: false,
+            init_center: true,
+            allow_native_ctxmenu: false,
+            allow_user_select: false,
+            width: 350,
+            height: 'auto',
+            dominant: true,
+            show_in_taskbar: false,
+            update_window_url: false,
+            cover_page: options.cover_page ?? false,
+            onAppend: function(this_window){
+            },
+            window_class: 'window-session-list',
+            body_css: {
+                width: 'initial',
+                height: '100%',
+                'background-color': 'rgb(245 247 249)',
+                'backdrop-filter': 'blur(3px)',
+                'display': 'flex',
+                'flex-direction': 'column',
+                'justify-content': 'center',
+            }    
+        })
+        $(el_window).find('.login-c2a-session-list').on('click', async function(e){
+            const login = await UIWindowLogin({
+                referrer: options.referrer, 
+                reload_on_success: options.reload_on_success,
+                window_options: options.window_options,
+                cover_page: options.cover_page ?? false,
+                has_head: options.has_head,
+                send_confirmation_code: options.send_confirmation_code,
+                window_options: {
+                    has_head: false,
+                    cover_page: options.cover_page ?? false,
+                }
+            });
+            if(login){
+                if(options.reload_on_success){
+                    // disable native browser exit confirmation
+                    window.onbeforeunload = null;            
+                    // refresh
+                    location.reload();
+                }else{
+                    resolve(login);
+                }
+            }
+        })
+        $(el_window).find('.signup-c2a-session-list').on('click', async function(e){
+            $('.signup-c2a-clickable').parents('.window').close();
+            // create Signup window
+            const signup = await UIWindowSignup({
+                referrer: options.referrer,
+                reload_on_success: options.reload_on_success,
+                window_options: options.window_options,
+                send_confirmation_code: options.send_confirmation_code,
+                window_options: {
+                    has_head: false,
+                    cover_page: options.cover_page ?? false,
+                }
+
+            });
+            if(signup){
+                if(options.reload_on_success){
+                    // disable native browser exit confirmation
+                    window.onbeforeunload = null;            
+                    // refresh
+                    location.reload();
+                }else{
+                    resolve(signup);
+                }
+            }
+        })
+
+        $(el_window).find('.session-entry').on('click', function(e){
+            $(el_window).find('.loading').css({display: 'flex'});
+
+            setTimeout(() => {
+                let selected_uuid = $(this).attr('data-uuid');
+                let selected_user;
+                for (let index = 0; index < window.logged_in_users.length; index++) {
+                    const l_user = logged_in_users[index];
+                    if(l_user.uuid === selected_uuid){
+                        selected_user = l_user;
+                    }
+                }
+
+                // new logged in user
+                update_auth_data(selected_user.auth_token, selected_user);
+                if(options.reload_on_success){
+                    // disable native browser exit confirmation
+                    window.onbeforeunload = null;            
+                    // refresh
+                    location.reload();
+                }else{
+                    resolve(true);
+                }
+            }, 500);
+        })
+    })
+}
+
+export default UIWindowSessionList