Luokitin on luokitusten ja luokkien hakemiseen, selaamiseen ja valitsemiseen tarkoitettu komponenttiperhe. Luokitin koostuu useasta erillisestä keskenään kommunikoivasta web-komponentista. Komponentit on toteutettu Polymer web-komponenttikirjastolla.
Rakennusluokitin Toimialaluokitin
Lataa luokitin.
Asenna Polymer esim. npm install -g polymer-cli.
Asenna luokittimen paketit esim. npm i.
polymer serve käynnistää lokaalin kehityspalvelimen.
Avaa selaimessa ohjelman antama osoite (oletuksena http://127.0.0.1:8081/).
npm i
ja
polymer build
Projektiin ilmestyy optimioitu build kansio.
Katso Polymerin tarkemmat ohjeet buildaamisesta .
stat-search
Hakukenttä luokituksen luokkien suodattamiseen.
stat-tree
Luokitus selattavana hierarkisena listana.
stat-result
Näyttää valitun luokan tiedot.
stat-buttons
Linkityksen aiempien ja nykyisten luokitusversioiden välillä. Kehitetty vain Rakennusluokitinta varten.
(index.html)
Esimerkkitiedosto web-komponenttien käytöstä.
Voit määritellä komponenteille kielen (fi/en/sv):
<stat-search language="en"></stat-search>tai käytettävän luokituksen:
<stat-tree classification="rakennus_1_20180712"></stat-tree>Komponentit kommunikoivat keskenään tapahtumilla (events). Esimerkiksi yksittäisen luokan klikkaaminen triggeröi stat-class tapahtuman, joka välittää klikatun luokan tiedot tapahtumaa kuuntelevalle koodille. Täten luokan voi vastaanottaa myös muualla, kuin tämän projektin koodissa. Tällä hetkellä komponentit lähettävät tai kuuntelevat näitä tapahtumia:
stat-classification
stat-classWeb-komponentit ovat melko tuore teknologia ja kaikki selaimet eivät tue niitä sellaisenaan. Tätä varten tarvitaan polyfillejä, kuten Webcomponents.js -polyfillkokoelmaa. Myös Polymer ohjeistaa asiasta. Esimerkki niiden käytöstä löytyy index.html-tiedostosta.
Luokittimen komponentit toimivat käytetyimpien selainten tuoreilla versioilla. Internet Explorer-toimivuus ei ole taattua.