1. Web Client Receipts, It’s not Magic
Everything you need to know
Lynn Floyd
Anderson County Library
SCLENDS

2. Type of Receipt Templates
Circulation
Lists
Check-out
Hold Pull List
Items Out
Hold Shelf List
Renew
Item Status
Holds
Transit List
Transit slips
Patron Information
Hold Shelf Slip
Patron Address
Holds for patron
Patron Data
Bills
Patron Note
Bills, Current
Bills, Payment
Bills, Historic

3. New Receipts for the Web Client.
Patron Address
Patron Data
Patron Notes

4. WARNING!!!!!
Clearing your browser's cache/temporary files will clear any print template customizations that you make unless you are using Hatch to store your customizations. Be sure to export a copy of your customizations as a backup so that you can import it as needed.

5. Basic Information Found at Formatted using
Administration -> Workstation -> Print Templates
Formatted using
Angular JS
HTML with CSS

6. Saving – Importing - Exporting
Remember to Save Locally.
Exporting templates
As you can only save a template on to the computer you are working on you will need to export the template if you have more than one computer that prints out receipts (i.e., more than one computer on the circulation desk, or another computer in the workroom that you use to checkin items or capture holds with)
Export Customized Templates.
Saves a “print_templates.json” file in the downloads folder
Importing Templates
Click Import.
Navigate to and select the template that you want to import. Click Open.
Click OK.
Click Save Locally.

7. HATCH https://evergreen-ils.org/egdownloads/
Administration -> Workstation -> Printer Settings
Force Printer Context

8. Basic Text Formatting Goal Original Code Result HTML Bold cedar
<b>cedar</b>
Capitalization
english yew
<span style="text-transform:capitalize;"> english yew</span>
English Yew
Currency 4
{{4 | currency}}
$4.00
Italics
Spruce
<i>Spruce</i>
Underline
Fir
<u>Fir</u>
Line Break
Jack Pine
Jack<br/>Pine
Jack
Pine
Font
Hemlocks
<span style="font-family:’Brush Script Std’;">Hemlocks</span>

9. Variables No longer the macros of old (%Title%).
Now uses Angular JS Variables
{{patron.card.barcode}}
{{checkout.title}}
Most receipts have the variables that are available to that receipt in the comment section at the beginning of the receipt. Not all Variables are listed.

10. Formatting Dates and Times
Code
Result
{{today}}
T14:18:51.445Z
{{today | date:'shortDate'}}
4/24/19
{{today | date:‘shortTime'}}
9:43 AM
{{today | date:'longDate'}}
April 24, 2019
{{today | date:‘medium'}}
April 24, :30:01 AM

11. Limiting Variables limitTo Original Code Result
Trivia Questions and Answers
{{checkout.title | limitTo:10}}
Trivia Que
{{patron.card.barcode | limitTo:-5}}
56789

12. Adding a scannable barcode
Barcode Fonts
Codabar Medium
Interleave 3 of 9
Start and Stop Characters
<div align="Center"; style= "font-family: 'CodabarMedium';">B{{parton.card.barcode}}D</div>
B D

13. Include Statements
Administration > Local Administration > Library Settings Editor
Content of alert_text include
{{includes.alert_text}}
Content of event_text include
{{includes.event_text}}
Content of footer_text include
{{includes.footer_text}}
Content of header_text include
{{includes.header_text}}
Content of notice_text include
{{includes.notice_text}}

14. ng-If If true do this, if false move on.
<div ng-if="hold.phone_notify">Notify by phone: {{hold.phone_notify}}</div>
<div ng-if="hold.sms_notify">Notify by text: {{hold.sms_notify}}</div>
<div ng-if="hold. _notify == 't'">Notify by {{patron. }}</div>

15. ng-repeat
<li ng-repeat="checkout in circulations | orderBy:['circ.due_date','checkout.title']">
<div ng-repeat="xact in transactions">
<tr ng-repeat="hold_data in holds”>
Repeats the following for each item in the table

16. orderBy
orderBy will let you order a list by any element in the list, vary useful when dealing with large list
<tr ng-repeat="hold_data in holds | orderBy:['copy.location.name','volume.label']">
<li ng-repeat="checkout in circulations | orderBy:['circ.due_date','checkout.title']">

17. ng-init – Calculating a Total
<div ng-init="transactions.subtotal = 0"><!--Sets the Subtotal Variable-->
<table width="100%" ng-init="transactions.subtotal = transactions.subtotal -- xact.summary.balance_owed">
<b>{{transactions.subtotal | currency}}

18. Autocut Feeder Problem
<br/>
.<br/>

19. Print_templates.json

20. Receipt Templates
Evergreen-Receipts

21. Global Templates
Open-ILS/src/templates/staff/share/print_templates

22. Future Development Server Based Receipts
ils.org/doku.php?id=dev:server_print_templates