diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/_checked_in.html.ep | 4 | ||||
| -rw-r--r-- | templates/_checked_out.html.ep | 2 | ||||
| -rw-r--r-- | templates/_connections.html.ep | 8 | ||||
| -rw-r--r-- | templates/account.html.ep | 16 | ||||
| -rw-r--r-- | templates/changelog.html.ep | 17 | ||||
| -rw-r--r-- | templates/departures.html.ep | 61 | ||||
| -rw-r--r-- | templates/use_history.html.ep | 62 |
7 files changed, 141 insertions, 29 deletions
diff --git a/templates/_checked_in.html.ep b/templates/_checked_in.html.ep index d5b14e5..ebe84e8 100644 --- a/templates/_checked_in.html.ep +++ b/templates/_checked_in.html.ep @@ -79,6 +79,10 @@ % } % if (defined $journey->{arrival_countdown} and $journey->{arrival_countdown} < (20*60)) { % if (my @connections = get_connecting_trains()) { + <span class="card-title" style="margin-top: 2ex;">Verbindungen</span> + % if ($journey->{arrival_countdown} < 0) { + <p>Zug auswählen zum Einchecken mit Zielwahl.</p> + % } %= include '_connections', connections => \@connections, checkin_from => $journey->{arrival_countdown} < 0 ? $journey->{arr_ds100} : undef; % } % } diff --git a/templates/_checked_out.html.ep b/templates/_checked_out.html.ep index 18b613b..ca9373d 100644 --- a/templates/_checked_out.html.ep +++ b/templates/_checked_out.html.ep @@ -5,6 +5,8 @@ bis <a href="/s/<%= $journey->{arr_ds100} %>"><%= $journey->{arr_name} %></a></p> % if (now()->epoch - $journey->{timestamp}->epoch < (30*60)) { % if (my @connections = get_connecting_trains()) { + <span class="card-title" style="margin-top: 2ex;">Verbindungen</span> + <p>Zug auswählen zum Einchecken mit Zielwahl.</p> %= include '_connections', connections => \@connections, checkin_from => $journey->{arr_ds100}; % } % } diff --git a/templates/_connections.html.ep b/templates/_connections.html.ep index 1c7f003..d421d4e 100644 --- a/templates/_connections.html.ep +++ b/templates/_connections.html.ep @@ -1,8 +1,4 @@ -<span class="card-title" style="margin-top: 2ex;">Verbindungen</span> -% if ($checkin_from) { - <p>Zug auswählen zum Einchecken mit Zielwahl.</p> -% } -<div class="hide-on-med-and-up"><table><tbody> +<div class="hide-on-med-and-up"><table class="striped"><tbody> % for my $res (@{$connections}) { % my ($train, $via) = @{$res}; <tr> @@ -30,7 +26,7 @@ </tr> % } </tbody></table></div> -<div class="hide-on-small-only"><table><tbody> +<div class="hide-on-small-only"><table class="striped"><tbody> % for my $res (@{$connections}) { % my ($train, $via) = @{$res}; <tr> diff --git a/templates/account.html.ep b/templates/account.html.ep index 2c58a7b..627be85 100644 --- a/templates/account.html.ep +++ b/templates/account.html.ep @@ -16,6 +16,9 @@ % elsif ($success eq 'privacy') { <span class="card-title">Einstellungen zu öffentliche Account-Daten geändert</span> % } + % elsif ($success eq 'use_history') { + <span class="card-title">Einstellungen zu vorgeschlagenen Verbindungen geändert</span> + % } % elsif ($success eq 'webhook') { <span class="card-title">Web Hook aktualisiert</span> % } @@ -28,6 +31,7 @@ <h1>Account</h1> % my $acc = current_user(); % my $hook = get_webhook(); +% my $use_history = account_use_history($acc->{id}); <div class="row"> <div class="col s12"> <table class="striped"> @@ -44,6 +48,18 @@ <td><a href="/account/password"><i class="material-icons">edit</i></a></td> </tr> <tr> + <th scope="row">Verbindungen</th> + <td> + <a href="/account/insight"><i class="material-icons">edit</i></a> + % if ($use_history & 0x03) { + Vorschläge aktiv + % } + % else { + <span style="color: #999999;">Vorschläge deaktiviert</span> + % } + </td> + </tr> + <tr> <th scope="row">Öffentliche Daten</th> <td> <a href="/account/privacy"><i class="material-icons">edit</i></a> diff --git a/templates/changelog.html.ep b/templates/changelog.html.ep index fec21a3..9c3d13f 100644 --- a/templates/changelog.html.ep +++ b/templates/changelog.html.ep @@ -2,6 +2,23 @@ <div class="row"> <div class="col s12 m1 l1"> + 1.6 + </div> + <div class="col s12 m11 l11"> + <p> + <i class="material-icons left">add</i> Anzeige von häufig genutzten + Verbindungen in der Abfahrtstafel. Wie bei den Anschlusszügen kann + darüber direkt (inkl. Vorauswahl des Ziels) eingecheckt werden. + </p> + <p> + <i class="material-icons left">add</i> Konfigurationsseite, um die + Heuristik für Anschlusszüge und häufige Verbindungen zu deaktivieren. + </p> + </div> +</div> + +<div class="row"> + <div class="col s12 m1 l1"> 1.5 </div> <div class="col s12 m11 l11"> diff --git a/templates/departures.html.ep b/templates/departures.html.ep index 3c9638e..7e98d9c 100644 --- a/templates/departures.html.ep +++ b/templates/departures.html.ep @@ -1,7 +1,13 @@ <div class="row"> - <div class="col s12"> - % my $status = $self->get_user_status; - % if ($status->{checked_in}) { + <div class="col s12 center-align"><b> + %= $station + </b></div> +</div> +% my $status = $self->get_user_status; +% my $have_connections = 0; +% if ($status->{checked_in}) { + <div class="row"> + <div class="col s12"> <div class="card"> <div class="card-content"> <span class="card-title">Aktuell eingecheckt</span> @@ -14,31 +20,40 @@ </a> </div> </div> - % } - % elsif ($status->{timestamp_delta} < 180) { + </div> + </div> +% } +% elsif ($status->{timestamp_delta} < 180) { + <div class="row"> + <div class="col s12"> %= include '_checked_out', journey => $status; - % } + </div> </div> -</div> +% } +% elsif (not param('train') and my @connections = get_connecting_trains(ds100 => $ds100)) { + % $have_connections = 1; + <div class="row"> + <div class="col s12"> + <p>Häufig genutzte Verbindungen – Zug auswählen zum Einchecken mit Zielwahl</p> + %= include '_connections', connections => \@connections, checkin_from => $ds100; + </div> + </div> +% } <div class="row"> <div class="col s12"> - %= $station - % if (@{$results}) { - – Zug auswählen zum Einchecken. - % } - % else { - – Keine Abfahrten gefunden. Ein Checkin ist frühestens 30 Minuten vor - und maximal 120 Minuten nach Abfahrt möglich. - % } - <br/> + <p> + % if ($have_connections) { + Alle Abfahrten – + % } + % if (@{$results}) { + Zug auswählen zum Einchecken. + % } + % else { + Keine Abfahrten gefunden. Ein Checkin ist frühestens 30 Minuten vor + und maximal 120 Minuten nach Abfahrt möglich. + % } + </p> <table class="striped"> - <thead> - <tr> - <th>Zug</th> - <th></th> - <th>Abfahrt</th> - </tr> - </thead> <tbody> % for my $result (@{$results}) { % my $td_class = ''; diff --git a/templates/use_history.html.ep b/templates/use_history.html.ep new file mode 100644 index 0000000..e8e129f --- /dev/null +++ b/templates/use_history.html.ep @@ -0,0 +1,62 @@ +<h1>Bevorzugte Verbindungen</h1> +<div class="row"> + <div class="col s12"> + <p> + Travelynx kann anhand deiner vergangenen Fahrten Verbindungen zum + Einchecken vorschlagen. Fährst zu z.B regelmäßig von Dortmund Hbf + nach Essen Hbf, werden dir in Dortmund bevorzugt Züge angezeigt, die über + Essen fahren. Bei Auswahl dieser wird nicht nur in den Zug eingecheckt, + sondern auch direkt Essen Hbf als Ziel eingetragen. + <p/> +<!-- <p> + Falls du das nicht nützlich findest oder nicht möchtest, dass deine + regelmäßigen (Anschluss-)Züge auf deinem Bildschirm sichtbar sind, + kannst du dieses Feature hier + ausschalten. + </p> --> + </div> +</div> +<h2>Vorschläge aktiv für:</h2> +%= form_for '/account/insight' => (method => 'POST') => begin + %= csrf_field + <div class="row"> + <div class="input-field col s12"> + <label> + %= check_box on_departure => 1 + <span>Abfahrtstafel</span> + </label> + </div> + </div> + <div class="row"> + <div class="col s12"> + Zeige häufige Fahrten im Abfahrtsmonitor. + </div> + </div> + <div class="row"> + <div class="input-field col s12"> + <label> + %= check_box on_arrival => 1 + <span>Reisestatus</span> + </label> + </div> + </div> + <div class="row"> + <div class="col s12"> + Zeige Anschlussmöglichkeiten kurz vor Ankunft am Ziel der aktuellen + Reise. Sobald es erreicht wurde, ist über diese Liste auch ein Checkin + ohne Umweg über die Abfahrtstafel möglich. + </div> + </div> + <div class="row"> + <div class="col s3 m3 l3"> + </div> + <div class="col s6 m6 l6 center-align"> + <button class="btn waves-effect waves-light" type="submit" name="action" value="save"> + Speichern + <i class="material-icons right">send</i> + </button> + </div> + <div class="col s3 m3 l3"> + </div> + </div> +%= end |