edugui.js sisältö
| Code Block | ||||
|---|---|---|---|---|
| ||||
$(document).ready(function() {
initAll();
});
function initAll(){
initCollapse();
initSelects();
initDPs();
initLeftNavigation();
initTableLevelToggle();
} |
Kaikki js:stä löytyvät funktiot ja kuvaukset
initTableLevelToggle()
- käytetään hierarkisessa listassa kun halutaan näyttää / piilottaa rivejä [DEMO]
initTableColumns(elem, table)
- sarakkeiden piilotus javascriptillä (ei suositeltavaa isoissa taulukoissa) [DEMO]
- parametreina
- elementti, jolla lista valintaruutuja
- valintaruuduilla data-attributti index, joka kertoo mitä saraketta toiminta koskee
- taulukon id
- elementti, jolla lista valintaruutuja
initLeftNavigation(parent)
- pystysuuntaisen navigaation (käytössä yleensä vasemmassa reunassa) elementtien toggle
- parametrina voidaan antaa elementti, jonka sisällä navigaatio on (tarvitaan jos navigaatioita monta samassa näytössä > tämä tosin ei suositeltavaa)
- ei pakollinen, silloin initialisoidaan kaikki left-navi-luokan omaavat listat
initCollapse()
- initialisoi Bootstrapin collapsea käyttävät elementit, esimerkiksi suljettava paneeli [DEMO]
egdialog(id, title, url, options)
createModal(content, opts)
- egdialogin käyttämä funktio, joka luo modaalin ikkunan html-rakenteen
addBtnText(btn, options)
- createModalin käyttämä funktio nappien lisäämiseen
showFeedback(opts)
palauteikkunoiden näyttäminen [DEMO]
- parametrina objekti, jolle voidaan antaa seuraavat arvot
| Parametrin nimi | Mahdolliset arvot / selite | Oletus |
|---|---|---|
| type | success/info/warning/error | success |
| icon | true/false/vapaavalintainen Font Awesome luokka | true |
| iconText | ikonin jälkeen näytettävä lihavoitu teksti | "" |
| content | sisältö | "" |
| appendEl | elementti, johon ikkuna liitetään | $(".e").first() |
| closeInSec | aika sekunteina, jonka jälkeen ikkuna suljetaan | 3 |
| closeBtn | true/false | false |
| openExisting | true/false, aseta arvoksi true, jos haluat käyttää jo kertaalleen DOMiin luotua tai omaa palauteikkunaa (elementin id:ksi feedback) | false |
closeFeedback(opts)
- palauteikkunoiden sulkeminen
egtip(el, type, opts)
leijukkeen luominen
käyttää Bootstrapin tooltipiä ja popoveria
| Parametrin nimi | Mahdollliset arvot / selite | Oletusarvo |
|---|---|---|
| el | elementti, jolle leijuke luodaan | - |
| type | tip/popover | tip |
| opts | ks. Bootstrapin dokumentaatiosta mahdolliset parametrit: voidaan antaa funktion parametreina tai elementin data-attribuutteina | { } |
egconfirm(), egalert(), egprompt()
TODO: bootbox.js käyttöön, nyt perus confirm/alert/prompt
initDPs
- initialisoi datepickerit inputeille, joilla on luokka datepicker-e
initSelects()
- initialisoi select-elementit, joilla on luokka select2-e
egselect()
- apufunktio monimutkaisemman select2-elementin luomiseksi
- ajax-toiminto
| Parametrin nimi | Mahdollliset arvot / selite | Oletusarvo |
|---|---|---|
| elem | elementti, jolle select2 luodaan | - |
| opts | Select2 optiot (ks. Select2 dokumentaatio) | { |
| ajax | ajax optiot objektina, valinnainen, mutta jos annettu:
| - |
log()
- apufunktion lokitukseen