iVProg/js/accessibleUI/modules/operations/operations-schemes.js

// Imports
import {variables} from "../variables/variables";
import {eltP} from "codemirror/src/util/dom";
import {operations} from "./operations";
// Imports

// *********************************************************************************
// Scheme for the operations list
// *********************************************************************************

export const operationScheme = {
    hash: 'UUID for the operation',
    assignedVariable: 'Reference to the assigned variable',
    operators: []
}

// *********************************************************************************
// Scheme for the operators
// *********************************************************************************

export const operatorScheme = {
    hash: 'UUID for the operator',
    type: 'Operator type',
    value: 'Operator value',
    variable: 'Reference to the variable',
    operator: 'Reference to operator'
}

// *********************************************************************************
// Operator types
// *********************************************************************************

export const operatorTypes = [
    {
        name: 'Variável',
        value: 'VARIABLE'
    },
    {
        name: 'Valor',
        value: 'VALUE'
    },
    {
        name: 'Operator',
        value: 'OPERATOR'
    }
]

// *********************************************************************************
// Operation types
// *********************************************************************************

export const operationTypes = [
    {
        name: ';',
        value: 'SEMICOLON'
    },
    {
        name: '+',
        value: 'PLUS'
    },
    {
        name: '-',
        value: 'MINUS'
    },
    {
        name: '*',
        value: 'MULTIPLICATION'
    },
    {
        name: '/',
        value: 'DIVISION'
    },
    {
        name: '(',
        value: 'OPEN_PARENTHESES'
    },
    {
        name: ')',
        value: 'CLOSE_PARENTHESES'
    },
]

// *********************************************************************************
// Operator kinds
// *********************************************************************************

export const operatorKinds = [
    {
        name: 'Variável',
        value: 'VARIABLE'
    },
    {
        name: 'Valor',
        value: 'VALUE'
    }
]

// *********************************************************************************
// Operation type html schemes
// *********************************************************************************

export function htmlOperationTypeScheme () {
    let operationTypesSelect = ``;

    for (let i = 0; i < operationTypes.length; i++) {
        operationTypesSelect += `<option value="${operationTypes[i].value}">${operationTypes[i].name}</option>`;
    }

    return `<select  id="operation<operationKindId>Select" title="selecione o tipo da operação" >
    <option > selecione</option>
    ${operationTypesSelect}
</select>`;
}

// *********************************************************************************
// Assign variable operation kind html schemes
// *********************************************************************************

export function htmlOperationKindScheme (operation) {
    let operatorKindsSelect = ``;

    for (let i = 0; i < operatorKinds.length; i++) {
        operatorKindsSelect += `<option value="${operatorKinds[i].value}">${operatorKinds[i].name}</option>`;
    }

    return `<select  id="operation${operation.hash}KindSelect" title="selecione o tipo de atrabuição" operation-id="${operation.hash}">
    <option > selecione</option>
    ${operatorKindsSelect}
</select>`;
}

// *********************************************************************************
// Assign variable html schemes
// *********************************************************************************

export function htmlAssignVariableScheme () {

    let variablesSelect = htmlVariablesSelectScheme();

    return `<li id="operation<operationId>Li">
    <div class="row">
        <form id="operation<operationId>Form">
            <select title="selecione a variável" id="operation<operationId>AssignVariableSelect" name="variableSelect" operation-id="<operationId>"> 
                ${variablesSelect}
            </select> 
            <label id="recebe">recebe </label> 
            <operators id="operation<operationId>OperatorsDiv"></operators>
            <button id="operation<operationId>Delete" type="button" class="btn btn-danger" >Excluir</button>
        </form>
    </div>
</li>`;
}

// *********************************************************************************
// Variable select html schemes
// *********************************************************************************

export function htmlVariablesSelectScheme () {
    let variablesSelect = variables.length === 0 ? `<option>N/A</option>` : ``;

    for (let i = 0; i < variables.length; i++) {
        variablesSelect += `<option value="${variables[i].hash}">${variables[i].name}</option>`
    }

    return variablesSelect;
}

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

// *********************************************************************************
// Operator variable select
// *********************************************************************************

export function htmlOperatorVariablesSelectScheme (operation, operator) {
    let variablesSelect = variables.length === 0 ? `<option>N/A</option>` : ``;

    for (let i = 0; i < variables.length; i++) {
        variablesSelect += `<option value="${variables[i].hash}">${variables[i].name}</option>`
    }

    return `<select id="operation${operation.hash}Operator${operator.hash}VariableSelect" name="variableSelect" title="selecione a variável" operation-id="${operation.hash}" operator-id="${operator.hash}">
    ${variablesSelect}
</select>`;
}

// *********************************************************************************
// Operator value input
// *********************************************************************************

export function htmlOperatorValueInputScheme (operation, operator) {
    return `<input type="number" id="operation${operation.hash}Operator${operator.hash}ValueInput" name="" title="valor" operation-id="${operation.hash}" operator-id="${operator.hash}">`;
}

// *********************************************************************************
// Operation type select
// *********************************************************************************

export function htmlOperationTypeSelect (operation, operator) {
    let operationTypesSelect = ``;

    for (let i = 0; i < operationTypes.length; i++) {
        operationTypesSelect += `<option value="${operationTypes[i].value}">${operationTypes[i].name}</option>`;
    }

    return `<select  id="operation${operation.hash}Operator${operator.hash}OperationTypeSelect" title="selecione o tipo da operação" operation-id="${operation.hash}" operator-id="${operator.hash}">
    ${operationTypesSelect}
</select>`;
}

// *********************************************************************************
// Util
// *********************************************************************************

export function getOperatorTypeByValue (value) {
    for (let i = 0; i < operatorTypes.length; i++) {
        if (operatorTypes[i].value === value)
            return operatorTypes[i];
    }

    return null;
}

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

export function getOperationTypeByValue (value) {
    for (let i = 0; i < operationTypes.length; i++) {
        if (operationTypes[i].value === value)
            return operationTypes[i];
    }

    return null;
}

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

export function getOperatorByHash (operation, operatorHash) {
    for (let i = 0; i < operation.operators.length; i++) {
        if (operation.operators[i].hash === operatorHash)
            return operation.operators[i];
    }

    return null;
}

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