Test101

window.onload = function () {
    var createEmployeeForm = document.getElementById('createEmployeeForm');
    if (createEmployeeForm !== null) {
        createEmployeeForm.addEventListener('submit', validateEmployeeForm);
    }
    var editEmployeeForm = document.getElementById('editEmployeeForm1');
    if (editEmployeeForm !== null) {
        editEmployeeForm.addEventListener('submit', validateEmployeeForm);
    }
    var editEmployeeBtn = document.getElementById('editEmployeeBtn');
    if (editEmployeeBtn !== null) {
        editEmployeeBtn.addEventListener('click', displayEditEmployeeForm);
    }
    var deleteEmployeeBtn = document.getElementById('deleteEmployeeBtn');
    if (deleteEmployeeBtn !== null) {
        deleteEmployeeBtn.addEventListener('click', deleteEmoloyeeBtnPressed);
    }
    // define an event listener for any '.deleteRoster' links
    var deleteLinks = document.getElementsByClassName('deleteEmployee');
    for (var i = 0; i !== deleteLinks.length; i++) {
        var link = deleteLinks[i];
        link.addEventListener("click", deleteLink);
    }
    var employeeForm = document.getElementById('employeeForm');
    if (employeeForm !== null) {
        employeeForm.addEventListener('submit', deleteSelectedEmployees);
    }
    function displayEditEmployeeForm(event) {
        var button = event.target;
        document.location.href = "editEmployeeForm.php?id=" + button.dataset.employeeID;
    }
    //Code To Prompt User With Delete Message:
    function deleteEmoloyeeBtnPressed(event) {
        var button = event.target;
        if (confirm(" Are you sure you want to delete this Employee?")) {
            document.location.href = "deleteEmployee.php?id=" + button.dataset.employeeID;
        }
    }
    //-------------------------------
    function validateEmployeeForm(event) {
        var form = event.target;
        var name = form['name'].value;
        var email = form['email'].value;
        var username = form['username'].value;
        var password = form['password'].value;
        var spanElements = document.getElementsByClassName("error");
        for (var i = 0; i !== spanElements.length; i++) {
            spanElements[i].innerHTML = "";
        }
        var errors = new Object();

        /* NAME START */
        if (name === "") {
            errors["name"] = "* Name cannot be empty\n";
        }
        /* NAME END */

        /* EMAIL START */
        if (email === "") {
            errors["email"] = "* Email cannot be empty\n";
        }
        if(email !== '' && email.indexOf('@') === -1)
        {
          errors["email"] = "* Incorrect email format\n";
        }
        /* EMAIL END */

        /* USERNAME START */
        if (username === "") {
            errors["username"] = "* Username cannot be empty\n";
        }
        /* USERNAME END */

        /* PASSWORD START */
        if (password === "") {
            errors["password"] = "* Password cannot be empty\n";
        }
        /* PASSWROD END */

        var valid = true;
        for (var index in errors) {
            valid = false;
            var errorMessage = errors[index];
            var spanElement = document.getElementById(index + "Error");
            console.log(spanElements);
            console.log(spanElement);
            spanElement.innerHTML = errorMessage;
        }
        if (!valid || !confirm("Is the form data correct?")) {
            event.preventDefault();
        }
    }
    //Code To Validate Delete Link:
    function deleteLink(event) {
        if (!confirm("Are you sure you want to delete this Roster?")) {
            event.preventDefault();
        }
    }
    //Code To Validate Delete Selected Link:
    function deleteSelectedEmployees(event) {
        var selected = false;
        var deleteCheckBoxes = document.getElementsByClassName("deleteEmployees");
        for (var i = 0; i !== deleteCheckBoxes.length; i++) {
            var cb = deleteCheckBoxes[i];
            if (cb.checked) {
                selected = true;
            }
        }
        if (!selected || !confirm("* Are you sure you want to delete this Employee?")) {
            event.preventDefault();
        }
    }
};