/ IT-ohjeet/ Ohjeet csv/json taulukko ulkoasu/

Ohjeet csv/json taulukko ulkoasu

CSV taulukoksi

Oma ulkoasu määritelty layout/partials kansiossa

Ohessa esimerkiksi layout/partials/tableformat/muoto1.html tiedostossa on määritelty yhden csv taulukon rivin ulkoasu. Otsikkorivin ulkoasu annetaan jo ko. shortcode kutsussa parametrinä. Mahdollistaa vakiodun tavan käsitellä csv (ja json), vain rivin ulkoasulla oltava oma template. Oletus template on layout/partials/tableformat/default.html

Huom: oltava ns. poissulkeva tag, koska voi sisältää sisältöä tai ei. Lopussa /> oltava.

1{{<  taulukoksi_csv name="kumppanit" url="csv/kumppanit.csv" delimiter=";" tableheader="<th>Tunniste</th><th>Logo</th>" rowtemplate="tableformat/muoto1.html" />}}
TunnisteLogo
Urheilukaupunki Joensuukr.logo.jnsurhkaupunki.450.320.png
Opkr.logo.Op.450.320.png
Motonetkr.logo.Motonet.450.320.png
Scanpolekr.logo.Scanpole.450.320.png
StoraEnsokr.logo.StoraEnso.450.320.png
Kolikr.logo.Koli.450.320.png
PKOkr.logo.PKO.450.320.png
Metsanhoitoyhdistyskr.logo.Metsanhoitoyhdistys.450.320.png
PKSkr.logo.PKS.450.320.png
Trimtexkr.logo.Trimtex.450.320.png
Abloykr.logo.Abloy.450.320.png
Kaivospuukr.logo.Kaivospuu.450.320.png
Lumonitekr.logo.Lumonite.450.320.png
MMforestkr.logo.MMforest.450.320.png
Urheiluakatemiakr.logo.Urheiluakatemia.450.320.png
Sekerakr.logo.Sekera_450x320.png
 

Ulkoasu määrittelemättä

  • tulostaa otsikoksi csv:n 1. rivin - oltava otsikkorivi
  • rivin oletusulkoasu layout/partials/tableformat/default.html käytännössä tulostaa csv:n kaikki sarakkeet
1{{<  taulukoksi_csv name="kumppanit2" url="csv/kumppanit.csv" delimiter=";" />}}
tunniste orglogo linkki otsikko logo
https://www.helppohikoilla.fi/ kr.logo.jnsurhkaupunki.450.320.png kr.logo.jnsurhkaupunki.450.320.png Urheilukaupunki Joensuu
https://www.op.fi/web/op-pohjois-karjala kr.logo.Op.450.320.png op-lbox-450x320-FFFFFF.png Op
https://www.motonet.fi/ kr.logo.Motonet.450.320.png motonet.logo.450x320.png Motonet
https://www.scanpole.com/ kr.logo.Scanpole.450.320.png scanpole-logo-lbox-450x320-FFFFFF.png Scanpole
http://www.storaensometsa.fi/ kr.logo.StoraEnso.450.320.png StoraEnso2016_pieni.webp StoraEnso
http://www.koli.fi/fi kr.logo.Koli.450.320.png 1Koli.webp Koli
https://pko.fi/ kr.logo.PKO.450.320.png S_PKO-lbox-450x320-FFFFFF.png PKO
http://www.mhy.fi/pohjois-karjala kr.logo.Metsanhoitoyhdistys.450.320.png Metsanhoitoyhdistys_Pohjois-Karjala_logo_green-black.webp Metsanhoitoyhdistys
http://www.pks.fi/ kr.logo.PKS.450.320.png pks.logo.450x320.png PKS
http://trimtex.fi/ kr.logo.Trimtex.450.320.png Trimtex.png Trimtex
https://www.abloy.com/global/fi kr.logo.Abloy.450.320.png Abloy-lbox-450x320-FFFFFF.png Abloy
http://www.kaivospuu.fi/etusivu/ kr.logo.Kaivospuu.450.320.png Kaivospuu-lbox-450x320-FFFFFF.png Kaivospuu
http://www.valostore.fi/brand/lumonite/ kr.logo.Lumonite.450.320.png lumonite_logo_black.png Lumonite
- kr.logo.MMforest.450.320.png MM-Forest-Oy_2.webp MMforest
http://www.joensuu.fi/urheiluakatemia kr.logo.Urheiluakatemia.450.320.png 1JoensuunUrheiluakatemia.webp Urheiluakatemia
https://www.sekera.fi kr.logo.Sekera_450x320.png Sekera_450x120.png Sekera
 

CSV sivulla upotettuna ...

CSV muotoisena voi olla data upotettuna sivulle. Vaihtoehto Markdown-syntaksille. Syntyi vähän ns. kaupantekijäisinä em. toteukseen.

1{{<  taulukoksi_csv name="kumppanit3" delimiter=";" >}}
2tunniste;logo
3a;a1
4b;b1
5{{<  /taulukoksi_csv >}}
tunniste logo
a1 a
b1 b
 

otsikko annetaan erikseen

1{{<  taulukoksi_csv name="kumppanit4" delimiter=";" tableheader="<th>Tunniste</th><th>Logo</th>" />}}
2tunniste;logo
3a;a1
4b;b1
5{{<  /taulukoksi_csv >}}
Col1Col2
a1 a
b1 b
 

JSON taulukoksi

Vastaava JSON

1{{<  taulukoksi_json name="json1" url="json/kartta.json"  />}}
huom lat linkki lon nimi paivitys valmistusvuosi
62.422 https://kr.kalevanrasti.fi/kartat/?layer=kr&lat=62.422&lon=29.9296&zoom=12 29.9296 Elovaara 2021 2013
62.77 https://kr.kalevanrasti.fi/kartat/?layer=kr&lat=62.774&lon=30.187&zoom=12 30.187 Harpatti 2022 2017
62.655 https://kr.kalevanrasti.fi/kartat/?layer=kr&lat=62.655&lon=29.57&zoom=12 29.57 Hiililammet 2023 2018
 

Annetaan sarakkeille omat nimet

1{{<  taulukoksi_json name="json4" url="json/kartta.json"  tableheader="<th>Co1</th><th>Co2</th><th>Co3</th><th>Co4</th><th>Co5</th><th>Co6</th><th>Co7</th>" />}}
Co1Co2Co3Co4Co5Co6Co7
62.422 https://kr.kalevanrasti.fi/kartat/?layer=kr&lat=62.422&lon=29.9296&zoom=12 29.9296 Elovaara 2021 2013
62.77 https://kr.kalevanrasti.fi/kartat/?layer=kr&lat=62.774&lon=30.187&zoom=12 30.187 Harpatti 2022 2017
62.655 https://kr.kalevanrasti.fi/kartat/?layer=kr&lat=62.655&lon=29.57&zoom=12 29.57 Hiililammet 2023 2018
 

JSON sivulla upotettuna ...

JSON muotoisena voi olla data upotettuna sivulle. Vaihtoehto Markdown-syntaksille. Syntyi vähän ns. kaupantekijäisinä em. toteukseen.

 1{{<  taulukoksi_json name="json3" >}}
 2[
 3{  
 4	"tunniste":"logo",
 5	"a":"a1",
 6	"b":"b1"
 7},
 8{  
 9	"tunniste":"mu",
10	"a":"val1",
11	"b":"val2"
12}
13]
14{{<  /taulukoksi_json >}}
a b tunniste
a1 b1 logo
val1 val2 mu