application.uiHandlers.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of webui Show documentation
A very helpful puppy
There is a newer version: 1.2.21
import {closeModal, findAncestor, getSessionId, showModal} from './functions.js';
import {queueMessage} from './chat.js';

export function setupUIHandlers() {
    const historyElement = document.getElementById('history');
    if (historyElement) historyElement.addEventListener('click', () => showModal('sessions'));
    const settingsElement = document.getElementById('settings');
    if (settingsElement) settingsElement.addEventListener('click', () => showModal('settings'));
    const usageElement = document.getElementById('usage');
    if (usageElement) usageElement.addEventListener('click', () => showModal('usage'));
    const verboseElement = document.getElementById('verbose');
    if (verboseElement) verboseElement.addEventListener('click', () => toggleVerbose());
    const deleteElement = document.getElementById('delete');
    if (deleteElement) deleteElement.addEventListener('click', () => showModal('delete'));
    const cancelElement = document.getElementById('cancel');
    if (cancelElement) cancelElement.addEventListener('click', () => showModal('cancel'));
    const threadsElement = document.getElementById('threads');
    if (threadsElement) threadsElement.addEventListener('click', () => showModal('threads'));
    const shareElement = document.getElementById('share');
    if (shareElement) {
        shareElement.addEventListener('click', () => showModal('share?url=' + encodeURIComponent(window.location.href) + "&loadImages=true", false));
    }
    const closeElement = document.querySelector('.close');
    if (closeElement) closeElement.addEventListener('click', closeModal);

    document.addEventListener('click', (event) => {
        const modal = document.getElementById('modal');
        if (event.target === modal) {
            closeModal();
        }
    });

    document.body.addEventListener('click', handleBodyClick);

    let filesElement = document.getElementById("files");
    if (filesElement) filesElement.addEventListener("click", handleFilesClick);
}

function handleBodyClick(event) {
    const target = event.target;
    console.log('Click event on body, target:', target);
    const hrefLink = findAncestor(target, '.href-link');
    if (hrefLink) {
        const messageId = hrefLink.getAttribute('data-id');
        console.log('Href link clicked, messageId:', messageId);
        if (messageId && messageId !== '' && messageId !== null) queueMessage('!' + messageId + ',link');
    } else {
        const playButton = findAncestor(target, '.play-button');
        if (playButton) {
            const messageId = playButton.getAttribute('data-id');
            console.log('Play button clicked, messageId:', messageId);
            if (messageId && messageId !== '' && messageId !== null) queueMessage('!' + messageId + ',run');
        } else {
            const regenButton = findAncestor(target, '.regen-button');
            if (regenButton) {
                const messageId = regenButton.getAttribute('data-id');
                console.log('Regen button clicked, messageId:', messageId);
                if (messageId && messageId !== '' && messageId !== null) queueMessage('!' + messageId + ',regen');
            } else {
                const cancelButton = findAncestor(target, '.cancel-button');
                if (cancelButton) {
                    const messageId = cancelButton.getAttribute('data-id');
                    console.log('Cancel button clicked, messageId:', messageId);
                    if (messageId && messageId !== '' && messageId !== null) queueMessage('!' + messageId + ',stop');
                } else {
                    const textSubmitButton = findAncestor(target, '.text-submit-button');
                    if (textSubmitButton) {
                        const messageId = textSubmitButton.getAttribute('data-id');
                        console.log('Text submit button clicked, messageId:', messageId);
                        const text = document.querySelector('.reply-input[data-id="' + messageId + '"]').value;
                        const escapedText = encodeURIComponent(text);
                        if (messageId && messageId !== '' && messageId !== null) queueMessage('!' + messageId + ',userTxt,' + escapedText);
                    }
                }
            }
        }
    }
}

function handleFilesClick(event) {
    event.preventDefault();
    console.log('Files element clicked');
    const sessionId = getSessionId();
    const url = "fileIndex/" + sessionId + "/";
    window.open(url, "_blank");
}