diff options
| author | Ariel Costas Guerrero <ariel@costas.dev> | 2025-10-21 15:34:24 +0200 |
|---|---|---|
| committer | Ariel Costas Guerrero <ariel@costas.dev> | 2025-12-12 10:24:53 +0100 |
| commit | 661cccc2da9a6c32b7b56c60313787282a9084ea (patch) | |
| tree | 8176720aa99b80281a8351ae74170238c50b59cc /src/Costasdev.Busurbano.ServiceViewer/Views/Services/ServiceDetails.cshtml | |
| parent | ed023a4b5ee257c0c367357b6d83f9778e2cf536 (diff) | |
Begin implementing
Diffstat (limited to 'src/Costasdev.Busurbano.ServiceViewer/Views/Services/ServiceDetails.cshtml')
| -rw-r--r-- | src/Costasdev.Busurbano.ServiceViewer/Views/Services/ServiceDetails.cshtml | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/src/Costasdev.Busurbano.ServiceViewer/Views/Services/ServiceDetails.cshtml b/src/Costasdev.Busurbano.ServiceViewer/Views/Services/ServiceDetails.cshtml new file mode 100644 index 0000000..8eae631 --- /dev/null +++ b/src/Costasdev.Busurbano.ServiceViewer/Views/Services/ServiceDetails.cshtml @@ -0,0 +1,63 @@ +@using Costasdev.ServiceViewer.Data.Gtfs +@using Humanizer +@using Humanizer.Localisation +@model Costasdev.ServiceViewer.Views.Services.ServiceDetailsModel +@{ + ViewData["Title"] = Model.ServiceName; +} + +@section Head +{ + <link rel="stylesheet" href="~/styles/service_details.css" /> + <link rel="stylesheet" href="/stylesheets/routecolours.css" /> + <style> + + </style> +} + +<header> + <h1>@ViewData["Title"]</h1> +</header> + +<nav class="navigation-bar"> + <a asp-action="DaysInFeed">Feed Vitrasa</a> + > + <a asp-action="ServicesInDay" asp-route-day="@Model.Date.ToString("yyyy-MM-dd")"> + @Model.Date.ToString("dd 'de' MMMM 'de' yyyy") + </a> + > + <span>@Model.ServiceName</span> +</nav> + +<section id="service-cards"> + @foreach (ServiceDetailsItem item in Model.Items) + { + <article class="trip-container route-@item.SafeRouteId"> + <div class="trip-header"> + <div class="route">@item.ShortName</div> + <div class="headsign">@item.LongName</div> + <div class="distance"> + @item.TotalDistance + </div> + </div> + <div class="trip-details"> + <div class="trip-leg"> + <div class="trip-time">@item.FirstStopTime</div> + <div class="trip-stop">@item.FirstStopName</div> + </div> + <div class="trip-leg"> + <div class="trip-time">@item.LastStopTime</div> + <div class="trip-stop">@item.LastStopName</div> + </div> + </div> + <div class="trip-footer" > + <a class="trip-details-link">Ver detalle del viaje →</a> + </div> + </article> + } +</section> + +<footer> + Tiempo de conducción: @Model.TotalDrivingTime.Hours horas y @Model.TotalDrivingTime.Minutes minutos.<br /> + Distancia total: @Model.TotalDistanceKm +</footer> |