07. Bug Tracker Exercise: Object Composition

function bugTracker() {

    let obj = (() => {
        let id = 0;
        let bugs = [];
        let selector = undefined;
        let report = function (author, description, reproducible, severity) {
            bugs[id] = {
                ID: id,
                author: author,
                description: description,
                reproducible: reproducible,
                severity: severity,
                status: 'Open'
            };
            id++;

            if (selector) {
                this.sort('ID');
                draw();
            }
        }

        let setStatus = function (id, newStatus) {

            bugs.forEach(bug => { if (bug.ID === id) { bug.status = newStatus } });

            if (selector) {
                this.sort('ID');
                draw();
            }
        };

        let remove = function (id) {

            let index = bugs.findIndex(el => el.ID === Number(id));

            if (index !== -1) {

                bugs.splice(index, 1);
            }

            if (selector) {
                this.sort('ID');
                draw();
            }
        };

        let sort = function (method) {
            if (method === 'ID' || method === 'severity') {
                bugs.sort((a, b) => a[method] - b[method]);
            } else {
                bugs.sort((a, b) => a[method].localeCompare(b[method]));
            }

            if (selector) {
                draw();
            }
        };

        let output = function (select) {
            selector = select;
        };

        let draw = function () {
            let parentElem = document.querySelector(`${selector}`);
            parentElem.innerHTML = '';
            for (let bug of bugs) {
                parentElem.innerHTML += `<div id="report_${bug.ID}" class="report">
                <div class="body">
                  <p>${bug.description}</p>
                </div>
                <div class="title">
                  <span class="author">Submitted by: ${bug.author}</span>
                  <span class="status">${bug.status} | ${bug.severity}</span>
                </div>
              </div>`
            }
        };

        return { report, setStatus, remove, sort, output }
    })();

    return obj
}