Skip to content
This repository was archived by the owner on Jul 10, 2024. It is now read-only.

Commit 4d284ee

Browse files
jongallowayjongalloway
committed
2 parents 0bef495 + 484e5d9 commit 4d284ee

File tree

1 file changed

+71
-61
lines changed

1 file changed

+71
-61
lines changed

‎docs/5. Add personal agenda.md

Lines changed: 71 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -464,77 +464,87 @@ In this section we'll add features that track attendees who have registered on t
464464
1. Add the HTML to render the list of sessions on the attendee's personal agenda to `MyAgenda.cshtml`:
465465

466466
```html
467-
@page
468-
@model MyAgendaModel
469-
@{
470-
ViewData["Title"] = "Home Page";
471-
}
467+
@page
468+
@model MyAgendaModel
469+
@{
470+
ViewData["Title"] = "Home Page";
471+
}
472+
473+
@if (Model.ShowMessage)
474+
{
475+
<div class="alert alert-success alert-dismissible" role="alert">
476+
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span> </button>
477+
@Model.Message
478+
</div>
479+
}
472480

473-
@if (Model.ShowMessage)
481+
<div class="agenda">
482+
<h1>My Conference @System.DateTime.Now.Year</h1>
483+
484+
@if (Model.UserSessions.Count == 0)
474485
{
475-
<div class="alert alert-success alert-dismissible" role="alert">
476-
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span> </button>
477-
@Model.Message
478-
</div>
486+
<p>
487+
You have not yet added any sessions to your agenda. Add sessions to your personal agenda
488+
by browsing the <a asp-page="/Index">conference agenda</a> or <a asp-page="/Search">searching</a>
489+
for sessions and speakers and clicking the star button.
490+
</p>
479491
}
480492

481-
<div class="agenda">
482-
<h1>My Conference @System.DateTime.Now.Year</h1>
483-
484-
@if (Model.UserSessions.Count == 0)
493+
<ul class="nav nav-pills">
494+
@foreach (var day in Model.DayOffsets)
485495
{
486-
<p>
487-
You have not yet added any sessions to your agenda. Add sessions to your personal agenda
488-
by browsing the <a asp-page="/Index">conference agenda</a> or <a asp-page="/Search">searching</a>
489-
for sessions and speakers and clicking the star button.
490-
</p>
496+
<li role="presentation" class="@(Model.CurrentDayOffset == day.Offset ? "active" : null)">
497+
<a asp-route-day="@day.Offset">@day.DayofWeek?.ToString()</a>
498+
</li>
491499
}
500+
</ul>
492501

493-
<ul class="nav nav-pills">
494-
@foreach (var day in Model.DayOffsets)
502+
@foreach (var timeSlot in Model.Sessions)
503+
{
504+
<h4>@timeSlot.Key?.ToString("HH:mm")</h4>
505+
<div class="row">
506+
@foreach (var session in timeSlot)
495507
{
496-
<li role="presentation" class="@(Model.CurrentDayOffset == day.Offset ? "active" : null)">
497-
<a asp-route-day="@day.Offset">@day.DayofWeek?.ToString()</a>
498-
</li>
499-
}
500-
</ul>
501-
502-
@foreach (var timeSlot in Model.Sessions)
503-
{
504-
<h4>@timeSlot.Key?.ToString("HH:mm")</h4>
505-
<div class="row">
506-
@foreach (var session in timeSlot)
507-
{
508-
<div class="col-md-3">
509-
<div class="panel panel-default session">
510-
<div class="panel-body">
511-
<p>@session.Track?.Name</p>
512-
<h3 class="panel-title"><a asp-page="Session" asp-route-id="@session.ID">@session.Title</a></h3>
513-
<p>
514-
@foreach (var speaker in session.Speakers)
515-
{
516-
<em><a asp-page="Speaker" asp-route-id="@speaker.ID">@speaker.Name</a></em>
517-
}
518-
</p>
519-
<form method="post">
520-
<input type="hidden" name="sessionId" value="@session.ID" />
521-
<p class="mb-0">
522-
<a authz-policy="Admin" asp-page="/Admin/EditSession" asp-route-id="@session.ID" class="btn btn-default btn-sm">Edit</a>
523-
@if (Model.UserSessions.Contains(session.ID))
524-
{
525-
<button authz="true" type="submit" asp-page-handler="Remove" class="btn btn-default btn-sm bg-transparent" title="Remove from my personal agenda">
526-
<i class="icon ion-md-star" aria-hidden="true"></i>
527-
</button>
528-
}
529-
</p>
530-
</form>
531-
</div>
532-
</div>
508+
<div class="col-md-3 mb-4">
509+
<div class="card shadow session h-100">
510+
<div class="card-header">@session.Track?.Name</div>
511+
<div class="card-body">
512+
<h5 class="card-title"><a asp-page="Session" asp-route-id="@session.ID">@session.Title</a></h5>
533513
</div>
534-
}
514+
<div class="card-footer">
515+
<ul class="list-inline mb-0">
516+
@foreach (var speaker in session.Speakers)
517+
{
518+
<li class="list-inline-item">
519+
<a asp-page="Speaker" asp-route-id="@speaker.ID">@speaker.Name</a>
520+
</li>
521+
}
522+
</ul>
523+
<form authz="true" method="post">
524+
<input type="hidden" name="sessionId" value="@session.ID" />
525+
<p class="mb-0">
526+
<a authz-policy="Admin" asp-page="/Admin/EditSession" asp-route-id="@session.ID" class="btn btn-default btn-sm">Edit</a>
527+
@if (Model.UserSessions.Contains(session.ID))
528+
{
529+
<button type="submit" asp-page-handler="Remove" class="btn btn-default btn-sm bg-transparent" title="Remove from my personal agenda">
530+
<i class="icon ion-md-star" aria-hidden="true"></i>
531+
</button>
532+
}
533+
else
534+
{
535+
<button type="submit" class="btn btn-default btn-sm bg-transparent" title="Add to my personal agenda">
536+
<i class="icon ion-md-star-outline" aria-hidden="true"></i>
537+
</button>
538+
}
539+
</p>
540+
</form>
541+
</div>
542+
</div>
535543
</div>
536-
}
537-
</div>
544+
}
545+
</div>
546+
}
547+
</div>
538548
```
539549

540550
## Add the My Agenda link to the Layout

0 commit comments

Comments
 (0)