Zadatak 05 - SUPIT

window.onload = function () {
    // <select> element s podacima:
    var lbPodaci = $('#lbPodaci')[0];
    // Elementi za prikazivanje info-a:
    var polja = [
        $('#titula')[0],
        $('#grad')[0],
        $('#postanskiBroj')[0],
        $('#datumZaposlenja')[0],
        $('#godisnjaZarada')[0]
    ];

    // Pretvaranje valute u broj i datuma u željeni format
    podaci.forEach(function (podatak, index) {
        podatak[5] = podatak[5].toNumber();
        podatak[4] = podatak[4].formatDate();
    });

    // Sortiranje po zaradi (index 5 u polju)
    podaci.sort(function (left, right) {
        return left[5] - right[5];
    });

    // Dodavanje obrađenih podataka u <select> listu
    podaci.forEach(function (podatak, index) {
        lbPodaci.add(index, podatak[0]);
    });

    // OnChange event, prikaži podatke o odabranom zaposleniku
    lbPodaci.onchange = function () {
        var id = Number(this.value);

        polja.forEach(function (polje, index) {
            polje.innerHTML = podaci[id][index + 1];
        });
    }

    // Okidanje onchange eventa kako bi se prikazale informacije o prvom zaposleniku
    // (kako polja s informacijama ne bi bile na početku prazna)
    lbPodaci.onchange();
}

/* ----- Pomoćne funkcije ----- */

// Selektor
$ = function (q) {
    return document.querySelectorAll(q);
}

// Funkcija za dodavanje elemenata u <select> listu
HTMLSelectElement.prototype.add = function (value, text) {
    var optionNode = document.createElement('option');
    var optionText = document.createTextNode(text);

    optionNode.setAttribute('value', value);
    optionNode.appendChild(optionText);

    this.appendChild(optionNode);
}

// Pretvaranje valute iz stringe u broj
String.prototype.toNumber = function () {
    return Number(this.substr(1).replace(',', '.'));
}

// Pretvaranje datuma u željeni format
String.prototype.formatDate = function () {
    return this.split('.').reverse().join('.');
}