src/Enmarcha.Experimental.ServiceViewer/Views/Services/ServiceDetails.cshtml


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

@using Enmarcha.Experimental.ServiceViewer.Data.Gtfs
@using Humanizer
@using Humanizer.Localisation
@model Enmarcha.Experimental.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>
    &gt;
    <a asp-action="ServicesInDay" asp-route-day="@Model.Date.ToString("yyyy-MM-dd")">
        @Model.Date.ToString("dd 'de' MMMM 'de' yyyy")
    </a>
    &gt;
    <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>