diff --git a/TicketOffice/Pages/Auth/Account.cshtml b/TicketOffice/Pages/Auth/Account.cshtml index c7fb39e..eb40953 100644 --- a/TicketOffice/Pages/Auth/Account.cshtml +++ b/TicketOffice/Pages/Auth/Account.cshtml @@ -1,11 +1,152 @@ @page +@using System.Globalization @model TicketOffice.Pages.Account.IndexModel - @{ Layout = "~/Pages/Shared/_Layout.cshtml"; ViewData["Title"] = "Аккаунт"; + CultureInfo.CurrentCulture = CultureInfo.GetCultureInfo("uk-UA"); } + +
+
Придбані квитки
+ @if (Model.Tickets is {Count: 0}) + { +
Ви не придбали жодного квитка. Пошук маршрутів
+ } + else + { +
+ @foreach (var ticket in Model.Tickets) + { +
+
+
Квиток № @ticket.Id
+
+
+
+ Пасажир, місце: + @ticket.PassengerLastName @ticket.PassengerFirstName, @ticket.PassengerPlace +
+
+ Номер рейсу: + № @ticket.Route.Number +
+
+ Дата відправлення: + + @ticket.Route.Cities.First().DepartureTime?.ToString("f").Split(",")[0].ToLower(), + @ticket.Route.Cities.First().DepartureTime?.ToString("dd.MM.yyyy"), + @ticket.Route.Cities.First().DepartureTime?.ToString("HH:mm") + +
+
+ Дата прибуття: + + @ticket.Route.Cities.Last().ArrivalTime?.ToString("f").Split(",")[0].ToLower(), + @ticket.Route.Cities.Last().ArrivalTime?.ToString("dd.MM.yyyy"), + @ticket.Route.Cities.Last().ArrivalTime?.ToString("HH:mm") + +
+
+
+
+ Маршрут + Повернути +
+
+
+ + + } +
+ } +
+
+ +
+
Керування аккаунтом
+
diff --git a/TicketOffice/Pages/Auth/Account.cshtml.cs b/TicketOffice/Pages/Auth/Account.cshtml.cs index 2abf037..ec52b18 100644 --- a/TicketOffice/Pages/Auth/Account.cshtml.cs +++ b/TicketOffice/Pages/Auth/Account.cshtml.cs @@ -8,5 +8,49 @@ namespace TicketOffice.Pages.Account; public class IndexModel : PageModel { + public List Tickets { get; set; } + [BindProperty(SupportsGet = true)] public int ReturnTicketId { get; set; } + private readonly TicketOfficeContext _context; + private readonly ILogger _logger; + + public IndexModel(TicketOfficeContext context, ILogger logger) + { + _context = context; + _logger = logger; + } + + public IActionResult OnGet() + { + if (!ValidateSession()) + return RedirectToPage("/Auth/Login"); + + Tickets = _context.Ticket + .Where(t => t.UserId == HttpContext.Session.GetInt32("UserId")) + .Include(t => t.Route) + .Include(t => t.Route.Cities) + .ToList(); + + return Page(); + } + + public IActionResult OnGetReturnTicket() + { + OnGet(); + + _logger.Log(LogLevel.Information, $"\n\n\n\n {ReturnTicketId} \n\n\n\n"); + + Ticket returnTicket = _context.Ticket.Find(ReturnTicketId); + + if (returnTicket is not null) + { + _context.Remove(returnTicket); + _context.SaveChanges(); + return RedirectToPage("./Account"); + } + + return NotFound(); + } + + private bool ValidateSession() => HttpContext.Session.GetInt32("UserId") is not null; } \ No newline at end of file diff --git a/TicketOffice/wwwroot/css/Account.css b/TicketOffice/wwwroot/css/Account.css index 727c2c3..78423de 100644 --- a/TicketOffice/wwwroot/css/Account.css +++ b/TicketOffice/wwwroot/css/Account.css @@ -27,6 +27,79 @@ body { margin: 2rem 0; } +.tickets { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; +} + +.ticket { + background: #eaeef1; + box-shadow: 0 5px 10px 1px #aeb1b5; + width: 30rem; + height: 12rem; + border-radius: 0.5rem; + margin: 2rem 0 0 0; +} + +.ticket-header { + background: #a1b0b9; + border-radius: 0.5rem 0.5rem 0 0; + height: 2.5rem; + line-height: 2.5rem; + font-size: 1rem; + font-weight: 700; + color: white; + text-align: center; +} + +.ticket-body { + height: calc(100% - 5.7rem); +} + +.ticket-info { + margin: 0.25rem 0.5rem; + font-weight: 700; + font-size: 0.8rem; +} + +.ticket-info-line { + display: flex; + justify-content: space-between; + height: 1.4rem; + line-height: 1rem; + align-items: end; + border-bottom: 1px solid #c5c7cc; +} + +.date { + font-size: 0.8rem; +} + +.ticket-footer { + height: 3rem; + text-align: center; +} + +.ticket-link-btn { + line-height: 2rem; + padding: 0 0.8rem; + margin: 0.5rem 0.5rem; + display: inline-block; + color: #1d4965; + font-size: 0.8rem; + font-weight: 700; + background: linear-gradient(0deg,#79b6db,#b3dbf2); + border: none; + border-radius: .3rem; + cursor: pointer; + text-decoration: none; +} + +.ticket-link-btn:hover { + opacity: 0.8; +} + .link-btn { line-height: 2.5rem; padding: 0 1rem; @@ -40,6 +113,25 @@ body { text-decoration: none; } +.link-btn:hover { + opacity: 0.8; +} + +input.btn { + line-height: 2.5rem; + padding: 0 1rem; + margin: 0 0.5rem; + display: inline-block; + color: #1d4965; + font-weight: 700; + font-size: 1rem; + background: linear-gradient(0deg,#79b6db,#b3dbf2); + border: none; + border-radius: .3rem; + cursor: pointer; + text-decoration: none; +} + .link { color: #245c78; text-decoration: none; diff --git a/TicketOffice/wwwroot/css/Popup.css b/TicketOffice/wwwroot/css/Popup.css new file mode 100644 index 0000000..c572e42 --- /dev/null +++ b/TicketOffice/wwwroot/css/Popup.css @@ -0,0 +1,138 @@ +.popup-container { + position: fixed; + top: 0; + left: 0; + z-index: 100; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.25); + display: none; +} + +.popup { + width: 40rem; + height: 30rem; + background: #eaeef1; + position: fixed; + top: calc(50% - 15rem); + left: calc(50% - 20rem); + border-radius: 0.5rem; + box-shadow: 0 10px 15px 5px #6c6e6f; +} + +.popup-header { + border-radius: 0.5rem 0.5rem 0 0; + height: 3rem; + background: #a1b0b9; + color: white; + font-weight: 700; + font-size: 1.1rem; + text-align: center; + line-height: 3rem; +} + +.popup-body { + width: calc(100% - 2rem); + height: calc(100% - 5rem); + padding: 1rem 1rem; +} + +.popup-body-main { + height: calc(100% - 4rem); + overflow-y: auto; + overflow-x: hidden; +} + +tr.tr-intermediate { + font-weight: 500; +} + +th.th-route, td.td-route { + height: 4rem; + line-height: 1.25rem; + text-align: center; + padding: 0 0.5rem; +} + +td.address { + font-size: 0.8rem; + text-align: justify; + line-height: 1rem; +} + +tr.tr-departure, tr.tr-arrival { + font-weight: 700; +} + +.popup-body-footer { + text-align: center; + margin-top: 1rem; +} + +.popup-footer-link-button { + line-height: 2.5rem; + padding: 0 1rem; + margin: 0 0.5rem; + display: inline-block; + color: #1d4965; + font-weight: 500; + background: linear-gradient(0deg,#79b6db,#b3dbf2); + border: none; + border-radius: .3rem; + cursor: pointer; + text-decoration: none; +} + +.popup-footer-button { + line-height: 2.5rem; + padding: 0 1rem; + margin: 0 0.5rem; + display: inline-block; + color: #1d4965; + font-weight: 700; + font-size: 1rem; + background: linear-gradient(0deg,#79b6db,#b3dbf2); + border: none; + border-radius: .3rem; + cursor: pointer; + text-decoration: none; +} + +.popup-footer-button:hover, .popup-footer-link-button:hover { + opacity: 0.8; +} + +/* table */ + +table { + width: 100%; + border-collapse: collapse; + border: 1px solid #d7dce1; +} + +th { + height: 6rem; + line-height: 1.6rem; + background: #e6e9ed; + border: 1px solid #d7dce1; + padding: 0 1rem; + font-size: 1rem; + text-align: start; + font-weight: 700; + color: #777a7e; +} + +tr { + line-height: 5rem; + background-color: white; +} + +tr:hover { + background-color: #dee9f4; +} + +td { + padding: 0 1rem; + border: 1px solid #d7dce1; + text-align: center; +} \ No newline at end of file