-
2 |
- 3 | {{ 'Login' | translate }} 4 |
-
6 |
7 |
8 | - 9 | {{displayName}} 10 | 11 |
- 12 | {{ 'Logout' | translate }} 13 | 14 |
2 |
28 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2018 dkocich
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
23 |
--------------------------------------------------------------------------------
/src/karma.conf.js:
--------------------------------------------------------------------------------
1 | // Karma configuration file, see link for more information
2 | // https://karma-runner.github.io/1.0/config/configuration-file.html
3 |
4 | module.exports = function (config) {
5 | config.set({
6 | basePath: '',
7 | frameworks: ['jasmine', '@angular-devkit/build-angular'],
8 | plugins: [
9 | require('karma-jasmine'),
10 | require('karma-chrome-launcher'),
11 | require('karma-jasmine-html-reporter'),
12 | require('karma-coverage-istanbul-reporter'),
13 | require('@angular-devkit/build-angular/plugins/karma')
14 | ],
15 | client: {
16 | clearContext: false // leave Jasmine Spec Runner output visible in browser
17 | },
18 | coverageIstanbulReporter: {
19 | dir: require('path').join(__dirname, './coverage/osm-pt-ngx-leaflet'),
20 | reports: ['html', 'lcovonly', 'text-summary'],
21 | fixWebpackSourcePaths: true
22 | },
23 | reporters: ['progress', 'kjhtml'],
24 | port: 9876,
25 | colors: true,
26 | logLevel: config.LOG_INFO,
27 | autoWatch: true,
28 | browsers: ['Chrome'],
29 | singleRun: false,
30 | restartOnFileChange: true
31 | });
32 | };
33 |
--------------------------------------------------------------------------------
/.vscode/tasks.json:
--------------------------------------------------------------------------------
1 | {
2 | "version": "2.0.0",
3 | "tasks": [
4 | {
5 | "label": "My Task",
6 | "command": "echo hello",
7 | "type": "shell",
8 | "args": [],
9 | "problemMatcher": [
10 | "$tsc"
11 | ],
12 | "presentation": {
13 | "reveal": "always"
14 | },
15 | "group": "build"
16 | },
17 | {
18 | "type": "npm",
19 | "script": "start",
20 | "isBackground": true,
21 | "presentation": {
22 | "focus": true,
23 | "panel": "dedicated"
24 | },
25 | "group": {
26 | "kind": "build",
27 | "isDefault": true
28 | },
29 | "problemMatcher": {
30 | "owner": "typescript",
31 | "source": "ts",
32 | "applyTo": "closedDocuments",
33 | "fileLocation": [
34 | "relative",
35 | "${cwd}"
36 | ],
37 | "pattern": "$tsc",
38 | "background": {
39 | "activeOnStart": true,
40 | "beginsPattern": {
41 | "regexp": "(.*?)"
42 | },
43 | "endsPattern": {
44 | "regexp": "Compiled |Failed to compile."
45 | }
46 | }
47 | }
48 | }
49 | ]
50 | }
51 |
--------------------------------------------------------------------------------
/src/components/toolbar/toolbar.component.less:
--------------------------------------------------------------------------------
1 | @import '../../styles/main.less';
2 |
3 | #toggle-download {
4 | margin: 20px 0 0 375px;
5 | .map-button;
6 | }
7 |
8 | #toggle-filter {
9 | margin: 60px 0 0 375px;
10 | display: none;
11 | .map-button;
12 | }
13 |
14 | #download-data {
15 | margin: 20px 0 0 420px;
16 | .map-button;
17 | }
18 |
19 | #upload-data {
20 | margin: 20px 0 0 465px;
21 | }
22 |
23 | #radio-highlight {
24 | bottom: 25px;
25 | right: 60px;
26 | position: absolute;
27 | z-index: 401;
28 | }
29 |
30 | #clear-highlight {
31 | bottom: 25px;
32 | right: 15px;
33 | .map-button;
34 | }
35 |
36 | #stats {
37 | position: absolute;
38 | bottom: 5px;
39 | left: 150px;
40 | z-index: 401;
41 | background-color: white;
42 | opacity: 0.8;
43 | padding: 10px;
44 | }
45 |
46 | #selection {
47 | position: absolute;
48 | bottom: 50px;
49 | left: 5px;
50 | z-index: 401;
51 | background-color: white;
52 | opacity: 0.8;
53 | padding: 10px;
54 | }
55 |
56 | #drop-down {
57 | margin: 0;
58 | padding: 0;
59 | }
60 |
61 | #drop-down-items {
62 | width: 100%;
63 | }
64 |
65 | .route-labels-btn {
66 | bottom: 25px;
67 | right: 220px;
68 | position: absolute;
69 | z-index: 401;
70 | }
71 |
--------------------------------------------------------------------------------
/src/assets/traffic/traffic_signals.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "app": {
3 | "urls": [
4 | "http://osm-pt.herokuapp.com"
5 | ],
6 | "launch": {
7 | "web_url": "http://osm-pt.herokuapp.com"
8 | }
9 | },
10 | "applications": {
11 | "gecko": {
12 | "id": "addon@example.com",
13 | "strict_min_version": "42.0"
14 | }
15 | },
16 | "background_color": "#347ab7",
17 | "display": "standalone",
18 | "default_locale": "en",
19 | "description": "An OSM public transport editor based on Leaflet and Angular JS framework.",
20 | "icons": [{
21 | "src": "assets/favicon-32x32.png",
22 | "type": "image/png",
23 | "sizes": "32x32"
24 | }, {
25 | "src": "assets/favicon-96x96.png",
26 | "type": "image/png",
27 | "sizes": "96x96"
28 | }, {
29 | "src": "assets/android-chrome-192x192.png",
30 | "type": "image/png",
31 | "sizes": "192x192"
32 | }, {
33 | "src": "assets/favicon-194x194.png",
34 | "type": "image/png",
35 | "sizes": "194x194"
36 | }],
37 | "manifest_version": 2,
38 | "name": "OSM PT Editor",
39 | "orientation": "landscape",
40 | "permissions": ["webNavigation"],
41 | "short_name": "OSMPTEditor",
42 | "start_url": "./index.html?utm_source=homescreen",
43 | "theme_color": "#f3f3f3",
44 | "version": "0.0.1"
45 | }
46 |
--------------------------------------------------------------------------------
/src/services/warn.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { TranslateService, TranslationChangeEvent } from '@ngx-translate/core';
3 | import { ToastrService } from 'ngx-toastr';
4 |
5 | @Injectable()
6 | export class WarnService {
7 | private successMessage = 'Data fetched successfully';
8 | private errorMessage = 'Error in fetching data';
9 | private genericSuccessMessage = 'Success!';
10 |
11 | constructor(
12 | private toastrSrv: ToastrService,
13 | private translateSrv: TranslateService,
14 | ) {
15 | /**
16 | * Listens to language change event and translates error and success messages
17 | */
18 | this.translateSrv.onLangChange.subscribe(
19 | (event: TranslationChangeEvent) => {
20 | this.successMessage = event.translations[this.successMessage];
21 | this.errorMessage = event.translations[this.errorMessage];
22 | this.genericSuccessMessage =
23 | event.translations[this.genericSuccessMessage];
24 | },
25 | );
26 | }
27 |
28 | showError(): void {
29 | this.toastrSrv.error(this.errorMessage);
30 | }
31 |
32 | showSuccess(): void {
33 | this.toastrSrv.success(this.successMessage);
34 | }
35 |
36 | showGenericSuccess(): void {
37 | this.toastrSrv.success(this.genericSuccessMessage);
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/src/assets/traffic/crossing.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/core/ptRelation.interface.ts:
--------------------------------------------------------------------------------
1 | import { IOsmElement } from './osmElement.interface';
2 | import { TStrRelation } from './other';
3 | import { IPtMember } from './ptMember';
4 | import { IPtTags } from './ptTags.class';
5 |
6 | /**
7 | * {
8 | * "type": "relation",
9 | * "id": 7157492,
10 | * "timestamp": "2017-05-15T22:23:20Z",
11 | * "version": 5,
12 | * "changeset": 48714598,
13 | * "user": "dkocich",
14 | * "uid": 1784758,
15 | * "members": [
16 | * {
17 | * "type": "node",
18 | * "ref": 2184049214,
19 | * "role": "stop"
20 | * },
21 | * {
22 | * "type": "node",
23 | * "ref": 2162278060,
24 | * "role": "platform"
25 | * },
26 | * {
27 | * "type": "way",
28 | * "ref": 387730713,
29 | * "role": ""
30 | * }
31 | * ],
32 | * "tags": {
33 | * "complete": "no",
34 | * "from": "Řepiště, U kříže",
35 | * "name": "Bus 11: Řepiště, U kříže -> Místek,Riviéra",
36 | * "operator": "ČSAD Frýdek-Místek",
37 | * "public_transport:version": "2",
38 | * "route": "bus",
39 | * "to": "Místek,Riviéra",
40 | * "type": "route"
41 | * }
42 | * }
43 | */
44 | export interface IPtRelation extends IOsmElement {
45 | type: TStrRelation;
46 | members: IPtMember[];
47 | tags: IPtTags;
48 | }
49 |
--------------------------------------------------------------------------------
/src/styles/main.less:
--------------------------------------------------------------------------------
1 | * {
2 | -khtml-user-select: none;
3 | -moz-user-select: none;
4 | -o-user-select: none;
5 | -webkit-user-drag: none;
6 | -webkit-user-select: none;
7 | user-select: none;
8 | }
9 |
10 | ::-webkit-scrollbar-track {
11 | -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
12 | background-color: #F5F5F5;
13 | }
14 |
15 | ::-webkit-scrollbar {
16 | width: 7px;
17 | height: 7px;
18 | background-color: grey;
19 | }
20 |
21 | ::-webkit-scrollbar-thumb {
22 | background-color: gray;
23 | background-image: -webkit-gradient(linear, 0 0, 0 100%,
24 | color-stop(.5, rgba(255, 255, 255, .2)),
25 | color-stop(.5, transparent), to(transparent));
26 | }
27 |
28 | .on-map {
29 | position: absolute;
30 | z-index: 401;
31 | }
32 |
33 | .map-button {
34 | width: 35px;
35 | height: 35px;
36 | text-align: center;
37 | }
38 |
39 | .leaflet-clickable {
40 | cursor: crosshair !important;
41 | }
42 |
43 | .leaflet-container {
44 | cursor: default;
45 | background-color: grey;
46 | }
47 |
48 | .content {
49 | white-space: nowrap;
50 | overflow-y: auto;
51 | min-height: 20vh;
52 | max-height: 350px;
53 | }
54 |
55 | .explore {
56 | cursor: pointer;
57 | }
58 |
59 | .wide-table {
60 | width: 100%;
61 | }
62 |
63 | .selected {
64 | font-weight: bold;
65 | background-color: cyan;
66 | }
67 |
68 | .panel-body {
69 | padding: 7px;
70 | }
71 |
72 | .platform-cursor {
73 | cursor: url('/assets/transport/platform.png'), auto;
74 | }
75 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 |
5 | # Runtime data
6 | pids
7 | *.pid
8 | *.seed
9 |
10 | # Directory for instrumented libs generated by jscoverage/JSCover
11 | lib-cov
12 |
13 | # Coverage directory used by tools like istanbul
14 | coverage
15 |
16 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
17 | .grunt
18 |
19 | # node-waf configuration
20 | .lock-wscript
21 |
22 | # Compiled binary addons (https://nodejs.org/api/addons.html)
23 | build/Release
24 |
25 | # Dependency directory
26 | node_modules
27 |
28 | public/**/*
29 |
30 | .tscache
31 |
32 | # editors settings
33 | .idea
34 |
35 |
36 | .now
37 |
38 | # See http://help.github.com/ignore-files/ for more about ignoring files.
39 |
40 | # compiled output
41 | /dist
42 | /tmp
43 | /out-tsc
44 | # Only exists if Bazel was run
45 | /bazel-out
46 |
47 | # dependencies
48 | /node_modules
49 |
50 | # profiling files
51 | chrome-profiler-events*.json
52 | speed-measure-plugin*.json
53 |
54 | # IDEs and editors
55 | /.idea
56 | .project
57 | .classpath
58 | .c9/
59 | *.launch
60 | .settings/
61 | *.sublime-workspace
62 |
63 | # IDE - VSCode
64 | .vscode/*
65 | !.vscode/settings.json
66 | !.vscode/tasks.json
67 | !.vscode/launch.json
68 | !.vscode/extensions.json
69 | .history/*
70 |
71 | # misc
72 | /.sass-cache
73 | /connect.lock
74 | /coverage
75 | /libpeerconnection.log
76 | npm-debug.log
77 | yarn-error.log
78 | testem.log
79 | /typings
80 |
81 | # System Files
82 | .DS_Store
83 | Thumbs.db
84 | /.angular/cache/*
85 |
--------------------------------------------------------------------------------
/src/services/conf.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 |
3 | import p from '../../package.json';
4 |
5 | @Injectable()
6 | export class ConfService {
7 | static readonly overpassUrl = 'https://overpass-api.de/api/interpreter';
8 | static readonly baseOsmUrl = 'https://www.openstreetmap.org';
9 | static readonly apiUrl = 'https://api.openstreetmap.org/api/0.6';
10 | static readonly apiConsumerSecret =
11 | 'vFXps19FPNhWzzGmWbrhNpMv3RYiI1RFL4oK8NPz';
12 | static readonly apiConsumerKey = 'rPEtcWkEykSKlLccsDS0FaZ9DpGAVPoJfQXWubXl';
13 | static readonly apiTestUrl = 'https://master.apis.dev.openstreetmap.org';
14 | static readonly apiTestConsumerKey =
15 | 'myPQ4WewlhUBa5zRs00zwHjWV4nEIsrg6SAF9zat';
16 | static readonly apiTestConsumerSecret =
17 | '7hAymlaBzyUqGU0ecbdUqXgYt4w59ru3t3JIM9xp';
18 | static readonly appName = `OSMPTeditor v${p['version']}`;
19 | static readonly hereAppId = 'wCnyB1NFdlBOGYDZ8wvz';
20 | static readonly hereAppCode = 'n8AtIn2aXHff9D-Dp_S6rA';
21 | static readonly mapboxToken =
22 | 'pk.eyJ1IjoiZGtvY2ljaCIsImEiOiJjajR5ZGc5b3kxbnozMnFwZjI4eWo4N2piIn0.EizwwnWouhfRkJznDpEWCw';
23 | static readonly minDownloadZoom = 15;
24 | static readonly minDownloadZoomForErrors = 13;
25 | static readonly minDownloadZoomForRouteWizard = 8;
26 | static readonly minDownloadZoomForRouteMasterWizard = 8;
27 | static readonly minDownloadDistance = 1500;
28 |
29 | static readonly geocodingApiUrl = 'http://api.ipstack.com/';
30 | static readonly geocodingApiKey =
31 | '?access_key=2be8b578b9cef6bddf3a706d10c620dd';
32 |
33 | cfgFilterLines = true;
34 | }
35 |
--------------------------------------------------------------------------------
/.github/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | # Contributing
2 |
3 | First of all, thanks for thinking about a future contribution to this project.
4 |
5 | When contributing to this repository, please first discuss the change you
6 | wish to make via issue, email, or any other method with the owners of this
7 | repository before making a change.
8 |
9 | ## Github
10 | Code, tests, documentation, wiki and issue tracking are all managed on GitHub
11 | so make sure that you have a [GitHub account](Tutorials
3 |
4 |
5 |
6 |
7 |
16 |
17 |
26 |
27 | 8 | Beginner Topics 9 |
10 |-
11 |
12 | FIXME tutorials.component.html
13 |
14 |
18 | Expert Topics 19 |
20 |-
21 |
22 | FIXME tutorials.component.html
23 |
24 |
7 |
8 | {{ 'Tags' | translate }}
9 | {{ 'Route Tags' | translate }}
10 |
12 |
13 |
19 | {{ 'Parent Routes' | translate }}
20 |
22 |
23 |
28 | {{ 'Suggestions for quick edit' | translate }}
29 |
31 |
32 |
4 | {{ 'Relations' | translate }}
5 |
7 |
8 |
12 | {{ 'Tags' | translate }}
13 |
15 |
16 |
20 | {{ 'Routes' | translate }}
21 |
23 |
24 |
28 | {{ 'Stops/platforms' | translate }}
29 |
31 |
32 |
36 | {{ 'Suggestions for quick edit' | translate }}
37 |
39 |
40 |
55 |
56 |
58 | Loading...
57 | 
21 |
22 | An online web editor used to edit [public transport routes on OpenStreetMap](https://wiki.openstreetmap.org/wiki/Public_transport) with desktop and mobile devices.
23 |
24 | If you want to submit issue or PR, please study the [Contributing.md](https://github.com/dkocich/osm-pt-ngx-leaflet/blob/master/.github/CONTRIBUTING.md).
25 |
26 | Visit the [wiki page](https://github.com/dkocich/osm-pt-ngx-leaflet/wiki) for more information.
27 |
28 | ## How to start?
29 |
30 | ## Developing 👷
31 |
32 | #### Setup project locally
33 |
34 | This project requires [npm](https://npmpkg.com/) to run locally and it is built mainly with
35 | [Angular](https://angular.io/) and [Leaflet](http://leafletjs.com/).
36 |
37 | 1. Run `npm install` to install all dependencies.
38 | 2. Run `npm start` to enable local development server.
39 | 3. Open the browser at `http://localhost:4200/` to see the application.
40 |
41 | ## Communication
42 |
43 | Contact me via OSM messages [here](https://www.openstreetmap.org/user/dkocich).
44 |
45 | ## Acknowledgment
46 |
47 | The development was supported by Google during the [Google Summer of Code 2017 and 2018](https://summerofcode.withgoogle.com/) for [OpenStreetMap](https://www.openstreetmap.org/) organization. Please visit [wiki-Acknowledgment](https://github.com/dkocich/osm-pt-ngx-leaflet/wiki/Acknowledgment) for details.
48 |
49 | ## Support
50 | Please visit [wiki-Support](https://github.com/dkocich/osm-pt-ngx-leaflet/wiki/Support) for details.
51 |
--------------------------------------------------------------------------------
/.github/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
1 | # Contributor Covenant Code of Conduct
2 |
3 | ## Our Pledge
4 |
5 | In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
6 |
7 | ## Our Standards
8 |
9 | Examples of behavior that contributes to creating a positive environment include:
10 |
11 | * Using welcoming and inclusive language
12 | * Being respectful of differing viewpoints and experiences
13 | * Gracefully accepting constructive criticism
14 | * Focusing on what is best for the community
15 | * Showing empathy towards other community members
16 |
17 | Examples of unacceptable behavior by participants include:
18 |
19 | * The use of sexualized language or imagery and unwelcome sexual attention or advances
20 | * Trolling, insulting/derogatory comments, and personal or political attacks
21 | * Public or private harassment
22 | * Publishing others' private information, such as a physical or electronic address, without explicit permission
23 | * Other conduct which could reasonably be considered inappropriate in a professional setting
24 |
25 | ## Our Responsibilities
26 |
27 | Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
28 |
29 | Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
30 |
31 | ## Scope
32 |
33 | This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
34 |
35 | ## Enforcement
36 |
37 | Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at dkocich [at] gmail [dot] com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
38 |
39 | Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
40 |
41 | ## Attribution
42 |
43 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]
44 |
45 | [homepage]: http://contributor-covenant.org
46 | [version]: http://contributor-covenant.org/version/1/4/
47 |
--------------------------------------------------------------------------------
/src/polyfills.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * This file includes polyfills needed by Angular and is loaded before the app.
3 | * You can add your own extra polyfills to this file.
4 | *
5 | * This file is divided into 2 sections:
6 | * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
7 | * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
8 | * file.
9 | *
10 | * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
11 | * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
12 | * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
13 | *
14 | * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
15 | */
16 |
17 | /***************************************************************************************************
18 | * BROWSER POLYFILLS
19 | */
20 |
21 | /**
22 | * IE9, IE10 and IE11 requires all of the following polyfills.
23 | */
24 | // import 'core-js/es6/symbol';
25 | // import 'core-js/es6/object';
26 | // import 'core-js/es6/function';
27 | // import 'core-js/es6/parse-int';
28 | // import 'core-js/es6/parse-float';
29 | // import 'core-js/es6/number';
30 | // import 'core-js/es6/math';
31 | // import 'core-js/es6/string';
32 | // import 'core-js/es6/date';
33 | // import 'core-js/es6/array';
34 | // import 'core-js/es6/regexp';
35 | // import 'core-js/es6/map';
36 | // import 'core-js/es6/weak-map';
37 | // import 'core-js/es6/set';
38 |
39 | /** IE10 and IE11 requires the following for NgClass support on SVG elements */
40 | // import 'classlist.js'; // Run `npm install --save classlist.js`.
41 |
42 | /** IE10 and IE11 requires the following for the Reflect API. */
43 | // import 'core-js/es6/reflect';
44 |
45 | /**
46 | * Evergreen browsers require these.
47 | */
48 | // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
49 | import 'core-js/es7/reflect';
50 | /***************************************************************************************************
51 | * Zone JS is required by default for Angular itself.
52 | */
53 | import 'zone.js/dist/zone'; // Included with Angular CLI.
54 |
55 | /**
56 | * Web Animations `@angular/platform-browser/animations`
57 | * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
58 | * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
59 | */
60 | // import 'web-animations-js'; // Run `npm install --save web-animations-js`.
61 |
62 | /**
63 | * By default, zone.js will patch all possible macroTask and DomEvents
64 | * user can disable parts of macroTask/DomEvents patch by setting following flags
65 | */
66 |
67 | // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
68 | // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
69 | // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
70 |
71 | /**
72 | * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
73 | * with the following flag, it will bypass `zone.js` patch for IE/Edge
74 | */
75 | // (window as any).__Zone_enable_cross_context_check = true;
76 |
77 | /***************************************************************************************************
78 | * APPLICATION IMPORTS
79 | */
80 |
81 | // FIXME - temporal fix for ngcli@6 https://github.com/aws/aws-amplify/pull/866 (1 of 2 parts - search the other one)
82 | (window as any).global = window;
83 |
--------------------------------------------------------------------------------
/src/components/app/app.component.html:
--------------------------------------------------------------------------------
1 |
41 |
46 |
57 |
58 |
42 |
45 | 
74 | 
81 | 
88 |
2 |
42 |
43 |
70 |
--------------------------------------------------------------------------------
/src/components/settings/settings.component.ts:
--------------------------------------------------------------------------------
1 | import { NgRedux, select } from '@angular-redux/store';
2 | import { Component } from '@angular/core';
3 | import { Hotkey, HotkeysService } from 'angular2-hotkeys';
4 | import { Observable } from 'rxjs';
5 | import { ErrorHighlightService } from '../../services/error-highlight.service';
6 | import { MapService } from '../../services/map.service';
7 | import { ProcessService } from '../../services/process.service';
8 | import { StorageService } from '../../services/storage.service';
9 | import { TutorialService } from '../../services/tutorial.service';
10 | import { AppActions } from '../../store/app/actions';
11 | import { IAppState } from '../../store/model';
12 |
13 | @Component({
14 | selector: 'settings',
15 | styleUrls: ['./settings.component.less', '../../styles/main.less'],
16 | templateUrl: './settings.component.html',
17 | })
18 | export class SettingsComponent {
19 | @select(['app', 'advancedExpMode'])
20 | readonly advancedExpMode$: Observable
3 |
17 | {{ 'Selected relation has no master relation.' | translate }}
4 |
5 |
10 |
15 |
16 |
18 | This master relation contains {{listOfVariants.length}} route variants.
19 |
41 | {{ 'Variants of route_master' | translate }}
20 |
21 | {{ 'Incomplete relation (click to download it by reference ID)...' | translate }}
22 |
23 |
39 |
40 |
24 |
25 |
27 |
28 |
29 |
32 |
35 |
36 | {{rel.tags.route || "#TYPE" }} Route {{rel.tags.ref || "#REF"}}: {{rel.tags.from || "#FROM"}} => {{rel.tags.to || "#TO"}}, {{rel.tags.name || "#NAME"}}
37 |
38 |
10 |
17 |
24 |
25 |
26 |
28 |
29 | {{currentEditStep }}/{{totalEditSteps }}
27 |
30 |
36 |
42 |
43 |
56 |
57 |
88 |
--------------------------------------------------------------------------------
/src/components/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { NgRedux, select } from '@angular-redux/store';
2 | import { Component, isDevMode, OnInit, ViewChild } from '@angular/core';
3 | import * as L from 'leaflet';
4 | import { Spinkit } from 'ng-http-loader';
5 | import { CarouselConfig, ModalDirective } from 'ngx-bootstrap';
6 | import { Observable, Subject } from 'rxjs';
7 | import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
8 | import { AuthService } from '../../services/auth.service';
9 | import { DbService } from '../../services/db.service';
10 | import { EditService } from '../../services/edit.service';
11 | import { GeocodeService } from '../../services/geocode.service';
12 | import { MapService } from '../../services/map.service';
13 | import { OverpassService } from '../../services/overpass.service';
14 | import { ProcessService } from '../../services/process.service';
15 | import { AppActions } from '../../store/app/actions';
16 | import { IAppState } from '../../store/model';
17 | import { AuthComponent } from '../auth/auth.component';
18 | import { ToolbarComponent } from '../toolbar/toolbar.component';
19 |
20 | @Component({
21 | providers: [{ provide: CarouselConfig, useValue: { noPause: false } }],
22 | selector: 'app',
23 | styleUrls: ['./app.component.less'],
24 | templateUrl: './app.component.html',
25 | })
26 | export class AppComponent implements OnInit {
27 | spinkit = Spinkit;
28 | advancedMode = Boolean(localStorage.getItem('advancedMode'));
29 |
30 | @ViewChild(ToolbarComponent) toolbarComponent: ToolbarComponent;
31 | @ViewChild(AuthComponent) authComponent: AuthComponent;
32 | @ViewChild('helpModal') helpModal: ModalDirective;
33 |
34 | @select(['app', 'editing']) readonly editing$: Observable
44 |
49 |
54 |
55 |
26 |
43 |
44 |
48 |
49 |
27 |
34 |
41 |
42 |
52 | stops: {{stats.s}}, relations: {{stats.r}}, areas: {{stats.a}} masters: {{stats.m}}
53 |
54 |
55 |
56 |
100 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "osm-pt-ngx-leaflet",
3 | "version": "22.4.29",
4 | "engines": {
5 | "node": "22"
6 | },
7 | "description": "An OpenStreetMap public transport editor built with Leaflet and Angular.",
8 | "repository": {
9 | "type": "git",
10 | "url": "git+https://github.com/dkocich/osm-pt-ngx-leaflet.git"
11 | },
12 | "keywords": [
13 | "angular",
14 | "leaflet",
15 | "openstreetmap",
16 | "public transport"
17 | ],
18 | "author": "David Kocich {{currentElement.tags.name || currentElement.tags.public_transport || ""}} (id: {{currentElement.id || ""}}, type: {{currentElement.type || ""}})
57 | 63 | 64 |
65 |
69 |
81 |
82 |
83 |
90 |
96 |
97 |
98 |
99 |
2 |
91 |
--------------------------------------------------------------------------------
/angular.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3 | "newProjectRoot": "projects",
4 | "projects": {
5 | "osm-pt-leaflet-ngx": {
6 | "architect": {
7 | "build": {
8 | "builder": "@angular-devkit/build-angular:browser",
9 | "configurations": {
10 | "production": {
11 | "budgets": [
12 | {
13 | "maximumError": "5mb",
14 | "maximumWarning": "2mb",
15 | "type": "initial"
16 | },
17 | {
18 | "maximumError": "10kb",
19 | "maximumWarning": "6kb",
20 | "type": "anyComponentStyle"
21 | }
22 | ],
23 | "buildOptimizer": true,
24 | "extractLicenses": true,
25 | "fileReplacements": [
26 | {
27 | "replace": "src/environments/environment.ts",
28 | "with": "src/environments/environment.prod.ts"
29 | }
30 | ],
31 | "namedChunks": false,
32 | "optimization": true,
33 | "outputHashing": "all",
34 | "sourceMap": false,
35 | "vendorChunk": false
36 | }
37 | },
38 | "options": {
39 | "aot": true,
40 | "assets": [
41 | "src/assets",
42 | "src/land.html",
43 | "src/land_single.html",
44 | "src/favicon.ico"
45 | ],
46 | "index": "src/index.html",
47 | "main": "src/main.ts",
48 | "outputPath": "public/osm-pt-leaflet-ngx",
49 | "polyfills": "src/polyfills.ts",
50 | "scripts": [
51 | "./node_modules/intro.js/minified/intro.min.js"
52 | ],
53 | "styles": [
54 | "src/styles.css",
55 | "./node_modules/bootstrap/dist/css/bootstrap.css",
56 | "./node_modules/leaflet/dist/leaflet.css",
57 | "./node_modules/font-awesome/css/font-awesome.css",
58 | "./node_modules/dragula/dist/dragula.css",
59 | "./node_modules/ngx-toastr/toastr.css",
60 | "./node_modules/intro.js/minified/introjs.min.css"
61 | ],
62 | "tsConfig": "src/tsconfig.app.json"
63 | }
64 | },
65 | "e2e": {
66 | "builder": "@angular-devkit/build-angular:protractor",
67 | "configurations": {
68 | "production": {
69 | "devServerTarget": "osm-pt-ngx-leaflet:serve:production"
70 | }
71 | },
72 | "options": {
73 | "devServerTarget": "osm-pt-ngx-leaflet:serve",
74 | "protractorConfig": "e2e/protractor.conf.js"
75 | }
76 | },
77 | "extract-i18n": {
78 | "builder": "@angular-devkit/build-angular:extract-i18n",
79 | "options": {
80 | "browserTarget": "osm-pt-leaflet-ngx:build"
81 | }
82 | },
83 | "serve": {
84 | "builder": "@angular-devkit/build-angular:dev-server",
85 | "configurations": {
86 | "hmr": {
87 | "hmr": true
88 | },
89 | "production": {
90 | "browserTarget": "osm-pt-leaflet-ngx:build:production"
91 | }
92 | },
93 | "options": {
94 | "browserTarget": "osm-pt-leaflet-ngx:build"
95 | }
96 | },
97 | "test": {
98 | "builder": "@angular-devkit/build-angular:karma",
99 | "options": {
100 | "assets": [
101 | "src/assets",
102 | "src/land.html",
103 | "src/land_single.html",
104 | "src/favicon.ico"
105 | ],
106 | "karmaConfig": "src/karma.conf.js",
107 | "main": "src/test.ts",
108 | "polyfills": "src/polyfills.ts",
109 | "scripts": [
110 | "./node_modules/intro.js/minified/intro.min.js"
111 | ],
112 | "styles": [
113 | "src/styles.css",
114 | "./node_modules/bootstrap/dist/css/bootstrap.css",
115 | "./node_modules/leaflet/dist/leaflet.css",
116 | "./node_modules/font-awesome/css/font-awesome.css",
117 | "./node_modules/dragula/dist/dragula.css",
118 | "./node_modules/ngx-toastr/toastr.css",
119 | "./node_modules/intro.js/minified/introjs.min.css"
120 | ],
121 | "tsConfig": "src/tsconfig.spec.json"
122 | }
123 | }
124 | },
125 | "prefix": "app",
126 | "projectType": "application",
127 | "root": "",
128 | "schematics": {
129 | "@schematics/angular:component": {
130 | "style": "less"
131 | }
132 | },
133 | "sourceRoot": "src"
134 | },
135 | },
136 | "version": 1,
137 | "cli": {
138 | "analytics": false
139 | }
140 | }
141 |
--------------------------------------------------------------------------------
/src/components/sidebar/relation-browser.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, ViewChild } from '@angular/core';
2 | import { ProcessService } from '../../services/process.service';
3 | import { StorageService } from '../../services/storage.service';
4 | import { EditService } from '../../services/edit.service';
5 | import { ModalDirective } from 'ngx-bootstrap';
6 | import { IPtRouteMasterNew } from '../../core/ptRouteMasterNew.interface';
7 | import { IOsmElement } from '../../core/osmElement.interface';
8 | import { Observable } from 'rxjs';
9 | import { NgRedux, select } from '@angular-redux/store';
10 | import { IAppState } from '../../store/model';
11 | import { Hotkey, HotkeysService } from 'angular2-hotkeys';
12 |
13 | @Component({
14 | providers: [],
15 | selector: 'relation-browser',
16 | styleUrls: ['./relation-browser.component.less', '../../styles/main.less'],
17 | templateUrl: './relation-browser.component.html',
18 | })
19 | export class RelationBrowserComponent implements OnInit {
20 | constructor(
21 | private editSrv: EditService,
22 | private processSrv: ProcessService,
23 | private storageSrv: StorageService,
24 | private hotkeysService: HotkeysService,
25 | private ngRedux: NgRedux
4 |
6 |
11 |
12 |
13 |
18 |
19 |
20 |
21 | {{ 'There are no loaded stops (zoom map).' | translate }}
5 |
23 |
24 |
90 |
25 |
26 |
27 |
60 |
61 |
62 | | # | 29 |{{ 'Role' | translate }} | 30 |{{ 'atrId' | translate }} | 31 |{{ 'atrRef' | translate }} | 32 |
| {{i + 1}}. | 38 |{{stop.role}} | 39 |
40 | 
41 | 
42 | {{stop.tags.name || stop.id}}
43 | |
44 | {{stop.tags.route_ref}} | 45 |
| {{i + 1}}. | 50 |51 | |
52 |
53 |
54 | {{stop.tags.name || stop.id}}
55 | |
56 | {{stop.tags.route_ref}} | 57 |
63 |
64 |
65 |
87 |
88 |
89 | | {{ 'Name/Id' | translate }} | 67 |PT | 68 |{{ 'Route ref.' | translate }} | 69 |
| 74 | 77 | 80 | {{stop.tags.name || stop.id}} 81 | | 82 |{{stop.tags.public_transport}} | 83 |{{stop.tags.route_ref}} | 84 |
2 |
104 |
--------------------------------------------------------------------------------
/src/app.module.ts:
--------------------------------------------------------------------------------
1 | import { APP_BASE_HREF } from '@angular/common';
2 | import { HttpClient, HttpClientModule } from '@angular/common/http';
3 | import { ErrorHandler, NgModule } from '@angular/core';
4 | import { FormsModule, ReactiveFormsModule } from '@angular/forms';
5 | import { BrowserModule } from '@angular/platform-browser';
6 | import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
7 | import { RouterModule, Routes } from '@angular/router';
8 | import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
9 | import { TranslateHttpLoader } from '@ngx-translate/http-loader';
10 | import { HotkeyModule } from 'angular2-hotkeys';
11 | import { Angulartics2Module } from 'angulartics2';
12 | import { Angulartics2Piwik } from 'angulartics2/piwik';
13 | import 'leaflet';
14 | import 'leaflet.vectorgrid';
15 | import { NgHttpLoaderModule } from 'ng-http-loader';
16 | import { DragulaModule } from 'ng2-dragula';
17 | import {
18 | AccordionModule,
19 | BsDropdownModule,
20 | ButtonsModule,
21 | CarouselModule,
22 | ModalModule,
23 | SortableModule,
24 | TabsModule,
25 | TooltipModule,
26 | TypeaheadModule,
27 | } from 'ngx-bootstrap';
28 | import { ToastrModule } from 'ngx-toastr';
29 | import 'reflect-metadata';
30 | import 'zone.js/dist/long-stack-trace-zone';
31 | import 'zone.js/dist/zone';
32 | import { AppComponent } from './components/app/app.component';
33 | import { AuthComponent } from './components/auth/auth.component';
34 | import { BeginnerComponent } from './components/beginner/beginner.component';
35 | import { EditorComponent } from './components/editor/editor.component';
36 | import { ExpertComponent } from './components/expert/expert.component';
37 | import { LangComponent } from './components/lang/lang.component';
38 | import { ModalComponent } from './components/modal/modal.component';
39 | import { NavigatorComponent } from './components/navigator/navigator.component';
40 | import { RouteMasterWizardComponent } from './components/route-master-wizard/route-master-wizard.component';
41 | import { RouteWizardComponent } from './components/route-wizard/route-wizard.component';
42 | import { SettingsComponent } from './components/settings/settings.component';
43 | import { RelationBrowserComponent } from './components/sidebar/relation-browser.component';
44 | import { RouteBrowserComponent } from './components/sidebar/route-browser.component';
45 | import { StopBrowserComponent } from './components/sidebar/stop-browser.component';
46 | import { TagBrowserComponent } from './components/sidebar/tag-browser.component';
47 | import { ValidationBrowserComponent } from './components/sidebar/validation-browser.component';
48 | import { ToolbarComponent } from './components/toolbar/toolbar.component';
49 | import { TransporterComponent } from './components/transporter/transporter.component';
50 | import { TutorialsComponent } from './components/tutorials/tutorials.component';
51 | import { Utils } from './core/utils.class';
52 | import { KeysPipe } from './pipes/keys.pipe';
53 | import { TagsPropPipe } from './pipes/tags-prop.pipe';
54 | import { RavenErrorHandler } from './raven-error-handler';
55 | import { AuthService } from './services/auth.service';
56 | import { ConfService } from './services/conf.service';
57 | import { DbService } from './services/db.service';
58 | import { EditService } from './services/edit.service';
59 | import { ErrorHighlightService } from './services/error-highlight.service';
60 | import { GeocodeService } from './services/geocode.service';
61 | import { MapService } from './services/map.service';
62 | import { OverpassService } from './services/overpass.service';
63 | import { ProcessService } from './services/process.service';
64 | import { RouteMasterWizardService } from './services/route-master-wizard.service';
65 | import { RouteWizardService } from './services/route-wizard.service';
66 | import { StorageService } from './services/storage.service';
67 | import { TutorialService } from './services/tutorial.service';
68 | import { WarnService } from './services/warn.service';
69 | import { AppActions } from './store/app/actions';
70 | import { RootEpics } from './store/epics';
71 | import { StoreModule } from './store/module';
72 | import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
73 |
74 | export function HttpLoaderFactory(http: HttpClient) {
75 | return new TranslateHttpLoader(http);
76 | }
77 |
78 | const ROUTES: Routes = [{ path: '', component: AppComponent }];
79 |
80 | const conditional_providers = [
81 | Utils.isProductionDeployment()
82 | ? { provide: ErrorHandler, useClass: RavenErrorHandler }
83 | : [],
84 | ];
85 |
86 | @NgModule({
87 | bootstrap: [AppComponent],
88 | entryComponents: [
89 | RouteWizardComponent,
90 | AppComponent,
91 | ModalComponent,
92 | RouteMasterWizardComponent,
93 | ],
94 | declarations: [
95 | AppComponent,
96 | AuthComponent,
97 | BeginnerComponent,
98 | EditorComponent,
99 | ExpertComponent,
100 | LangComponent,
101 | ModalComponent,
102 | NavigatorComponent,
103 | RelationBrowserComponent,
104 | RouteBrowserComponent,
105 | StopBrowserComponent,
106 | TagBrowserComponent,
107 | ToolbarComponent,
108 | TransporterComponent,
109 | SettingsComponent,
110 | RouteWizardComponent,
111 | ValidationBrowserComponent,
112 | RouteMasterWizardComponent,
113 | TutorialsComponent,
114 |
115 | KeysPipe,
116 | TagsPropPipe,
117 | ],
118 | imports: [
119 | AccordionModule.forRoot(),
120 | Angulartics2Module.forRoot([Angulartics2Piwik]),
121 | BsDropdownModule.forRoot(),
122 | BrowserAnimationsModule,
123 | BrowserModule,
124 | ButtonsModule.forRoot(),
125 | CarouselModule.forRoot(),
126 | DragulaModule,
127 | FormsModule,
128 | HttpClientModule,
129 | ModalModule.forRoot(),
130 | NgHttpLoaderModule.forRoot(),
131 | TooltipModule.forRoot(),
132 | TranslateModule.forRoot({
133 | loader: {
134 | provide: TranslateLoader,
135 | useFactory: HttpLoaderFactory,
136 | deps: [HttpClient],
137 | },
138 | }),
139 | TypeaheadModule.forRoot(),
140 | RouterModule.forRoot(ROUTES),
141 | StoreModule,
142 | ToastrModule.forRoot({
143 | timeOut: 2000,
144 | positionClass: 'toast-bottom-right',
145 | maxOpened: 1,
146 | }),
147 | SortableModule.forRoot(),
148 | TabsModule.forRoot(),
149 | ReactiveFormsModule,
150 | HotkeyModule.forRoot(),
151 | BsDropdownModule,
152 | ],
153 | providers: [
154 | ...conditional_providers,
155 |
156 | AuthService,
157 | ConfService,
158 | DbService,
159 | EditService,
160 | ErrorHighlightService,
161 | GeocodeService,
162 | MapService,
163 | OverpassService,
164 | ProcessService,
165 | StorageService,
166 | WarnService,
167 | RouteWizardService,
168 | RouteMasterWizardService,
169 | TutorialService,
170 |
171 | KeysPipe,
172 |
173 | { provide: APP_BASE_HREF, useValue: '/' },
174 |
175 | AppActions,
176 | RootEpics,
177 | ],
178 | })
179 | export class AppModule {}
180 |
--------------------------------------------------------------------------------
/src/services/tutorials.json:
--------------------------------------------------------------------------------
1 | {
2 | "beginner": {
3 | "Add new platform": [
4 | {
5 | "element": "#toggle-edit",
6 | "intro": "Click here on the edit button to start editing",
7 | "position": "right"
8 | },
9 | {
10 | "element": "#platform-btn",
11 | "intro": "Good Job! Now you can start editing. To add a new platform first click here on the platform button.",
12 | "position": "right"
13 | },
14 | {
15 | "element": "#map",
16 | "intro": "Now click anywhere on the map to specify the location for the new platform.",
17 | "position": "right"
18 | },
19 | {
20 | "element": "#tag-browser",
21 | "intro": "Now add the name or reference for the platform you just added.",
22 | "position": "right"
23 | },
24 | {
25 | "element": "last-step",
26 | "intro": "Good job, you have successfully added a platform. Click the escape key to exit."
27 | }
28 | ],
29 | "Quick overview (beginner)" : [
30 | {
31 | "element": "#map",
32 | "intro": "Try moving around in the map and zooming to download some new map data.",
33 | "position": "right"
34 | },
35 | {
36 | "element": "#map",
37 | "intro": "Good Job! Click keyboard key to move to the next step.",
38 | "position": "right"
39 | },
40 | {
41 | "element": "#map",
42 | "intro": "We have moved the map to a new location. Wait till the data is rendered and click on any of the stop which you see in center of the central park to start exploring it.",
43 | "position": "right"
44 | },
45 | {
46 | "element": "#tag-browser",
47 | "intro": "Here is the tag browser window. You can view all the tags of the selected stop/platform which you just selected here. Click keyboard key to move to the next step.",
48 | "position": "right"
49 | },
50 | {
51 | "element": "#route-browser",
52 | "intro": "You can also view the parent routes of the selected stop/platform here. Try selecting a route from the given list.",
53 | "position": "right"
54 | },
55 | {
56 | "element": "#sidebar",
57 | "intro": "Now you can see the information about of route you just selected.Click keyboard key to move to the next step.",
58 | "position": "right"
59 | },
60 | {
61 | "element": "#map",
62 | "intro": "The route which you selected is also highlighted on the map. Click keyboard key to move to the next step.",
63 | "position": "right"
64 | },
65 | {
66 | "element": "#back-btn",
67 | "intro": "Click this button to go back to viewing information regarding your selected stop.",
68 | "position": "right"
69 | },
70 | {
71 | "element": "#sidebar",
72 | "intro": "This way you can toggle between viewing information regarding the stop/platform selected or one of it's parent route. Click keyboard key to move to the next step.",
73 | "position": "right"
74 | },
75 | {
76 | "element": "last-step",
77 | "intro": "Good Job!The tutorial is now complete. Click escape key to exit."
78 | }
79 | ]
80 | },
81 | "expert": {
82 | "Add new route": [
83 | {
84 | "element": "#toggle-edit",
85 | "intro": "Click on the edit button to start editing.",
86 | "position": "right"
87 | },
88 | {
89 | "element": "#route-browser",
90 | "intro": "This the window where you can view all thr routes which are downloaded and have atleast one memeber in the current map bounds. Click on the panel heading to open it. ",
91 | "position": "right"
92 | },
93 | {
94 | "element": "#create-route-btn",
95 | "intro": "Now to start creating a route, click on the create route button.",
96 | "position": "right"
97 | },
98 | {
99 | "element": "#toggle-members-edit-btn",
100 | "intro": "You have now successfully created a route but there are no members added to your route! Click here to start adding/removing members of the route.",
101 | "position": "right"
102 | },
103 | {
104 | "element": "#map",
105 | "intro": "Click on any marker on the map to add it to the new route.",
106 | "position": "right"
107 | },
108 | {
109 | "element": "last-step",
110 | "intro": "Good job! You have successfully created a route with members.",
111 | "position": "right"
112 | }
113 | ],
114 | "Quick overview (expert)": [
115 | {
116 | "element": "#toggle-edit",
117 | "intro": "Edit Button : Enables editing",
118 | "position": "right"
119 | },
120 | {
121 | "element": "#tag-browser",
122 | "intro": " Tag Browser : Used for displaying/editing tags of the selected element.",
123 | "position": "right"
124 | },
125 | {
126 | "element": "#route-browser",
127 | "intro": " Route Browser : Contains the list of routes (can be parent routes of a specific element or all the routes in the current map bounds) You can also create a new route, change it's members and download route masters from here.",
128 | "position": "right"
129 | },
130 | {
131 | "element": "#relation-browser",
132 | "intro": " Relation Browser : Displays all route masters. You can also create a new route master from here.",
133 | "position": "right"
134 | },
135 | {
136 | "element": "#stop-browser",
137 | "intro": " Stop Browser : Depending on the selection, this window displays a list of all the stops in the current map bounds or for a specific route.",
138 | "position": "right"
139 | },
140 | {
141 | "element": "#suggestion-browser",
142 | "intro": " Suggestions Browser : Use this browser to highlight the map using certain rules such as missing name tags. You this when you want to make some quick edits.",
143 | "position": "right"
144 | },
145 | {
146 | "element": "#platform-btn",
147 | "intro": " Add platform button : Use this to start adding new platforms to the map.",
148 | "position": "right"
149 | },
150 | {
151 | "element": "#wizard-btn",
152 | "intro": " Wizards : Route Creation Wizard and Route Master Creation Wizard are available under this option.",
153 | "position": "right"
154 | },
155 | {
156 | "element": "#undo-redo-btns",
157 | "intro": "Use these to undo/redo your edits.",
158 | "position": "right"
159 | },
160 | {
161 | "element": "#edits-count",
162 | "intro": "Here you can see the number of edits you have made without uploading them.",
163 | "position": "right"
164 | },
165 | {
166 | "element": "last-step",
167 | "intro": "Good job! You have successfully created a route with members.",
168 | "position": "right"
169 | }
170 | ]
171 | }
172 | }
173 |
--------------------------------------------------------------------------------
3 |
41 |
42 | {{ 'There are no loaded routes (zoom map and select a feature).' | translate }}
4 |{{ 'No available routes for selected feature.' | translate }}
5 | 6 | 12 | 13 | 14 | 20 | 28 | 29 | 30 | 39 | 40 |
44 |
45 |
102 |
103 |
46 |
53 |
54 |
47 |
49 | {{rel.tags.route || "#TYPE" }} Route {{rel.tags.ref || "#REF"}}: {{rel.tags.from || "#FROM"}} => {{rel.tags.to || "#TO"}}, {{rel.tags.name || "#NAME"}}
50 |
51 |
52 |
55 |
56 |
64 |
65 |
66 |
98 |
99 |
100 |
101 |
57 |
58 |
60 | {{rel.tags.route_master || "#ROUTE_MASTER"}} route MASTER ({{ rel.members.length }} members) {{rel.tags.ref || "#REF"}}: {{rel.tags.name || "#NAME"}}
61 |
62 |
63 |
67 |
69 |
70 |
73 |
76 |
78 |
79 |
80 |
83 |
86 |
89 |
92 |
93 | !!!
94 | {{rel.tags.route || "#TYPE" }} Route {{rel.tags.ref || "#REF"}}: {{rel.tags.from || "#FROM"}} => {{rel.tags.to || "#TO"}}, {{rel.tags.name || "#NAME"}}
95 |
96 |
97 |