djabsher
/
UIAngular
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add vbs information to vbs page
continuous-integration/drone/push Build is passing Details

master
Hannah 2026-07-15 00:12:28 -06:00
parent 9fbe7d38a7
commit 3b1e3acf56
3 changed files with 46 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
Client/src/app/components/vbs-page/vbs-page.component.css
View File

@ -97,4 +97,15 @@ mat-radio-button {
.hidden {
display: none;
}
.info-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
.info-table td {
padding: 10px;
border-bottom: 1px solid #ddd;
vertical-align: top;
}

31
Client/src/app/components/vbs-page/vbs-page.component.html
View File

@ -7,7 +7,36 @@
</h1>
<form [formGroup]="form">
<div *ngIf="studentStep">
<h2 id="studentInfo" class="center" style="margin:25px;">Student Information</h2>
<table class="info-table">
<tr>
<td class="label">Ages</td>
<td>4 - 12 years old</td>
</tr>
<tr>
<td class="label">Dates</td>
<td>August 10 - 13</td>
</tr>
<tr>
<td class="label">Time</td>
<td>6:30 PM - 8:00 PM</td>
</tr>
<tr>
<td class="label">Location</td>
<td>
<a href="https://www.google.com/maps/place/Old+Fashion+Baptist+Church/@45.9509155,-112.5144616,17z/data=!3m1!4b1!4m6!3m5!1s0x535b078c3c74ea33:0xac299097142c5894!8m2!3d45.9509155!4d-112.5118867!16s%2Fg%2F1ts3f8rz?entry=ttu&g_ep=EgoyMDI2MDcxMi4wIKXMDSoASAFQAw%3D%3D" target="_blank" rel="noopener noreferrer">
Old Fashion Baptist Church<br>
5003 Wynne Ave<br>
Butte, MT
</a>
</td>
</tr>
<tr>
<td class="label">Contact</td>
<td><a href="tel:+4064945028">(406) 494-5028</a></td>
</tr>
</table>
<h2 id="studentInfo" class="center" style="margin:25px; margin-top: 35px;">Student Information</h2>
<div class="form-row-2-col">
<mat-form-field class="w-100" [class.background-error]="hasErrors('firstName')">
<mat-label>First Name</mat-label>

18
Server/src/routes/api/vbs.js
View File

@ -30,7 +30,7 @@ router.post("/", function(req,res){
let mailOptions = {
from: 'donotreply@ofbbutte.com',
to: 'djabsher@gmail.com',
subject: 'OFB - VBS Registration' + req.body.firstName,
subject: 'OFB - VBS Registration - ' + req.body.firstName,
html: generateRegistrationEmailHTML(req.body)
};
let mailOptions2 = {
@ -230,7 +230,7 @@ function generateVbsConfirmationEmail(studentName, parentName) {
box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
.header {
background-color: #2c5aa0;
background-color: rgb(0, 188, 212);
color: white;
text-align: center;
padding: 25px;
@ -273,15 +273,13 @@ function generateVbsConfirmationEmail(studentName, parentName) {
</div>
<div class="content">
<p>${parentName},</p>
<p>
<span class="highlight">${studentName}</span>
has been registered for our
has been registered for
<strong>Vacation Bible School!</strong>
</p>
<p>We look forward to having your child join us for Bible lessons, games, snacks, and prizes!</p>
<p>We look forward to having ${studentName} join us for Bible lessons, games, snacks, and prizes!</p>
<h2>Vacation Bible School Information</h2>
@ -315,16 +313,10 @@ function generateVbsConfirmationEmail(studentName, parentName) {
<p style="margin-top:25px;">
If you have any questions, please don't hesitate to contact us.
</p>
<p>We look forward to seeing you!</p>
<p>
<strong>Old Fashion Baptist Church</strong><br>
</p>
</div>
<div class="footer">
Thank you for registering for Vacation Bible School!<br>
Old Fashion Baptist Church<br>
</div>
</div>
</body>