Index.cshtml
4,868 bytes
| 1 | @model List<App.BLL.DTO.TripPollBllDto> |
|---|---|
| 2 | |
| 3 | @{ |
| 4 | ViewData["Title"] = Localizer["Polls"]; |
| 5 | var tripId = (Guid)ViewData["TripId"]!; |
| 6 | var tripName = (string)ViewData["TripName"]!; |
| 7 | } |
| 8 | |
| 9 | <!-- Page Header --> |
| 10 | <div class="sa-gradient-header" style="background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);"> |
| 11 | <div class="d-flex justify-content-between align-items-center flex-wrap gap-3"> |
| 12 | <div> |
| 13 | <h1 style="margin-bottom: 4px;">@Localizer["Polls"]</h1> |
| 14 | <p class="text-muted mb-0">@tripName</p> |
| 15 | </div> |
| 16 | <div class="d-flex gap-2"> |
| 17 | <a asp-action="Create" asp-route-tripId="@tripId" class="sa-btn sa-btn-sm" style="background: rgba(255,255,255,0.2); color: #fff; border: 1.5px solid rgba(255,255,255,0.4);"> |
| 18 | <i class="bi bi-plus-lg"></i> @Localizer["Create Poll"] |
| 19 | </a> |
| 20 | <a asp-controller="Trips" asp-action="Details" asp-route-id="@tripId" class="sa-btn sa-btn-sm" style="background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.9);"> |
| 21 | <i class="bi bi-arrow-left"></i> |
| 22 | </a> |
| 23 | </div> |
| 24 | </div> |
| 25 | </div> |
| 26 | |
| 27 | @if (!Model.Any()) |
| 28 | { |
| 29 | <div class="sa-empty"> |
| 30 | <div class="sa-empty-icon"><i class="bi bi-bar-chart"></i></div> |
| 31 | <div class="sa-empty-title">@Localizer["No polls yet"]</div> |
| 32 | <p class="sa-empty-text">@Localizer["Create a poll to help your group make decisions."]</p> |
| 33 | <a asp-action="Create" asp-route-tripId="@tripId" class="sa-btn sa-btn-primary sa-btn-pill"> |
| 34 | <i class="bi bi-plus-lg"></i> @Localizer["Create Poll"] |
| 35 | </a> |
| 36 | </div> |
| 37 | } |
| 38 | else |
| 39 | { |
| 40 | <div class="row justify-content-center"> |
| 41 | <div class="col-lg-8"> |
| 42 | <div class="d-flex flex-column gap-3"> |
| 43 | @{ var idx = 0; } |
| 44 | @foreach (var poll in Model) |
| 45 | { |
| 46 | var totalVotes = poll.Options?.Sum(o => o.VoteCount) ?? 0; |
| 47 | var isClosed = poll.ClosedAt != null; |
| 48 | |
| 49 | <div class="sa-card sa-animate-slide-up sa-stagger-@(Math.Min(idx + 1, 6))"> |
| 50 | <div class="sa-card-body"> |
| 51 | <div class="d-flex justify-content-between align-items-start mb-2"> |
| 52 | <h5 style="font-weight: 700; margin: 0; font-size: 1.05rem;">@poll.Question</h5> |
| 53 | <div class="d-flex align-items-center gap-2" style="flex-shrink: 0;"> |
| 54 | @if (isClosed) |
| 55 | { |
| 56 | <span class="sa-status-dot sa-status-dot-pending"></span> |
| 57 | <span class="sa-badge sa-badge-neutral">@Localizer["Closed"]</span> |
| 58 | } |
| 59 | else |
| 60 | { |
| 61 | <span class="sa-status-dot sa-status-dot-active sa-status-dot-pulse"></span> |
| 62 | <span class="sa-badge sa-badge-success">@Localizer["Open"]</span> |
| 63 | } |
| 64 | </div> |
| 65 | </div> |
| 66 | |
| 67 | <div style="font-size: 0.85rem; color: var(--sa-gray-500); margin-bottom: var(--sa-space-3);"> |
| 68 | @Localizer["Created by"] @(poll.CreatedByUser != null ? $"{poll.CreatedByUser.FirstName} {poll.CreatedByUser.LastName}" : "?") |
| 69 | · @totalVotes @Localizer["votes"] |
| 70 | · @(poll.Options?.Count ?? 0) @Localizer["options"] |
| 71 | @if (poll.AllowMultipleVotes) |
| 72 | { |
| 73 | <span>· <i class="bi bi-check2-all me-1"></i>@Localizer["Multiple votes"]</span> |
| 74 | } |
| 75 | </div> |
| 76 | |
| 77 | <a asp-action="Details" asp-route-id="@poll.Id" |
| 78 | class="sa-btn sa-btn-sm sa-btn-pill @(isClosed ? "sa-btn-ghost" : "sa-btn-secondary")"> |
| 79 | @if (isClosed) |
| 80 | { |
| 81 | <i class="bi bi-eye"></i> @Localizer["View Results"] |
| 82 | } |
| 83 | else |
| 84 | { |
| 85 | <i class="bi bi-check2-square"></i> @Localizer["Vote"] |
| 86 | } |
| 87 | </a> |
| 88 | </div> |
| 89 | </div> |
| 90 | idx++; |
| 91 | } |
| 92 | </div> |
| 93 | </div> |
| 94 | </div> |
| 95 | } |
| 96 | |
| 97 | <a asp-action="Create" asp-route-tripId="@tripId" class="sa-fab sa-hide-desktop" title="@Localizer["Create Poll"]"> |
| 98 | <i class="bi bi-plus-lg"></i> |
| 99 | </a> |
| 100 | |