class_creator.mjs

class_creator.mjs

Basic information

• Manages functionality for the class creator page

---

obtainInputs()

function obtainInputs() {
    let inputData = []
    for (const inputBox of classFormInputs) {
        inputData.push(inputBox.value);
    }
    return inputData;
}

• Retrieves input data from inserted from the user in html

---

emptyInputValues()

function emptyInputValues() {
    for (const inputBox  of classFormInputs) {
        inputBox.value = ``
    }
}

• Checks if values user entered are empty

---

updateClassDetails()

function updateClassDetails() {
    const inputData = obtainInputs();
    console.log(sessionStorage.getItem("uid"), inputData[0], inputData[1]);
    db.createClass(sessionStorage.getItem("uid"), inputData[0], inputData[1]);
    emptyInputValues();
    removeInputBoxes();
    createMessage();
    lectureId = inputData[0];
}

• Creates a class based on values user entered

returnID ()

export function returnID () {
    console.log(lectureId);
    return lectureId;
}

• Retrieves lecturerId

---

removeInputBoxes()

function removeInputBoxes() {
    const inputContainers  = [...document.querySelectorAll('.sub-container'),document.querySelector('.button-container'),document.querySelector('#createQuizBtn')];
    for (const container of inputContainers) {
        container.classList.toggle('hide');
    }
}

• Removes input boxes from page in html

---

createMessage(message)

function createMessage(message) {
    const container = document.querySelector('.main-container-list');
    const divContainer = document.createElement('div');
    divContainer.setAttribute('class','sub-container');
    container.append(divContainer);

    const messageElement = document.createElement('h4');
    messageElement.setAttribute('class','h4-css');
    messageElement.textContent = 'Class created';
    divContainer.append(messageElement);

    const link = document.createElement('a');
    link.setAttribute('href','class_list.html');
    link.textContent = 'view Classes';
    divContainer.append(link)
}

• Create verification message