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