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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
|
/* -*- Mode: JS2; indent-tabs-mode: nil; js2-basic-offset: 4 -*- */
/* vim: set et ts=4 sw=4: */
/*
* Copyright (c) 2017 Marcus Lundblad
*
* GNOME Maps is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by the
* Free Software Foundation; either version 2 of the License, or (at your
* option) any later version.
*
* GNOME Maps is distributed in the hope that it will be useful, but
* WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
* or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
* for more details.
*
* You should have received a copy of the GNU General Public License along
* with GNOME Maps; if not, see <http://www.gnu.org/licenses/>.
*
* Author: Marcus Lundblad <ml@update.uu.se>
*/
import GObject from 'gi://GObject';
import Gtk from 'gi://Gtk';
import {TransitRouteLabel} from './transitRouteLabel.js';
// maximum number of legs to show before abbreviating with a … in the middle
const MAX_LEGS_SHOWN = 8;
export class TransitItineraryRow extends Gtk.ListBoxRow {
constructor({itinerary, ...params}) {
super(params);
this._itinerary = itinerary;
this._timeLabel.label = this._itinerary.prettyPrintTimeInterval();
this._durationLabel.label = this._itinerary.prettyPrintDuration();
this._populateSummary();
}
get itinerary() {
return this._itinerary;
}
_populateSummary() {
let length = this._itinerary.legs.length;
/* use compacted route labels when more than 2 legs, to avoid
* overflowing the sidebar width
*/
let useCompact = length > 2;
/* don't show the route labels if too much space is consumed,
* the constant 26 here was empiracally tested out...
*/
let estimatedSpace = this._calculateEstimatedSpace();
let useContractedLabels = estimatedSpace > 26;
if (length > MAX_LEGS_SHOWN) {
/* ellipsize list with horizontal dots to avoid overflowing and
* expanding the sidebar
*/
let firstPart = this._itinerary.legs.slice(0, MAX_LEGS_SHOWN / 2);
let lastPart = this._itinerary.legs.slice(-MAX_LEGS_SHOWN / 2);
this._renderLegs(firstPart, 0, true, true);
this._summaryGrid.attach(new Gtk.Label({ visible: true,
label: '\u22ef' } ),
firstPart.length * 2, 0, 1, 1);
this._renderLegs(lastPart, firstPart.length * 2 + 1, true, true);
} else {
this._renderLegs(this._itinerary.legs, 0, useCompact,
useContractedLabels);
}
}
/*
* Render a list of legs.
* legs: array of legs to render
* startPosition: start position in grid to render at
* useCompact: true if compact rendering (without route designations)
* useContractedLabels: true to use contracted route labels, if possible
*/
_renderLegs(legs, startPosition, useCompact, useContractedLabels) {
let length = legs.length;
legs.forEach((leg, i) => {
this._summaryGrid.attach(this._createLeg(leg, useCompact,
useContractedLabels),
startPosition + i * 2, 0, 1, 1);
// render a separator label unless the last leg to render
if (i !== length - 1)
this._summaryGrid.attach(new Gtk.Label({ visible: true,
label: '-' }),
startPosition + i * 2 + 1, 0, 1, 1);
});
}
/* calculate an estimated relative space-consumption for rendering,
* this is done based on route label character lengths and a fixed
* "placeholder" amount for mode icons and separators, since doing an
* exact pixel-correct calculation would be hard depending on fonts and
* themes
*/
_calculateEstimatedSpace() {
let length = this._itinerary.legs.length;
/* assume mode icons and the separators consume about twice the space of
* characters
*/
let space = 4 * length - 2;
this._itinerary.legs.forEach(function(leg) {
if (leg.transit)
space += leg.compactRoute.length;
});
return space;
}
_createLeg(leg, useCompact, useContractedLabels) {
let icon = new Gtk.Image({ icon_name: leg.iconName, visible: true });
icon.get_style_context().add_class('sidebar-icon');
if (!leg.transit || useContractedLabels) {
/* if this is a non-transit leg (walking), or in case we should
* display only a mode icon (to save space), insert a sole icon */
return icon;
} else {
/* for transit legs put besides a short route label */
let grid = new Gtk.Grid({ visible: true, column_spacing: 2 });
grid.attach(icon, 0, 0, 1, 1);
grid.attach(new TransitRouteLabel({ leg: leg,
compact: useCompact,
visible: true }),
1, 0, 1, 1);
return grid;
}
}
}
GObject.registerClass({
Template: 'resource:///org/gnome/Maps/ui/transit-itinerary-row.ui',
InternalChildren: ['timeLabel',
'durationLabel',
'summaryGrid']
}, TransitItineraryRow);
|
