Simplified Event List By Month
Here's the report in response to this report I did for Faith Bible Church in Glendale AZ! Options: Line 26 and 27 26 Change the tag filter (Case Sensitive!) 27 Turn the tag filter on or off. Original Request ---------------------------------- Pastor Ron, I’m the Creative Arts Pastor here at Faith Bible Church in Glendale, AZ. I oversee all things related to worship and communication. I was looking for a very simple report to use at staff meetings that shows us events for a determined time period. All I need is the name of the event, no details. I had hoped to try my hand at modifying an existing report, but my coding skills are non-existent and unfortunately, I don’t have time to learn that stuff right now (although it is a goal!) I created a tag called staff calendar that can be added to the event that need to be listed. Essentially, the report needs to look something like the example below: October 21 – Youth Pancake Breakfast 21 – Grand Prix Workshop 24 – 11/7 – Jeff Vacation 28 – Granada Estates Halloween 28 – Dia de la Reforma 29 – Communion 29 – Prayer Service 31 – Halloween November 3-4 – Mission Connexion 4 – Español Breakfast 11 – POWWOW Etc…. for as much as 6 months at a time.
Preview
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
148
<!DOCTYPE html>
<html lang="en">
<head>
<title>Simplified Events</title>
<link rel="stylesheet" type="text/css" media="all" href="{{ report.stylesheet_href }}">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<meta charset="utf-8">
<style>
/* Your existing CSS styles for screen view */
li {
list-style-type: none;
}
.custom-card {
width: 300px; /* Fixed width for the cards */
display: inline-block; /* Display cards inline */
margin-right: 10px; /* Adjust margin between cards */
vertical-align: top; /* Align cards at the top */
}
.custom-card-body {
padding: 10px; /* Adjust padding as needed */
}
.custom-card-title {
background-color: #f8f9fa; /* Add background color to the title area */
padding: 10px; /* Add padding to the title area */
border-bottom: 1px solid #dee2e6; /* Add a bottom border to separate title and body */
}
/* Additional CSS for print view */
@media print {
.custom-card {
/* Add any print-specific styles here */
/* For example, you can set a fixed width for printing */
width: 300px;
}
/* Page break to start a new column */
/*
.page-break {
page-break-before: always;
}
*/
/* You can add more print-specific styles as needed */
}
</style>
</head>
<body>
<div>
<h1 class="header-large txt-center gutter-bottom-small">Simplified Monthly Event Report</h1>
<h2 class="header-medium txt-center soft gutter-bottom-large">{{ report.scope }}: {{ report.start_date }}
through {{ report.end_date }}</h2>
</div>
{% if report.org_twenty_four_hour_time? %}
{% assign time_format = "%H:%M" %}
{% else %}
{% assign time_format = "%-I:%M%P" %}
{% endif %}
{% if report.org_day_month_dates? %}
{% assign date_format = "%d/%m/%Y" %}
{% else %}
{% assign date_format = "%m/%d/%Y" %}
{% endif %}
{% assign report_start_month = days_with_instances.first.date | date: '%B' %}
<div class="container">
{% comment %}<div class="row"> <!-- Row for two columns -->{% endcomment %}
{% for day in days_with_instances %}
{% assign current_month = day.date | date: '%B' %}
{% if forloop.first %}
{% comment %}This is the first Month title{% endcomment %}
{% comment %}<div class="col-md-6"> <!-- Two columns for cards -->
<div class="card custom-card">
<div class="card-body custom-card-body">{% endcomment %}
<h3 class="card-title custom-card-title header-large txt-center gutter-bottom-small">{{ report_start_month }}</h3>
<div class="table-container{% if day_page_break and forloop.index < forloop.length %} page-break{% endif %}">
<!-- Month content goes here -->
{% elsif current_month != report_start_month %}
{% comment %}This is the subsequent Month titles{% endcomment %}
</div>
{% comment %} </div>
</div>{% endcomment %}
{% comment %}<div class="col-md-6 page-break"> <!-- Two columns for cards with page break -->
<div class="card custom-card">
<div class="card-body custom-card-body">{% endcomment %}
<h3 class="card-title custom-card-title header-large txt-center gutter-bottom-small">{{ current_month }}</h3>
<div class="table-container{% if day_page_break and forloop.index < forloop.length %} page-break{% endif %}">
{% assign report_start_month = day.date | date: '%B' %}
{% endif %}
{% for instance in day.instances | sort: "starts_at" %}
<ul>
<li>
{% capture start_date %} {{ instance.starts_at | date: "%m/%d/%Y" }} {% endcapture %} {% capture end_date %} {{ instance.ends_at | date: "%m/%d/%Y" }} {% endcapture %} {% capture today %} {{ day.date | date: "%m/%d/%Y" }} {% endcapture %}
{{ instance.starts_at | date: "%d" }} -
{{ instance.event.name }} -
{% if instance.reservation.all_day_event? %}
All-day
{% elsif start_date == today and start_date != end_date %}
Today, {{ instance.starts_at | date: time_format }}
{% elsif start_date == end_date %}
{{ instance.starts_at | date: time_format | downcase }}
{% else %}
{{ instance.starts_at | date: date_format }} ({{ instance.starts_at | date: time_format | downcase }})
{% endif %}
{% if instance.reservation.all_day_event? %}
{% elsif end_date == today and start_date != end_date %}
Today, {{ instance.ends_at | date: time_format }}
{% elsif start_date == end_date %}
{{ instance.ends_at | date: time_format | downcase }}
{% else %}
{{ instance.ends_at | date: date_format }} ({{ instance.ends_at | date: time_format | downcase }})
{% endif %}
</li>
</ul>
{% endfor %}
{% else %}
<div>
<h1 class="header-large txt-center gutter-bottom-small">
Basic {{ report.kind | capitalize }}
Report
by Date</h1>
<h2 class="header-medium txt-center soft gutter-bottom-large">{{ report.scope }}
: {{ report.start_date }}
through {{ report.end_date }}</h2>
<h1 class="header-large txt-center gutter-bottom-small">There are no events that fit
the filters
in
the
selected date range.</h1>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
{% comment %}</div>{% endcomment %}
</body>
</html>