Skip to content

enhance student details display with conditional rendering #20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
vikrant-vikrant merged 6 commits into from
Mar 3, 2026
Merged

enhance student details display with conditional rendering #20

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
5db8b28
Merge pull request #15 from vikrant-vikrant/LiteMode
vikrant-vikrant Feb 9, 2026
825497a
Merge pull request #16 from vikrant-vikrant/LiteMode
vikrant-vikrant Feb 10, 2026
9e40057
Merge pull request #17 from vikrant-vikrant/LiteMode
vikrant-vikrant Feb 10, 2026
412c32b
Merge pull request #18 from vikrant-vikrant/LiteMode
vikrant-vikrant Feb 11, 2026
a7f8bf1
Merge pull request #19 from vikrant-vikrant/LiteMode
vikrant-vikrant Feb 20, 2026
c140729
fix: update form actions and enhance student details display with con…
vikrant-vikrant Mar 3, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 1 addition & 3 deletions public/css/fund.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -124,9 +124,8 @@ body {
color: white;
text-decoration: none;
font-size: 1.4rem;
margin: 2vh 0;
border-bottom: 1px dashed #ddd;
padding-bottom: 5px;
padding: 5px 0;
cursor: pointer;
}

Expand Down Expand Up @@ -258,7 +257,6 @@ input::-webkit-inner-spin-button {
padding: 3.5vw;
}
.fee-entry {
margin: 2vh 0;
font-size: 1rem;
}
.form {
Expand Down
2 changes: 1 addition & 1 deletion views/listings/archive.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,7 @@
<form action="/students/<%= students._id %>/restore" method="POST">
<button class="edit-info">Restore</button>
</form>
<form action="/students/<%=students.id%>/delete?_method=delete" method="post">
<form action="/students/<%= students._id %>/delete?_method=delete" method="post">
<button class="edit-info">
Delete
</button>
Expand Down
96 changes: 59 additions & 37 deletions views/listings/show.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,43 +13,63 @@
<h1><%= student.name %></h1>
</div>
<p><strong>Grade :</strong> <%= student.grade %></p>
<p class="parent"><strong>Parent :</strong> <%= student.parent %></p>
<p class="call">
<strong>Contact :</strong> <%= student.contact %>
<a href="https://wa.me/91<%=student.contact%>" target="_blank">
<i class="fa-brands fa-whatsapp"></i
></a>
<a href="tel:+91<%= student.contact %>">
<i class="fa-solid fa-phone"></i
></a>
</p>
<p class="call">
<strong>Phone :</strong> <%= student.phone %>
<a href="https://wa.me/91<%=student.phone%>" target="_blank"
><i class="fa-brands fa-whatsapp"></i></a
>&nbsp;
<a href="tel:+91<%= student.phone %>">
<i class="fa-solid fa-phone"></i>
</a>
</p>
<p><strong>Note :</strong> <%= student.note %></p>
<p><strong>Joining Date :</strong> <%= formattedDate %></p>
<p><strong>Fees :</strong> <%= student.fees %></p>
<p><strong>Due Fees :</strong> <%= student.dueFees %></p>
<p class="remind">
<strong>Remind on :</strong>
<a
href="<%=`https://wa.me/91${student.contact}?text=${student.name},Your monthly fees ${student.dueFees} is DUE.Kindly clear it at the earliest.`%>"
><i class="fa-brands fa-whatsapp"></i></a
>&nbsp;
<a
href="<%=`sms:+91${student.phone}?body=${student.name} +, Your monthly fees ₹${student.dueFees} is DUE. Kindly clear it at the earliest.`%>"
><i class="fa-solid fa-message"></i></a
>&nbsp;
<a href="tel:+91<%= student.phone %>">
<i class="fa-solid fa-phone"></i>
</a>
</p>
<p><strong>Joining Date :</strong> <%= formattedDate %></p>
<%if(student.parent){%>
<p class="parent"><strong>Parent :</strong> <%= student.parent %></p>
<%}%>
<%if(student.contact){%>
<p class="call">
<strong>Contact :</strong> <%= student.contact %>
<a href="https://wa.me/91<%=student.contact%>" target="_blank">
<i class="fa-brands fa-whatsapp"></i></a>
<a href="tel:+91<%= student.contact %>">
<i class="fa-solid fa-phone"></i></a>
</p>
<%}%>
<%if(student.phone){%>
<p class="call">
<strong>Phone :</strong> <%= student.phone %>
<a href="https://wa.me/91<%=student.phone%>" target="_blank"
><i class="fa-brands fa-whatsapp"></i></a
>&nbsp;
<a href="tel:+91<%= student.phone %>">
<i class="fa-solid fa-phone"></i>
</a>
</p>
<%}%>
<%if(student.dueFees > student.fees && (student.phone || student.contact)){%>
<%if(student.contact){%>
<p class="remind">
<strong>Remind on :</strong> Contact
<a
href="<%=`https://wa.me/91${student.contact}?text=${student.name},Your monthly fees ${student.dueFees} is DUE.Kindly clear it at the earliest.`%>"
><i class="fa-brands fa-whatsapp"></i></a
>&nbsp;
<a
href="<%=`sms:+91${student.contact}?body=${student.name} +, Your monthly fees ₹${student.dueFees} is DUE. Kindly clear it at the earliest.`%>"
><i class="fa-solid fa-message"></i></a
>
</p>
<%}%>
<%if(student.phone){%>
<p class="remind">
<strong>Remind on :</strong> Phone
<a
href="<%=`https://wa.me/91${student.phone}?text=${student.name},Your monthly fees ${student.dueFees} is DUE.Kindly clear it at the earliest.`%>"
><i class="fa-brands fa-whatsapp"></i></a
>&nbsp;
<a
href="<%=`sms:+91${student.phone}?body=${student.name} +, Your monthly fees ₹${student.dueFees} is DUE. Kindly clear it at the earliest.`%>"
><i class="fa-solid fa-message"></i></a
>
</p>
<%}%>
<%}%>
<%if(student.note){%>
<p><strong>Note :</strong> <%= student.note %></p>
<%}%>
</div>
<div class="addFess">
<form
Expand Down Expand Up @@ -111,7 +131,9 @@
Paid On : <%= fees.paidDate.toLocaleDateString("en-GB", { weekday:
"short", day: "2-digit", month: "short", year: "numeric" }) %>
</p>
<p>Note : <%=fees.note%></p>
<%if(fees.note){%>
<p>Note : <%=fees.note%></p>
<%}%>
</div>
<hr />
<% }); %> <% } else { %>
Expand All @@ -122,7 +144,7 @@
<div class="flex">
<a href="/students/<%= student.id%>/edit">
<button class="edit-info">
<i class="fa-regular fa-pen-to-square"></i> Edit Details
<i class="fa-regular fa-pen-to-square"></i> Add / Edit
</button>
</a>
<a href="/students/<%= student.id%>/deactivate" method="post">
Expand Down