iVProg/js/accessibleUI/main.js

// Imports
import {createVariable} from './modules/variables/variables';
import {createOperation} from './modules/operations/operations';
import {runCode} from "./compiler";
// Imports

// Html references
export const htmlOlCommandsVariables = document.getElementById('htmlOlCommandsVariablesVariables');
export const htmlOlCommandsOperations = document.getElementById('htmlOlCommandsVariablesOperations');
export const terminal = document.getElementById('terminal');

// ***********************************************************************
// Init Accessible UI
// ***********************************************************************

// Accessible UI buttons references
const createVariableButton = document.getElementById('createVariableButton');
const assignVariableButton = document.getElementById('assignVariableButton');
const runCodeButton = document.getElementById('runCodeButton');

export function initAccessibleUI () {

    // Initializing dropdown menus
    $(".dropdown-submenu a.test").on("click", function (e) {
        $(this).next("ul").toggle();
        e.stopPropagation();
        e.preventDefault();
    });

    // Adding listeners
    createVariableButton.addEventListener('click', ev => {
        createVariable();
    });

    assignVariableButton.addEventListener('click', ev => {
        createOperation();
    });

    runCodeButton.addEventListener('click', ev => {
        runCode();
    });
}

// ***********************************************************************

// Reference: https://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid
export function generateUUID () {
    return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
        (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
    );
}

// ***********************************************************************