tsai
/
eventhub
mirror of https://github.com/abpframework/eventhub
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

style: Event-Detail page

pull/79/head
berkansasmaz 5 years ago
parent
dd6d5cdc78
commit
fa862dd41a
No known key found for this signature in database GPG Key ID: 884D815C3F32BE00
3 changed files with 71 additions and 77 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/EventHub.Web.Theme/wwwroot/themes/eventhub/style.css
  2. 127
      src/EventHub.Web/Pages/Events/Detail.cshtml
  3. 17
      src/EventHub.Web/wwwroot/global-styles.css

4
src/EventHub.Web.Theme/wwwroot/themes/eventhub/style.css
View File

@ -849,7 +849,7 @@ p .text-primary {
}
}
.nav-tabs.profile-nav .nav-item .nav-link {
.nav-tabs.profile-nav .nav-item .nav-link, .detail-tabs .nav-tabs .nav-item .nav-link {
border: 0;
color: #00044A;
font-size: 16px;
@ -857,7 +857,7 @@ p .text-primary {
}
.nav-tabs.profile-nav .nav-item.show .nav-link,
.nav-tabs.profile-nav .nav-link.active {
.nav-tabs.profile-nav .nav-link.active, .detail-tabs .nav-tabs .nav-item .nav-link.active, .detail-tabs .nav-tabs .nav-item.show .nav-link {
color: #00044A;
background: none;
border: 0;

127
src/EventHub.Web/Pages/Events/Detail.cshtml
View File

@ -2,7 +2,6 @@
@inject IHtmlLocalizer<EventHubResource> L
@using EventHub.Localization
@using EventHub.Web
@using EventHub.Web.Helpers
@using EventHub.Web.Pages.Events
@using EventHub.Web.Pages.Events.Components.AttendeesArea
@using EventHub.Web.Pages.Events.Components.EventsArea
@ -37,7 +36,7 @@
ViewBag.OgImage = coverImageUrl;
}
<div class="bg-white py-5">
<div class="py-5">
<div class="container detail-page pb-4">
<div class="row">
<div class="col-md-7">
@ -72,75 +71,79 @@
</div>
</div>
<div class="row">
<div class="col-md-7">
@if (Model.Event.Tracks.Any())
{
<abp-tabs>
<abp-tab class="tab" title="Description">
<div class="col-12 mt-4">
<div class="card">
<div class="card-body p-5">
@if (Model.Event.Tracks.Any())
{
<abp-tabs class="detail-tabs">
<abp-tab class="tab" title="Description">
<h5 class="detail-head mt-5 font-weight-bold">Event Description</h5>
<p id="EventDescription">
@Model.Event.Description
</p>
<h5 class="detail-head mt-5 font-weight-bold">Date</h5>
<p>
@EventDateHelper.GetDateRangeText(Model.Event.StartTime, Model.Event.EndTime)
</p>
@await Component.InvokeAsync(typeof(AttendeesAreaViewComponent), new { eventId = Model.Event.Id })
</abp-tab>
<abp-tab class="tab" title=" Track / Session">
<table class="table">
<thead>
<tr>
@foreach (var track in Model.Event.Tracks)
{
@if (track.Sessions.Any())
{
<th class="text-center" width="25%">@track.Name</th>
}
}
</tr>
</thead>
<tbody>
<tr>
@foreach (var track in Model.Event.Tracks)
{
@if (track.Sessions.Any())
{
<td>
@foreach (var session in track.Sessions)
{
<div class="track-item">
<span class="track-name">@session.Title.TruncateWithPostfix(25)</span>
<small class="text-primary d-block my-2">@EventDateHelper.GetTimeRangeText(TimeOnly.FromDateTime(session.StartTime), TimeOnly.FromDateTime(session.EndTime)) | @session.Language</small>
@foreach (var speaker in session.Speakers)
{
<span class="d-block mb-2">@speaker.UserName</span>
}
</div>
}
</td>
}
}
</tr>
</tbody>
</table>
</abp-tab>
</abp-tabs>
}
else
{
<h5 class="detail-head mt-5 font-weight-bold">Event Description</h5>
<p id="EventDescription">
@Model.Event.Description
</p>
<h5 class="detail-head mt-5 font-weight-bold">Date</h5>
<p>
@EventDateHelper.GetDateRangeText(Model.Event.StartTime, Model.Event.EndTime)
</p>
@await Component.InvokeAsync(typeof(AttendeesAreaViewComponent), new { eventId = Model.Event.Id })
</abp-tab>
<abp-tab class="tab" title=" Track / Session">
<table class="table">
<thead>
<tr>
@foreach (var track in Model.Event.Tracks)
{
@if (track.Sessions.Any())
{
<th class="text-center" width="25%">@track.Name</th>
}
}
</tr>
</thead>
<tbody>
<tr>
@foreach (var track in Model.Event.Tracks)
{
@if (track.Sessions.Any())
{
<td>
@foreach (var session in track.Sessions)
{
<div class="track-item">
<span class="track-name">@session.Title.TruncateWithPostfix(25)</span>
<small class="text-primary d-block my-2">@EventDateHelper.GetTimeRangeText(TimeOnly.FromDateTime(session.StartTime), TimeOnly.FromDateTime(session.EndTime)) | @session.Language</small>
@foreach (var speaker in session.Speakers)
{
<span class="d-block mb-2">@speaker.UserName</span>
}
</div>
}
</td>
}
}
</tr>
</tbody>
</table>
</abp-tab>
</abp-tabs>
}
else
{
<h5 class="detail-head mt-5 font-weight-bold">Event Description</h5>
<p id="EventDescription">
@Model.Event.Description
</p>
<h5 class="detail-head mt-5 font-weight-bold">Date</h5>
<p>
@EventDateHelper.GetDateRangeText(Model.Event.StartTime, Model.Event.EndTime)
</p>
@await Component.InvokeAsync(typeof(AttendeesAreaViewComponent), new { eventId = Model.Event.Id })
}
}
</div>
</div>
</div>
</div>
</div>

17
src/EventHub.Web/wwwroot/global-styles.css
View File

@ -239,18 +239,9 @@
overflow: hidden;
width: 140px;
}
.nav-tabs .nav-link {
width: 217px !important;
left: 452px !important;
top: 567px !important;
border-radius: unset !important;
font-size: 20px !important;
line-height: 24px !important;
color: #6B7E92 !important;
}
.nav-tabs .active, .btn:hover {
color: #00044A !important;
border: unset !important;
.nav-tabs .nav-link {
font-size: 20px;
line-height: 24px;
color: #6B7E92;
}

Write Preview
Loading…
Cancel
Save