square.js

const vertexSelect = document.getElementById('vertex-select');
const directDependents = document.getElementById('direct-dependents');
const indirectDependents = document.getElementById('indirect-dependents');
const dependenciesList = document.getElementById('dependencies');

function getColorForSubject(subject) {
    const subjectData = data.find(obj => obj.materia === subject);
    return subjectData ? subjectData.color : '#000';
}

function populateSelect() {
    const vertices = graph.getVertices();
    const index = vertices.indexOf('');
    if (index !== -1) {
        vertices.splice(index, 1);
    }
    vertices.forEach((vertex) => {
        const option = document.createElement('option');
        option.value = vertex;
        option.textContent = vertex;
        vertexSelect.appendChild(option);
    });
}
function toggleLogoSize(logo) {
    logo.classList.toggle('logo-enlarged');
}
function submitForm() {
    const vertex = vertexSelect.value;
    const dependents = findRelatedVertices(graph, vertex);
    const directDependencies = dependents[0];
    const indirectDependencies = dependents[1];

    const indirectDependenciesContainer = document.getElementById('indirect-dependents');
    indirectDependenciesContainer.innerHTML = '';
    indirectDependencies.forEach((subject) => {
        const box = document.createElement('div');
        box.className = 'box';
        box.style.backgroundColor = getColorForSubject(subject); // Adicione esta linha
        const text = document.createElement('span');
        text.textContent = subject;
        box.appendChild(text);
        indirectDependenciesContainer.appendChild(box);
    });

    const directDependenciesContainer = document.getElementById('direct-dependents');
    directDependenciesContainer.innerHTML = '';
    directDependencies.forEach((subject) => {
        const box = document.createElement('div');
        box.className = 'box';
        box.style.backgroundColor = getColorForSubject(subject); // Adicione esta linha
        const text = document.createElement('span');
        text.textContent = subject;
        box.appendChild(text);
        directDependenciesContainer.appendChild(box);
    });

    const dependenciesContainer = document.getElementById('dependencies');
    dependenciesContainer.innerHTML = '';
    const dependencies = findDependenciesInGraph(graph, vertex);
    dependencies.forEach((dependency) => {
        const box = document.createElement('div');
        box.className = 'box';
        box.style.backgroundColor = getColorForSubject(dependency); // Adicione esta linha
        const text = document.createElement('span');
        text.textContent = dependency;
        box.appendChild(text);
        dependenciesContainer.appendChild(box);
    });
}
populateSelect();