FBS for praktikere Fyn. Notifikation og print skabeloner

Transkript

1 FBS for praktikere Fyn Notifikation og print skabeloner

2 1.Velkomst v/anton Helms 2.Introduktion til HTML/CSS/Freemarker v/kent Gottschalk Hansen. 3.Skabeloner i Cicero v/kent Gottschalk Hansen. 4.Erfaringsudveksling om skabeloner. 5.Bordet rundet Kommunerne giver kort status med deres arbejde med FBS/Cicero. 6.Eventuelt.

3 Punkt CICERO NOTIFIKATIONER OG PRINT SKABELONER - HTML - CSS - Freemarker - Data VÆRKTØJER & LINKS EKSEMPLER

4 Notifikationer og print i Cicero

5 Hvad kan redigeres Opsætning og tilpasning af udskrifter

6 Hvad kan redigeres

7 Typer: Notifikationer (54) NOTIFIKATION NOTIFIKATION SMS NOTIFIKATION DIGITAL POST

8 Typer: Print (27) PRINT BON EXPORT CSV LABEL

9 Typer: Andet (3) SMS Svar Konfigureret visning

10 Klienten

11 Klienten

12 Typer TEKST HTML CSS FREEMARKER TEKST FREEMARKER LABELS SMS DIGITAL POST

13 HTML

14 Tekst

15 HTML, CSS, Freemarker, Data

16 Skabelon INPUT SKABELON OUTPUT INPUT

17 Html HTML bruges til at definere strukturen på HTML-sider. <h1>lånerstatus</h1> <p>status for Test Testesen</p> <! kommentar -> <p>udlån (1)</p> <table> <tr> <th>forfatter</th> <th>titel</th> </tr> <tr> <td>j.r.r. Tolkien</td> <td>ringenes herre</td> </tr> </table> Links

18 Css CSS bruges til at definere layoutet på HTML-sider. <h1>lånerstatus</h1> <p>status for Test Testesen</p> <! kommentar -> <p>udlån (1)</p> <table> <tr> <th>forfatter</th> <th>titel</th> </tr> <tr> <td>j.r.r. Tolkien</td> <td class= alert >Ringenes herre</td> </tr> </table> <style> table { width: 50%; } table, th, td { border: 1px solid black; border-collapse: collapse; } table th { background-color: #393E42; color: white; }.alert { background-color: #f8d7da; } </style>

19 Css Font-size: 12px - 1em; Font-weight: Color: red - #FFD700 Margin: 10px 5px 0px 5px Padding: 10px Border: 1px solid #ddd Text-decoration: understregning Font-style: italic Links

20 Model

21 Freemarker Freemarker bruges til variabler og logik <h1>lånerstatus</h1> <p>status for ${data.loanermodel.name}</p> <! kommentar -> <p>udlån (${data.loansmodel?size})</p> <table> <tr> <th>${(loan.author)!""}</th> <th>${(loan.title)!""}</th> </tr> <#list data.loansmodel as loan> <tr> <td>${(loan.author)!""}</td> <td class= alert >${(loan.title)!""}</td> </tr> </#list> </table> Værdi (value/interpolation) ${data.loanermodel.name} = Test Testesen ${(loan.author)!""} ${data.loansmodel?size} = 1 ${1+1} Datatyper (type) Basis (scalars) 1 tekst 1 tal true/false boolean April 4, :19:18 PM datetime 1 +1 = = fejl Lister (containers) [100,250,50]

22 Værdier data.agencyname Odense Bibliotek og Borgerservice String data.checkedoutmaterials.biblio graphicsrecord Collection, string data.loanersummary.balance 150 number

23 Funktioner (directives) <ul> <#list data.checkedoutmaterials as checkedoutmaterial> <li>${checkedoutmaterials. bibliographicsrecord} <#if data.loanersummary.balance < 500> Besked til låner </#list> <#-- FORKERT --> </#if> </ul> <ul> <#list data.checkedoutmaterials as checkedoutmaterial> <li>${checkedoutmaterials. bibliographicsrecord}</li> </#list> </ul> <#if data.loanersummary.balance < 500> Besked til låner </#if> <#-- KORREKT -->

24 Operatorer og metoder (built in refence) Operatorer == lig med && og eller! ikke Metoder (Build in reference)?starts_with( string")?has_content.now?date?string["dd-mm-yyyy"] På findes mere dokumentation. Vær opmærksom på versionsnummer i forhold til, hvilke funktioner man kan bruge. Nyeste: Cicero: OBS. Store / små bogstaver har betydning

25 Værktøjer og links

26 Html, Css & Freemarker

27 Links Yderligere info Freemarker Variabler: Opsætning og tilpasning af udskrifter (fbsudrulning.dk) VS Code med Freemarker extension

28 Værktøjer Brug forhåndsvisning Kopier koden ud i en teksteditor Notepad VS code Gem kopier af koden Man kan altid genskabe standard Alt kører live, der er ikke noget test miljø

29 Editor VScode

30 Diff Compare It

31 Eksempler

32 Printskabelon for afhentningsnote <!-- Hvis låner er læsekreds --> <#if data.loanerinfo.name?contains("læsekreds")> <tr><td><p></p></td></tr> <tr> <td class="header">${data.loanerinfo.name}</td> </tr> <tr><td><p></p></td></tr> </#if>

33 Printskabelon for afhentningsnote <#assign fynskebibs = [' ',' ',' ',' ',' ',' ',' ', ' ',' ',' ',' ',' ']> <#if fynskebibs?seq_contains(data.loanerinfo.loanernumber) && data.basicbibliographicrecordinfo.title?contains("læsetaske")> <tr><td><p></p></td></tr> <tr><td class="loanername">obs! Læsetaske til fynsk bib</td></tr> <tr><td class="loanername">*** Print køreseddel ***</td></tr> <tr><td><p></p></td></tr> </#if>

34 Printskabelon for materialelabels <#-- Faglitteratur --> <#elseif data.bibliographicrecord.classification?has_content && (data.bibliographicrecord.classification[0]?matches("[0-9]") data.bibliographicrecord.classification?starts_with("te") data.bibliographicrecord.classification?starts_with("dr") data.bibliographicrecord.classification?starts_with("bi")) && (data.material.periodical)==false> ${(data.bibliographicrecord.classification)!""} <#if data.bibliographicrecord.author?has_content>${(data.bibliographicrecord.author)!""}</#if> ${(data.bibliographicrecord.title)!""} <#if data.bibliographicrecord.edition?has_content &&!(data.bibliographicrecord.edition?contains("1."))> ${(data.bibliographicrecord.edition)!""} </#if>${(data.bibliographicrecord.attachmentcount)!""}

35 Printskabelon for udlånskvittering <#switch data.branchname> <#case "Odense Hovedbibliotek og Musikbibliotek"> <tr><td>østre Stationsvej 15, 5000 Odense C</td></tr> <tr><td>tlf </td></tr> <tr><td> <tr><td> og på Facebook</td></tr> <tr><td> </td></tr> <tr><td>åbningstider:</td></tr> </table>

36 Afhentningsnote <#list data.loanerinfo.loanergroups as row> <tr><td> Klasse: ${(row.loanergroupname)!""} </td></tr> </#list>

37 Låneoversigt

38 Låneoversigt

39 Videndeling