ben/brouter-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1
660 commits 1 branch 0 tags 15 MiB
Commit graph

88 commits

Author SHA1 Message Date
Marcus Jaschen
fc54c65e23 Add sidebar tab with route analysis data 
- adds a new analysis tab in the sidebar
- the analysis tab shows length distribution for different way types, surface, and smoothness
- table rows can be hovered/clicked to highlight the according segments on the map (similar behaviour as the detailed data table)
- localization is implemented for `de` and `en`
- the method for finding segment edges was extracted from `js/control/TrackMessages.js` into `js/util/TrackEdges.js` as it's used in the new analysis class too (the Gulp config was changed to reflect that)

Notes:

I had the idea to use the *DataTable* plugin for rendering the tables but decided against it. The only meaningful way to sort such a table is by the length column and that's already the case. So it's just three plain, old HTML tables, rendered by jQuery.

For meaningful statistics the `processUnusedTags` setting has to be enabled in the routing profile. Only in this case the BRouter backend includes all needed tags (`highway`, `surface`, and `smoothness`) for *every* route segment in the response. I’ve enabled that setting for all profiles at my BRouter-web instance at <https://brouter.m11n.de/>.
 2020-06-07 16:56:50 +02:00
Gautier P
bbaad4f8b3 Hide stats footer by default and collapse elevation chart if needed 2020-05-25 20:22:49 +02:00
Gautier P
a358aed464 Improve stats footer on mobile #296 2020-05-24 19:50:14 +02:00
Norbert Renner
86d42de458 Show icon indicator when profile is pinned (modified in editor) 2020-02-07 20:02:32 +01:00
Norbert Renner
a71dfe7895
Add hints and feedback for optional layers tree usage (#263) 2019-12-06 09:31:55 +01:00
Norbert Renner
57fea5e256 Set different hover background color for selected data row 2019-12-03 11:29:02 +01:00
Norbert Renner
a585dde182 Add switch to turn off centering hovered data table entry on map (#241) 2019-11-30 09:38:12 +01:00
Norbert Renner
4efa6247aa Improve profile parameters layout: button always visible, smaller font 
- Flexbox layout with scrolling inner content instead of whole tab
- same smaller font size like in layers tab, small input fields
 2019-11-13 10:44:34 +01:00
Norbert Renner
21a8d8b5de Replace profile options/editor switch buttons with Bootstrap tabs 2019-11-11 19:30:29 +01:00
Norbert Renner
ef9cc7abe7
Merge pull request #235 from Phyks/custom-profiles 
First PoC for UI for customizing profile
 2019-11-09 09:47:32 +01:00
Gautier Pelloux-Prayer
fa5af58372 Add markers POI layer 2019-10-10 21:07:49 +02:00
Phyks (Lucas Verney)
ff86c85a8a Full first draft of a working UI 2019-09-27 11:09:13 +02:00
Phyks (Lucas Verney)
93de9c0164 Checkbox for boolean values + rework UI a bit 2019-09-27 11:09:10 +02:00
Gautier Pelloux-Prayer
d31be926d2 Increase prettier maxwidth to 120 2019-08-10 19:36:36 +02:00
Norbert Renner
ab467a94ab Improve opacity slider (#215) 
- adopt horizontal styles
- common font size for layers tab
- adopt to layer switcher layout with slider as child of label element
- separate slider wrapper from control, as overlay slider is none
- migrate localStorage legacy key
 2019-08-02 19:39:47 +02:00
Phyks (Lucas Verney)
7666daa10f Add an overlay opacity slider 2019-07-16 12:25:52 +02:00
Norbert Renner
fc598fae2e Warn when server quick fix will remove track name chars (#194, #202) 2019-06-27 09:30:11 +02:00
Gautier Pelloux-Prayer
f1a20413b0 Upgrade to latest bootstrap 2019-06-03 23:33:31 +02:00
Gautier Pelloux-Prayer
d532f1e5e5 Properly disable export button if no route is drawn 2019-05-31 11:16:30 +02:00
Gautier Pelloux-Prayer
970a34981f Add prettier and reformat code 2019-05-17 20:55:39 +02:00
Norbert Renner
871230bcbe Prepend language and country code to layer tree, ordering, i18n (#146) 2019-04-05 21:33:41 +02:00
Norbert Renner
e02be4ca15 Add expand/collapse tree buttons 2019-03-20 18:41:22 +01:00
Norbert Renner
64957d923b Add toggle button for optional layers and make scrollable and expandable 2019-03-20 13:40:54 +01:00
Norbert Renner
ddbbd00d1f Add jsTree for optional layers 2019-03-16 13:09:14 +01:00
Norbert Renner
8b46ba9a27 Fix CSS id reference (#161) 2019-03-16 12:44:29 +01:00
Phyks (Lucas Verney)
e7db4a7aae Let user upload Nogos through GeoJSON file. 2019-03-15 18:18:43 +01:00
Norbert Renner
eb2dd49543 Disable default menu background image as we use fa-bars icon (#66) 2018-08-09 12:34:09 +02:00
Norbert Renner
3f8c09fbb0 Allow contents to shrink when minimized 
Use-case is brouter-web navbar menu expanding and hiding map on mobile, 
but tabs remained.
 2018-08-09 12:17:26 +02:00
Norbert Renner
218d3b36c7 Improve Landscape mode: wrap toolbar controls, bottom underneath top 2018-08-08 18:50:07 +02:00
Norbert Renner
370225fcfc Increase icon size on touch screens 2018-08-02 12:37:39 +02:00
Norbert Renner
b1af21ce95 Improve footer layout on small screens (#66) 
- smaller spacing to fit three numbers in line instead of two
- adjust margin/padding when description is hidden
 2018-07-30 20:38:53 +02:00
Norbert Renner
402dc8de76 Add "About" to navbar also, more prominent than hidden as brand link 2018-07-27 17:32:32 +02:00
Norbert Renner
607659317f Replace Leaflet layers icon with a simple b/w that fits in better (#114) 2018-07-24 17:14:49 +02:00
Norbert Renner
7ac86d159f Remove expand icon rotate transform, blurry in Firefox (#114) 2018-07-19 17:48:43 +02:00
Norbert Renner
bdc1fd0cb4 Fix error message taking full height and preventing map events; 
make error text selectable
 2018-07-17 10:44:47 +02:00
Norbert Renner
92537cc00d Fix Firefox selecting text in controls on map click/drag 2018-07-16 19:03:36 +02:00
Norbert Renner
4d4b344793 Adapt left-over own diagram styles from #56 to override theme (#111) 2018-07-05 13:59:55 +02:00
Norbert Renner
35a1547e70 Fix vertical icon alignment difference between Firefox and Chrome 2018-06-27 20:08:37 +02:00
Norbert Renner
512c0cc712 Fix profile layout overflow to content height in Firefox, fixes #118 2018-04-26 19:09:51 +02:00
Norbert Renner
a6aeb98a1a Add disabled style for "Custom" dropdown option (#66) 2018-04-12 10:31:28 +02:00
Norbert Renner
332fdffa77 Move dropdown to left to not hide route/map center; footer padding (#66) 2018-04-11 22:26:26 +02:00
Norbert Renner
82b632849c Fix delayed elevation collapsing animation; no rounded corners (#66) 
Probably due to differing height of container div because of inline
line-height.
 2018-04-10 19:21:29 +02:00
Norbert Renner
96439d1384 Fix message margin preventing full-size sidebar (previous commit) 2018-04-09 11:39:25 +02:00
Norbert Renner
e0a786ba60 Fix error message position, center horizontally (#56, #114) 2018-04-05 11:37:15 +02:00
Norbert Renner
ed07a6c3c3 Add autoprefixer 
Mostly for flexbox, including leaflet-sidebar-v2 custom fork.

Unsure about Browsers to support, browserslist is a combination of:
- 'defaults', see https://github.com/ai/browserslist#queries
- "support all of the browsers that can display flexbox"
  https://davidwalsh.name/goodbye-vendor-prefixes
 2018-03-20 19:29:29 +01:00
Norbert Renner
093db8bfe2 Add sidebar expand button, refresh CodeMirror on expand (scrollbar) 2018-03-19 19:27:10 +01:00
Norbert Renner
77cf43c7ef Restore deleted CSS + some additional fixes, closes #92 2018-03-15 19:14:37 +01:00
Norbert Renner
ce279fd464 Adapt transit demo support to new sidebar 2018-03-15 14:59:53 +01:00
Norbert Renner
0c1879856c Add CodeMirror as profile editor 
Early integration with no code formatting yet, to support fitting
sidebar to editor content (profile text).
 2018-03-09 19:24:19 +01:00
Norbert Renner
24d8ebebf3 Fix DataTables horizontal scrolling (scrollX) in sidebar (flex row) 
- remove Bootstrap "table" class, "width: 100%" prevents scrolling,
  not needed anyway (?), seems to have no effects otherwise
- override margin auto with 0 to avoid table taking more space at
  margins than needed and getting misaligned (centered and header left)
  see also https://github.com/DataTables/DataTables/issues/539
- refactoring: use classes instead of ids
 2018-03-09 10:46:41 +01:00