lucaspatenaude/ScoreSpot
1
0
Fork 0
Code Projects 1 Releases 1 Wiki Activity

Changes to home screen to prototype league table dashboard

Browse Source
This commit is contained in:
Lucas Patenaude
2024-03-17 20:32:15 -06:00
parent 3a900251a5
commit d135eb6e30
3 changed files with 47 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
ProjectSourceCode/src/views/pages/home.hbs
View File

@@ -2,37 +2,25 @@
<div class="container mt-5"> <div class="container mt-5">
<h1 class="mb-4">Welcome</h1> <h1 class="mb-4">Welcome</h1>
<div class="card-container"> <div class="card-container">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4"> <div class="row row-cols-1 row-cols-md-2 row-cols-lg-2 g-3">
<!-- Event 1 --> <!-- 🇬🇧 Premier League -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}} {{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 2 --> <!-- 🇪🇸 La Liga -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}} {{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 3 --> <!-- 🇩🇪 Bundesliga -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}} {{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 4 --> <!-- 🇮🇹 Serie A -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}} {{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 5 --> <!-- 🇫🇷 Ligue 1 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}} {{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 6 --> <!-- 🇧🇷 Brasilerao -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}} {{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 7 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 8 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 9 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
<!-- Event 10 -->
{{> event_card imageURL="https://via.placeholder.com/300" eventName="Event Name" eventDateTime="Date and Time"}}
</div> </div>
</div> </div>

10
ProjectSourceCode/src/views/partials/event_card.hbs
View File

@@ -1,10 +0,0 @@
<div class="col-md-4 mb-4">
<div class="card">
<img src="{{imageURL}}" class="card-img-top" alt="Event Image">
<div class="card-body">
<h5 class="card-title">{{eventName}}</h5>
<p class="card-text">Date and Time: {{eventDateTime}}</p>
<a href="#" class="btn btn-primary">Book Now</a>
</div>
</div>
</div>

34
ProjectSourceCode/src/views/partials/league_table.hbs Normal file
View File

@@ -0,0 +1,34 @@
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-body">
<h5 class="card-title">League Name</h5> <!-- Insert Name using Handlesbars and API -->
<table class="table">
<thead>
<tr>
<th>Position</th>
<th>Club Name</th>
<th>Wins</th>
<th>Draws</th>
<th>Losses</th>
<th>Points</th>
</tr>
</thead>
<tbody>
<!-- Add rows dynamically using backend data -->
<tr>
<td>1</td>
<td>Club A</td>
<td>10</td>
<td>5</td>
<td>3</td>
<td>35</td>
</tr>
<!-- Add more rows if needed -->
</tbody>
</table>
<a href="#" class="btn btn-primary">View League</a>
</div>
</div>
</div>