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
|
/* -*- 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>
*/
const GObject = imports.gi.GObject;
const Gtk = imports.gi.Gtk;
const TransitRouteLabel = imports.transitRouteLabel;
// maximum number of legs to show before abbreviating with a … in the middle
const MAX_LEGS_SHOWN = 8;
var TransitItineraryRow = GObject.registerClass({
Template: 'resource:///org/gnome/Maps/ui/transit-itinerary-row.ui',
InternalChildren: ['timeLabel',
'durationLabel',
'summaryGrid']
}, class TransitItineraryRow extends Gtk.ListBoxRow {
_init(params) {
this._itinerary = params.itinerary;
delete params.itinerary;
super._init(params);
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
*/
this._renderLegs(this._itinerary.legs.slice(0, MAX_LEGS_SHOWN / 2),
true, true);
this._summaryGrid.add(new Gtk.Label({ visible: true,
label: '\u22ef' } ));
this._renderLegs(this._itinerary.legs.slice(-MAX_LEGS_SHOWN / 2),
true, true);
} else {
this._renderLegs(this._itinerary.legs, useCompact,
useContractedLabels);
}
}
_renderLegs(legs, useCompact, useContractedLabels) {
let length = legs.length;
legs.forEach((leg, i) => {
this._summaryGrid.add(this._createLeg(leg, useCompact,
useContractedLabels));
if (i !== length - 1)
this._summaryGrid.add(new Gtk.Label({ visible: true,
label: '-' }));
});
}
/* 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.TransitRouteLabel({ leg: leg,
compact: useCompact,
visible: true }),
1, 0, 1, 1);
return grid;
}
}
});
|
