I built this report to print a very basic set list for the band. This is designed to be printed and placed on the floor for reference during service.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!--
QUICK CUSTOMIZATION:
PLAN PEOPLE OPTIONS
{% assign print_plan_people = true %}
TO ONLY PRINT SPECIFIC PEOPLE CATEGORIES SET THIS TO false
{% assign all_categories = true %}
-->
<html>
<head>
<title>{{ plan.ministry.name }}:: {{ plan.dates }}</title>
<style>
* { font-family: Verdana, Arial; font-size: 10pt; }
body { padding:0; margin:0; }
table#plan { width: 100%; border-top: solid 3px black; padding: 0; border-collapse: collapse;}
table#plan thead { display: table-header-group; }
table#plan th { vertical-align: bottom; border-bottom: solid 2px black; }
table#plan td { border-bottom: solid 1px #999999; padding: 2px; vertical-align: top; }
table#plan .time { width: 70px; text-align: center; }
table#plan .length { width: 55px; text-align: center; }
table#plan .header { padding: 0; margin: 0; height: 20px; position: relative; background-color: #666; }
table#plan .item { padding-top: 2px; padding-bottom: 2px; }
table#plan .odd { background-color: #DDD; }
table#plan .bpm { font-size: 16pt; }
table#header { width: 100%; border: none; padding: 0; border-collapse: collapse;}
table#header td { padding: 2px; vertical-align: top; }
H1 { text-align: center; padding: 0; margin: 0; font-size: 28pt; }
H2 { text-align: center; padding: 0; margin: 0; font-size: 18pt; }
H3 { text-align: center; padding: 0; margin: 0; font-size: 12pt; font-style: italic; }
H4 { text-align: center; padding: 0; margin: 0; font-size: 10pt }
PRE { margin: 0; padding: 0; }
.ministry_title { font-size: 20pt; font-weight: bold; text-align: center; border-bottom: dashed 1px black;}
.plan_dates { text-align: center; font-weight: bold; font-size: 14pt; }
.series_title { text-align: right; }
.people_section { padding: 10px; vertical-align: top;}
.people_category { clear: both; border-bottom: solid 1px lightgrey; padding-top: 4px; font-weight: bold; font-size: 11pt;}
.person { width: 150px; float: left; font-size: 8pt;}
.position { font-size: 7pt; font-weight: bold;}
</style>
</head>
<body>
<table width="100%">
<tr>
<!--
Table Formatting at the top.
-->
<table style="width: 535px; height: 125px;">
<tbody>
<tr>
<!--
Left Column of the table
-->
<td style="width: 250.898px;">
<div class="logo">
{% if organization.logo_url %}<img style="max-width: 50%; position:right; max-height: 50%;" src="{{ organization.logo_url }}" />{% endif %}
</div>
</td>
<!--
Right column of the table
-->
<td style="width: 266.102px; text-align: right;">
<h1><span style="font-size: 20pt">{{plan.ministry.name}} {{ plan.dates }}</span></h1>
</td>
</tr>
</tbody>
<!--
Create a new table called "plan"
-->
<table id="plan">
{% for item in plan.items %}
{% case item.item_type %}
{% when 'Header' %}
<tr>
<td colspan="{{ plan.plan_times | size | add: 3 }}" class="header">
<!--
Formatting for the headings
-->
<div style="position: relative; height: 20px;">
<div style="position: absolute; left: 0px; right: 0px; overflow:hidden; height: 20px; width:100%:">
<img src="/image_generator/print_header?text={{ item.title }}">
</div>
</div>
</td>
{% else %}
<tr>
<td class="item" width="70">
<div> {% if item.arrangement %}{% if item.arrangement.music_key != "" %}<span style="font-size: 20pt; font-weight: bold;">{{ item.arrangement.music_key }}</span>{% endif %}{% endif %} </div>
<div> {% if item.arrangement %}{% if item.arrangement.bpm != "" %}<span style="font-size: 14pt; ">{{ item.arrangement.bpm }} BPM</span>{% endif %}{% endif %} </div>
</td>
<td class="item" style="font-weight: normal;<%= 'font-style:italic;' if item.item_type == 3%>" >
{% if item.item_type != "Song" %}<span style="font-size: 10pt; font-style: italic;"> {{ item.title }} </span>{% endif %}
{% if item.item_type == "Song" %}<span style="font-size: 18pt; font-weight: bold; "> {{ item.title }}</span>
<br/>
{% endif %}
{% if item.item_type == "Song" %}<pre style="font-size: 12pt; font-weight: normal;">{{ item.description }}{% endif %}</pre>
{% for note in item.notes %}
{% endfor %}
</td>
{% endcase %}
</tr>
{% endfor %}
</table>
<td valign="top">