├── .bluemix └── 5b7c92b5f7b9bf9a788a9678253f381a4a2cb50c36b2a03c069cd59756260499.json ├── .cfignore ├── .gitignore ├── LICENSE.txt ├── README.md ├── admin.js ├── app.js ├── fieldwork-app-graphics.png ├── manifest.yml ├── mapconfig.json ├── package.json ├── public ├── css │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── images │ │ ├── cloudant_ibm.png │ │ ├── layers-2x.png │ │ ├── layers.png │ │ ├── pushpin-2x.png │ │ ├── pushpin.png │ │ ├── spritesheet-2x.png │ │ └── spritesheet.png │ ├── leaflet.css │ ├── leaflet.draw.css │ ├── main.css │ └── style.css ├── index.html └── js │ ├── bootbox.min.js │ ├── bootstrap.min.js │ ├── images │ ├── layers-2x.png │ ├── layers.png │ ├── marker-icon-2x.png │ ├── marker-icon.png │ ├── marker-red.png │ ├── marker-shadow.png │ └── marker-yellow.png │ ├── jquery-1.11.1.min.js │ ├── layers.js │ ├── leaflet.draw.js │ ├── leaflet.js │ ├── leaflet.pouch.js │ ├── pouchdb-4.0.0.min.js │ ├── pouchdb.min.js │ └── webapp.js └── testdata.js /.bluemix/5b7c92b5f7b9bf9a788a9678253f381a4a2cb50c36b2a03c069cd59756260499.json: -------------------------------------------------------------------------------- 1 | {"target":{"org":{"name":"rrsingh@us.ibm.com","guid":"9e660926-2014-425d-a236-66f8f14f1d08"},"space":{"name":"dev","guid":"03576a35-d3d5-42b0-9fd2-44d84c5b3ecd"},"app":{"name":"fieldwork","guid":"66b7267a-3783-4a46-9b1a-6edfd171edf6"},"domain":{"name":"mybluemix.net","guid":"f4b90d7e-2cd3-4d30-b200-f28bbaf6be20"}}} -------------------------------------------------------------------------------- /.cfignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | launchConfigurations 4 | project.json 5 | -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | Apache License 2 | 3 | Version 2.0, January 2004 4 | 5 | http://www.apache.org/licenses/ 6 | 7 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 8 | 9 | 1. Definitions. 10 | 11 | "License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document. 12 | 13 | "Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity. 16 | 17 | "You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License. 18 | 19 | "Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files. 20 | 21 | "Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types. 22 | 23 | "Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix below). 24 | 25 | "Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof. 26 | 27 | "Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a Contribution." 28 | 29 | "Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work. 30 | 31 | 2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form. 32 | 33 | 3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of the date such litigation is filed. 34 | 35 | 4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions: 36 | 37 | You must give any other recipients of the Work or Derivative Works a copy of this License; and 38 | You must cause any modified files to carry prominent notices stating that You changed the files; and 39 | You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and 40 | If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the License. 41 | 42 | You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License. 43 | 5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any separate license agreement you may have executed with Licensor regarding such Contributions. 44 | 45 | 6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and reproducing the content of the NOTICE file. 46 | 47 | 7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this License. 48 | 49 | 8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such damages. 50 | 51 | 9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability. 52 | 53 | END OF TERMS AND CONDITIONS -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Field Work 2 | 3 | **Field Work** is a web application that supports offline editing and mapping of geospatial data. This app: 4 | 5 | - downloads and saves geospatial data locally for offline use by Cloudant Geo or Lucene Geo query 6 | - has a UI that supports editing of points, lines, and polygons 7 | - syncs locally-edited data back to an [IBM Cloudant](https://cloudant.com/) database 8 | 9 | Many field-based industries whose personnel are disconnected from communications networks—often in remote areas or even underground—can benefit from this kind of offline-first mobile application. This demonstration is designed for utilities repair personnel who need to capture events in work orders. 10 | 11 | ![Bluemix Deployments](https://deployment-tracker.mybluemix.net/stats/5995ba4616bcc1cfbc56ab72f0c152ea/badge.svg) 12 | 13 | ## Related Resources 14 | - [Blog post: Better infrastructure maintenance with offline mobile maps](https://developer.ibm.com/clouddataservices/2016/03/07/better-infrastructure-maintenance-with-offline-mobile-maps/) 15 | 16 | - [Presentation: Field Work: Map-centric mobile apps with Cloudant Geo and LeafletJS ](http://www.slideshare.net/rajrsingh/field-work-mapcentric-mobile-apps-with-cloudant-geo-and-leafletjs) 17 | 18 | 19 | 20 | ## Try it 21 | 22 | [Play with the live demo version of this app](http://fieldwork.mybluemix.net/). To get started: 23 | 24 | 25 | 1. Drag the map to an area you want to see. 26 | 2. Click the **Load Data** button. 27 | 3. On the upper right of the map, choose the data types you want to see. 28 | 4. In the left pane, click the **Edit Pins** button. 29 | Pushpins appear on the map. 30 | 5. On the left side of the map, use the controls that appear to edit and add pins. (Hover over a control for guidance.) 31 | 32 | ![fieldwork demo](http://developer.ibm.com/clouddataservices/wp-content/uploads/sites/47/2016/03/fieldwork.png) 33 | 34 | 35 | ## Architecture 36 | 37 | ![field work architecture](./fieldwork-app-graphics.png) 38 | 39 | This an architectural overview of the components that make this app run. 40 | 41 | 42 | ## Deploy to IBM Bluemix 43 | 44 | The fastest way to deploy this application to Bluemix is to click this **Deploy to Bluemix** button. If you prefer instead to deploy manually to Bluemix then skip ahead to the **Manual Development** section. 45 | 46 | [![Deploy to Bluemix](https://deployment-tracker.mybluemix.net/stats/5995ba4616bcc1cfbc56ab72f0c152ea/button.svg)](https://bluemix.net/deploy?repository=https://github.com/ibm-cds-labs/fieldwork.git) 47 | 48 | **Don't have a Bluemix account?** If you haven't already, you'll be prompted to [sign up](http://www.ibm.com/cloud-computing/bluemix/) for a Bluemix account when you click the button. Sign up, verify your email address, then return here and click the the **Deploy to Bluemix** button again. Your new credentials let you deploy to the platform and also to code online with Bluemix and Git. If you have questions about working in Bluemix, find answers in the [Bluemix Docs](https://www.ng.bluemix.net/docs/). 49 | 50 | ### (Optional) Customize the app URL 51 | 52 | Bluemix creates a random, unique URL for your app, each time you deploy. If you want to customize and set a static URL, you can do so in the [IBM Bluemix DevOps Services](https://hub.jazz.net/) project created for you when you deployed. 53 | 54 | 1. On the Bluemix Deployment Successful screen, click the **Edit Code** button. 55 | 2. Find and open the `manifest.yml` file. 56 | 2. Change the line `random-route: true` to `host: my-unique-app-name` 57 | 58 | On the next deployment, the URL for your app will be `my-unique-app-name.mybluemix.net` 59 | 60 | If you plan to modify the code for this app, and want to use GitHub's code repository ([instead of IBM Bluemix DevOps Services](https://hub.jazz.net/)), follow the instructions in the next section. 61 | 62 | ### Manual Development 63 | 64 | 1. Fork the repo 65 | Click the **Fork** button in the top right corner of this repository 66 | 67 | 1. Create a Bluemix Account 68 | 69 | [Sign up](http://www.ibm.com/cloud-computing/bluemix/) for Bluemix, or use an existing account. 70 | 71 | 2. Download and install the [Cloud-foundry CLI](https://www.ng.bluemix.net/docs/#starters/install_cli.html) tool. 72 | 73 | 3. Clone the app to your local environment from your terminal using the following command 74 | 75 | ``` 76 | git clone https://github.com/ibm-cds-labs/fieldwork 77 | ``` 78 | 79 | 4. cd into your newly created directory. 80 | 81 | 5. Edit the `manifest.yml` file and change the `` to something unique. 82 | 83 | ``` 84 | --- 85 | declared-services: 86 | cloudant-fieldwork-db: 87 | label: cloudantNoSQLDB 88 | plan: Shared 89 | applications: 90 | - name: fieldwork 91 | host: fieldwork-gr8one 92 | memory: 128M 93 | disk_quota: 512M 94 | path: . 95 | domain: mybluemix.net 96 | instances: 1 97 | services: 98 | - cloudant-fieldwork-db 99 | ``` 100 | The host you use determines your application url initially, e.g. `.mybluemix.net`. 101 | 102 | 1. Connect to Bluemix in your command-line tool and follow the prompts to log in. 103 | 104 | ``` 105 | $ cf api https://api.ng.bluemix.net 106 | $ cf login 107 | ``` 108 | 109 | 1. Create the Cloudant service in Bluemix. 110 | ``` 111 | $ cf create-service cloudantNoSQLDB Shared cloudant-fieldwork-db 112 | ``` 113 | 114 | ### Manual deployment 115 | 116 | To deploy to Bluemix, simply: 117 | 118 | ``` 119 | $ cf push 120 | ``` 121 | 122 | ## Privacy notice 123 | The **Field Work** sample web application includes code to track deployments to Bluemix and other Cloud Foundry platforms. The following information is sent to a [Deployment Tracker](https://github.com/cloudant-labs/deployment-tracker) service on each deployment: 124 | 125 | * Application Name (application_name) 126 | * Space ID (space_id) 127 | * Application Version (application_version) 128 | * Application URIs (application_uris) 129 | 130 | This data is collected from the VCAP_APPLICATION environment variable in IBM Bluemix and other Cloud Foundry platforms. This data is used by IBM to track metrics around deployments of sample applications to IBM Bluemix. Only deployments of sample applications that include code to ping the Deployment Tracker service will be tracked. 131 | 132 | ## Disabling Deployment Tracking 133 | 134 | You can disable deployment tracking by removing `./admin.js track && ` from the `install` line of the `scripts` sections within `package.json`. 135 | 136 | ## License 137 | 138 | Licensed under the [Apache License, Version 2.0](LICENSE.txt). 139 | 140 | 141 | Field Work is a sample application created for the purpose of demonstrating an offline geographic data sync and editing application. The program is provided as-is with no warranties of any kind, express or implied. 142 | -------------------------------------------------------------------------------- /admin.js: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | // Licensed under the Apache 2.0 License. See footer for details. 3 | 4 | var express = require('express'), 5 | http = require('http'), 6 | path = require('path'), 7 | cloudant = require('cloudant'), 8 | program = require('commander'), 9 | dotenv = require('dotenv'), 10 | crypto = require('crypto'), 11 | pkg = require(path.join(__dirname, 'package.json')); 12 | 13 | http.post = require('http-post'); 14 | 15 | dotenv.load(); 16 | 17 | var app = express(); 18 | 19 | (function(app) { 20 | if (process.env.VCAP_SERVICES) { 21 | var vcapServices = JSON.parse(process.env.VCAP_SERVICES); 22 | app.set('vcapServices', vcapServices); 23 | if (vcapServices.cloudantNoSQLDB && vcapServices.cloudantNoSQLDB.length > 0) { 24 | var service = vcapServices.cloudantNoSQLDB[0]; 25 | if (service.credentials) { 26 | app.set('cloudant-fieldwork-db', cloudant({ 27 | username: service.credentials.username, 28 | password: service.credentials.password, 29 | account: service.credentials.username 30 | })); 31 | } 32 | } 33 | } 34 | })(app); 35 | 36 | program.version(pkg.version); 37 | 38 | program 39 | .command('db ') 40 | .description('Create (put) or delete the database') 41 | .action(function(method, options) { 42 | var fieldworkDb = app.get('cloudant-fieldwork-db'); 43 | if (!fieldworkDb) { 44 | console.error('No database configured'); 45 | return; 46 | } 47 | // set up CORS for web app access 48 | fieldworkDb.set_cors({ 49 | enable_cors: true, 50 | allow_credentials: true, 51 | // origins: [ "http://*.mybluemix.net","https://*.mybluemix.net"] 52 | origins: [ "*"] 53 | }, 54 | function(err, data) { 55 | console.log(err, data); 56 | }); 57 | 58 | switch (method) { 59 | case 'put': 60 | fieldworkDb.db.create('fieldedits', function(err, body) { 61 | if (!err) { 62 | console.log('Fieldedits database created'); 63 | } else { 64 | if (412 == err.statusCode) { 65 | console.log('Fieldedits database already exists'); 66 | } else { 67 | console.error('Error creating fieldedits database'); 68 | } 69 | } 70 | }); 71 | break; 72 | case 'delete': 73 | fieldworkDb.db.destroy('fieldedits', function(err, body) { 74 | if (!err) { 75 | console.log('Fieldedits database deleted'); 76 | } else { 77 | if (404 == err.statusCode) { 78 | console.log('Fieldedits database does not exist'); 79 | } else { 80 | console.error('Error deleting Fieldedits database'); 81 | } 82 | } 83 | }); 84 | break; 85 | } 86 | }).on('--help', function() { 87 | console.log(' Examples:'); 88 | console.log(); 89 | console.log(' $ db put'); 90 | console.log(' $ db delete'); 91 | console.log(); 92 | }); 93 | 94 | program 95 | .command('ddoc ') 96 | .description('Create (put) or delete design documents') 97 | .action(function(method, options) { 98 | var fieldworkDb = app.get('cloudant-fieldwork-db'); 99 | if (!fieldworkDb) { 100 | console.error('No database configured'); 101 | return; 102 | } 103 | var fieldeditsDb = fieldworkDb.use('fieldedits'); 104 | switch (method) { 105 | case 'put': 106 | // TODO: Allow this to handle migrations 107 | var ddoc = { 108 | _id: '_design/SpatialView', 109 | "st_indexes": { 110 | "spatial": { 111 | "crs": { 112 | "type": "name", 113 | "properties": { 114 | "name": "urn:ogc:def:crs:OGC:1.3:CRS84" 115 | } 116 | }, 117 | "index": "function(doc){\n if (doc.geometry) { st_index(doc.geometry); }\n}" 118 | } 119 | } 120 | }; 121 | fieldeditsDb.insert(ddoc, function(err, body) { 122 | if (!err) { 123 | console.log('Design document created'); 124 | } else { 125 | if (409 == err.statusCode) { 126 | fieldeditsDb.get(ddoc._id, function(err, body) { 127 | var rev = body._rev; 128 | delete body._rev; 129 | ddocHash = crypto.createHash('md5').update(JSON.stringify(ddoc)).digest('hex'); 130 | bodyHash = crypto.createHash('md5').update(JSON.stringify(body)).digest('hex'); 131 | if (ddocHash != bodyHash) { 132 | ddoc._rev = rev; 133 | fieldeditsDb.insert(ddoc, function(err, body) { 134 | if (!err) { 135 | console.log('Design document updated'); 136 | } else { 137 | console.error('Error updating design document database'); 138 | } 139 | }); 140 | } else { 141 | console.log('Design document already exists and does not need updating'); 142 | } 143 | }); 144 | } else { 145 | console.error('Error creating design document database'); 146 | } 147 | } 148 | }); 149 | break; 150 | case 'delete': 151 | eventsDb.get('_design/SpatialView', function(err, doc) { 152 | if (!err) { 153 | eventsDb.destroy('_design/SpatialView', doc._rev, function(err, body) { 154 | if (!err) { 155 | console.log('Design document deleted'); 156 | } else { 157 | if (404 == err.statusCode) { 158 | console.log('Design document does not exist'); 159 | } else { 160 | console.error('Error deleting design document'); 161 | } 162 | } 163 | }); 164 | } else { 165 | if (404 == err.statusCode) { 166 | console.log('Design document does not exist'); 167 | } else { 168 | console.error('Error getting design document'); 169 | } 170 | } 171 | }); 172 | break; 173 | } 174 | }).on('--help', function() { 175 | console.log(' Examples:'); 176 | console.log(); 177 | console.log(' $ ddoc put'); 178 | console.log(' $ ddoc delete'); 179 | console.log(); 180 | }); 181 | 182 | program 183 | .command('track') 184 | .description('Track application deployments') 185 | .action(function(options) { 186 | require('cf-deployment-tracker-client').track(); 187 | }).on('--help', function() { 188 | console.log(' Examples:'); 189 | console.log(); 190 | console.log(' $ track'); 191 | console.log(); 192 | }); 193 | 194 | program.parse(process.argv); 195 | 196 | //------------------------------------------------------------------------------- 197 | // Copyright IBM Corp. 2015 198 | // 199 | // Licensed under the Apache License, Version 2.0 (the "License"); 200 | // you may not use this file except in compliance with the License. 201 | // You may obtain a copy of the License at 202 | // 203 | // http://www.apache.org/licenses/LICENSE-2.0 204 | // 205 | // Unless required by applicable law or agreed to in writing, software 206 | // distributed under the License is distributed on an "AS IS" BASIS, 207 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 208 | // See the License for the specific language governing permissions and 209 | // limitations under the License. 210 | //------------------------------------------------------------------------------- -------------------------------------------------------------------------------- /app.js: -------------------------------------------------------------------------------- 1 | // Licensed under the Apache 2.0 License. See footer for details. 2 | 3 | var express = require('express'), 4 | // cookieParser = require('cookie-parser'), 5 | http = require('http'), 6 | path = require('path'), 7 | cloudant = require('cloudant'), 8 | program = require('commander'), 9 | compression = require('compression'), 10 | url = require('url'); 11 | require('dotenv').load(); 12 | 13 | var app = express(); 14 | app.use(compression()); 15 | 16 | (function(app) { 17 | if (process.env.VCAP_SERVICES) { 18 | var vcapServices = JSON.parse(process.env.VCAP_SERVICES); 19 | app.set('vcapServices', vcapServices); 20 | if (vcapServices.cloudantNoSQLDB && vcapServices.cloudantNoSQLDB.length > 0) { 21 | var service = vcapServices.cloudantNoSQLDB[0]; 22 | if (service.credentials) { 23 | app.set('cloudant-fieldwork-db', cloudant({ 24 | username: service.credentials.username, 25 | password: service.credentials.password, 26 | account: service.credentials.username 27 | })); 28 | } 29 | } 30 | } 31 | })(app); 32 | 33 | // Set the port number based on a command line switch, an environment variable, or a default value 34 | app.set('port', program.port || process.env.PORT || 3000); 35 | // Serve config file 36 | app.get('/mapconfig', function(req, res) { 37 | var fs = require('fs'); 38 | var mapconfig = JSON.parse(fs.readFileSync('./mapconfig.json', 'utf8')) 39 | var editlayer = { 40 | name: 'fieldedits', 41 | account: 'example.cloudant.com', 42 | geopath: '_design/SpatialView/_geo/spatial', 43 | type: 'GeometryCollection', 44 | key: '', 45 | password: '', 46 | style: { 47 | radius: 12, 48 | fillColor: '#ff0000', 49 | fillOpacity: 4, 50 | color: '#ff0000' 51 | } 52 | }; 53 | 54 | var vcapServices = app.get('vcapServices'); 55 | if (vcapServices && vcapServices.cloudantNoSQLDB && vcapServices.cloudantNoSQLDB.length > 0) { 56 | var service = vcapServices.cloudantNoSQLDB[0]; 57 | if (service.credentials) { 58 | editlayer.account = service.credentials.host; 59 | editlayer.key = service.credentials.username; 60 | editlayer.password = service.credentials.password; 61 | console.log("Got fieldedit credentials for " + editlayer.account + " from vcapServices"); 62 | } 63 | } else { 64 | editlayer.account = process.env.CLOUDANT_USER + '.cloudant.com'; 65 | editlayer.key = process.env.CLOUDANT_USER; 66 | editlayer.password = process.env.CLOUDANT_PASSWORD; 67 | console.log("Got fieldedit credentials for " + editlayer.account + " from user environment"); 68 | } 69 | mapconfig.editlayer = editlayer; 70 | res.send(mapconfig); 71 | }); 72 | // Serve static assets 73 | app.use(express.static(path.join(__dirname, 'public'))); 74 | // Create the HTTP server 75 | http.createServer(app).listen(app.get('port'), function() { 76 | console.log('Express server listening on port ' + app.get('port')); 77 | }); 78 | 79 | //------------------------------------------------------------------------------- 80 | // Copyright IBM Corp. 2015 81 | // 82 | // Licensed under the Apache License, Version 2.0 (the "License"); 83 | // you may not use this file except in compliance with the License. 84 | // You may obtain a copy of the License at 85 | // 86 | // http://www.apache.org/licenses/LICENSE-2.0 87 | // 88 | // Unless required by applicable law or agreed to in writing, software 89 | // distributed under the License is distributed on an "AS IS" BASIS, 90 | // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 91 | // See the License for the specific language governing permissions and 92 | // limitations under the License. 93 | //------------------------------------------------------------------------------- -------------------------------------------------------------------------------- /fieldwork-app-graphics.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/fieldwork-app-graphics.png -------------------------------------------------------------------------------- /manifest.yml: -------------------------------------------------------------------------------- 1 | declared-services: 2 | cloudant-fieldwork-db: 3 | label: cloudantNoSQLDB 4 | plan: Shared 5 | applications: 6 | - name: fieldwork 7 | random-route: false 8 | memory: 128M 9 | disk_quota: 512M 10 | path: . 11 | domain: mybluemix.net 12 | instances: 1 13 | services: 14 | - cloudant-fieldwork-db 15 | -------------------------------------------------------------------------------- /mapconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "geodata": [ 3 | { "name": "boston_buildings", "account": "opendata.cloudant.com", 4 | "geopath": "_design/SpatialView/_geo/spatial", "type": "Polygon", 5 | "style": {"width": 1, "color": "#9B6D10"} }, 6 | { "name": "mbtabusroutes", "account": "opendata.cloudant.com", 7 | "geopath": "_design/SpatialView/_geo/spatial", "type": "LineString", 8 | "style": {"width": 2, "fillOpacity": 0.9, "color": "#C42323"} } 9 | ], 10 | "editlayer": { 11 | "name": "fieldedits", 12 | "account": "rajsingh.cloudant.com", 13 | "geopath": "_design/SpatialView/_geo/spatial", 14 | "type": "GeometryCollection", 15 | "key": "", 16 | "password": "", 17 | "style": {"radius": 12, "fillColor": "#ff0000", "fillOpacity": 4, "color": "#ff0000"} 18 | } 19 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "cloudant-fieldwork", 3 | "version": "1.0.0", 4 | "description": "A web application that supports offline editing and mapping of geospatial data. It downloads and saves geospatial data locally for offline use using Cloudant Geo or Lucene Geo query, has a UI that supports editing of points, lines and polygons, and syncs locally edited data back to an IBM Cloudant database", 5 | "main": "app.js", 6 | "scripts": { 7 | "install": "./admin.js track && ./admin.js db put && ./admin.js ddoc put", 8 | "start": "node app.js", 9 | "test": "echo no tests yet" 10 | }, 11 | "repository": { 12 | "type": "git", 13 | "url": "https://github.com/ibm-cds-labs/fieldwork.git" 14 | }, 15 | "keywords": ["PouchDB", "Node.js", "Bootstrap", "Cloudant", "HTML5", "JavaScript", "geospatial"], 16 | "author": "Raj Singh (https://cloudant.com/)", 17 | "license": "Apache 2.0", 18 | "bugs": { 19 | "url": "https://github.com/ibm-cds-labs/fieldwork/issues" 20 | }, 21 | "homepage": "https://github.com/ibm-cds-labs/fieldwork", 22 | "dependencies": { 23 | "body-parser": "^1.11.0", 24 | "cf-deployment-tracker-client": "^0.x", 25 | "cloudant": "^1.0.0-beta3", 26 | "commander": "^2.6.0", 27 | "cookie-parser": "^1.3.4", 28 | "compression": "^1.6.2", 29 | "dotenv": "^0.5.1", 30 | "express": "^4.11.1", 31 | "http-post": "^0.1.1" 32 | } 33 | } -------------------------------------------------------------------------------- /public/css/images/cloudant_ibm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/public/css/images/cloudant_ibm.png -------------------------------------------------------------------------------- /public/css/images/layers-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/public/css/images/layers-2x.png -------------------------------------------------------------------------------- /public/css/images/layers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/public/css/images/layers.png -------------------------------------------------------------------------------- /public/css/images/pushpin-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/public/css/images/pushpin-2x.png -------------------------------------------------------------------------------- /public/css/images/pushpin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/public/css/images/pushpin.png -------------------------------------------------------------------------------- /public/css/images/spritesheet-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/public/css/images/spritesheet-2x.png -------------------------------------------------------------------------------- /public/css/images/spritesheet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/public/css/images/spritesheet.png -------------------------------------------------------------------------------- /public/css/leaflet.css: -------------------------------------------------------------------------------- 1 | /* required styles */ 2 | 3 | .leaflet-map-pane, 4 | .leaflet-tile, 5 | .leaflet-marker-icon, 6 | .leaflet-marker-shadow, 7 | .leaflet-tile-pane, 8 | .leaflet-tile-container, 9 | .leaflet-overlay-pane, 10 | .leaflet-shadow-pane, 11 | .leaflet-marker-pane, 12 | .leaflet-popup-pane, 13 | .leaflet-overlay-pane svg, 14 | .leaflet-zoom-box, 15 | .leaflet-image-layer, 16 | .leaflet-layer { 17 | position: absolute; 18 | left: 0; 19 | top: 0; 20 | } 21 | .leaflet-container { 22 | overflow: hidden; 23 | -ms-touch-action: none; 24 | } 25 | .leaflet-tile, 26 | .leaflet-marker-icon, 27 | .leaflet-marker-shadow { 28 | -webkit-user-select: none; 29 | -moz-user-select: none; 30 | user-select: none; 31 | -webkit-user-drag: none; 32 | } 33 | .leaflet-marker-icon, 34 | .leaflet-marker-shadow { 35 | display: block; 36 | } 37 | /* map is broken in FF if you have max-width: 100% on tiles */ 38 | .leaflet-container img { 39 | max-width: none !important; 40 | } 41 | /* stupid Android 2 doesn't understand "max-width: none" properly */ 42 | .leaflet-container img.leaflet-image-layer { 43 | max-width: 15000px !important; 44 | } 45 | .leaflet-tile { 46 | filter: inherit; 47 | visibility: hidden; 48 | } 49 | .leaflet-tile-loaded { 50 | visibility: inherit; 51 | } 52 | .leaflet-zoom-box { 53 | width: 0; 54 | height: 0; 55 | } 56 | /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ 57 | .leaflet-overlay-pane svg { 58 | -moz-user-select: none; 59 | } 60 | 61 | .leaflet-tile-pane { z-index: 2; } 62 | .leaflet-objects-pane { z-index: 3; } 63 | .leaflet-overlay-pane { z-index: 4; } 64 | .leaflet-shadow-pane { z-index: 5; } 65 | .leaflet-marker-pane { z-index: 6; } 66 | .leaflet-popup-pane { z-index: 7; } 67 | 68 | .leaflet-vml-shape { 69 | width: 1px; 70 | height: 1px; 71 | } 72 | .lvml { 73 | behavior: url(#default#VML); 74 | display: inline-block; 75 | position: absolute; 76 | } 77 | 78 | 79 | /* control positioning */ 80 | 81 | .leaflet-control { 82 | position: relative; 83 | z-index: 7; 84 | pointer-events: auto; 85 | } 86 | .leaflet-top, 87 | .leaflet-bottom { 88 | position: absolute; 89 | z-index: 1000; 90 | pointer-events: none; 91 | } 92 | .leaflet-top { 93 | top: 0; 94 | } 95 | .leaflet-right { 96 | right: 0; 97 | } 98 | .leaflet-bottom { 99 | bottom: 0; 100 | } 101 | .leaflet-left { 102 | left: 0; 103 | } 104 | .leaflet-control { 105 | float: left; 106 | clear: both; 107 | } 108 | .leaflet-right .leaflet-control { 109 | float: right; 110 | } 111 | .leaflet-top .leaflet-control { 112 | margin-top: 10px; 113 | } 114 | .leaflet-bottom .leaflet-control { 115 | margin-bottom: 10px; 116 | } 117 | .leaflet-left .leaflet-control { 118 | margin-left: 10px; 119 | } 120 | .leaflet-right .leaflet-control { 121 | margin-right: 10px; 122 | } 123 | 124 | 125 | /* zoom and fade animations */ 126 | 127 | .leaflet-fade-anim .leaflet-tile, 128 | .leaflet-fade-anim .leaflet-popup { 129 | opacity: 0; 130 | -webkit-transition: opacity 0.2s linear; 131 | -moz-transition: opacity 0.2s linear; 132 | -o-transition: opacity 0.2s linear; 133 | transition: opacity 0.2s linear; 134 | } 135 | .leaflet-fade-anim .leaflet-tile-loaded, 136 | .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { 137 | opacity: 1; 138 | } 139 | 140 | .leaflet-zoom-anim .leaflet-zoom-animated { 141 | -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); 142 | -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); 143 | -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1); 144 | transition: transform 0.25s cubic-bezier(0,0,0.25,1); 145 | } 146 | .leaflet-zoom-anim .leaflet-tile, 147 | .leaflet-pan-anim .leaflet-tile, 148 | .leaflet-touching .leaflet-zoom-animated { 149 | -webkit-transition: none; 150 | -moz-transition: none; 151 | -o-transition: none; 152 | transition: none; 153 | } 154 | 155 | .leaflet-zoom-anim .leaflet-zoom-hide { 156 | visibility: hidden; 157 | } 158 | 159 | 160 | /* cursors */ 161 | 162 | .leaflet-clickable { 163 | cursor: pointer; 164 | } 165 | .leaflet-container { 166 | cursor: -webkit-grab; 167 | cursor: -moz-grab; 168 | } 169 | .leaflet-popup-pane, 170 | .leaflet-control { 171 | cursor: auto; 172 | } 173 | .leaflet-dragging .leaflet-container, 174 | .leaflet-dragging .leaflet-clickable { 175 | cursor: move; 176 | cursor: -webkit-grabbing; 177 | cursor: -moz-grabbing; 178 | } 179 | 180 | 181 | /* visual tweaks */ 182 | 183 | .leaflet-container { 184 | background: #ddd; 185 | outline: 0; 186 | } 187 | .leaflet-container a { 188 | color: #0078A8; 189 | } 190 | .leaflet-container a.leaflet-active { 191 | outline: 2px solid orange; 192 | } 193 | .leaflet-zoom-box { 194 | border: 2px dotted #38f; 195 | background: rgba(255,255,255,0.5); 196 | } 197 | 198 | 199 | /* general typography */ 200 | .leaflet-container { 201 | font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; 202 | } 203 | 204 | 205 | /* general toolbar styles */ 206 | 207 | .leaflet-bar { 208 | box-shadow: 0 1px 5px rgba(0,0,0,0.65); 209 | border-radius: 4px; 210 | } 211 | .leaflet-bar a, 212 | .leaflet-bar a:hover { 213 | background-color: #fff; 214 | border-bottom: 1px solid #ccc; 215 | width: 26px; 216 | height: 26px; 217 | line-height: 26px; 218 | display: block; 219 | text-align: center; 220 | text-decoration: none; 221 | color: black; 222 | } 223 | .leaflet-bar a, 224 | .leaflet-control-layers-toggle { 225 | background-position: 50% 50%; 226 | background-repeat: no-repeat; 227 | display: block; 228 | } 229 | .leaflet-bar a:hover { 230 | background-color: #f4f4f4; 231 | } 232 | .leaflet-bar a:first-child { 233 | border-top-left-radius: 4px; 234 | border-top-right-radius: 4px; 235 | } 236 | .leaflet-bar a:last-child { 237 | border-bottom-left-radius: 4px; 238 | border-bottom-right-radius: 4px; 239 | border-bottom: none; 240 | } 241 | .leaflet-bar a.leaflet-disabled { 242 | cursor: default; 243 | background-color: #f4f4f4; 244 | color: #bbb; 245 | } 246 | 247 | .leaflet-touch .leaflet-bar a { 248 | width: 30px; 249 | height: 30px; 250 | line-height: 30px; 251 | } 252 | 253 | 254 | /* zoom control */ 255 | 256 | .leaflet-control-zoom-in, 257 | .leaflet-control-zoom-out { 258 | font: bold 18px 'Lucida Console', Monaco, monospace; 259 | text-indent: 1px; 260 | } 261 | .leaflet-control-zoom-out { 262 | font-size: 20px; 263 | } 264 | 265 | .leaflet-touch .leaflet-control-zoom-in { 266 | font-size: 22px; 267 | } 268 | .leaflet-touch .leaflet-control-zoom-out { 269 | font-size: 24px; 270 | } 271 | 272 | 273 | /* layers control */ 274 | 275 | .leaflet-control-layers { 276 | box-shadow: 0 1px 5px rgba(0,0,0,0.4); 277 | background: #fff; 278 | border-radius: 5px; 279 | } 280 | .leaflet-control-layers-toggle { 281 | background-image: url(images/layers.png); 282 | width: 36px; 283 | height: 36px; 284 | } 285 | .leaflet-retina .leaflet-control-layers-toggle { 286 | background-image: url(images/layers-2x.png); 287 | background-size: 26px 26px; 288 | } 289 | .leaflet-touch .leaflet-control-layers-toggle { 290 | width: 44px; 291 | height: 44px; 292 | } 293 | .leaflet-control-layers .leaflet-control-layers-list, 294 | .leaflet-control-layers-expanded .leaflet-control-layers-toggle { 295 | display: none; 296 | } 297 | .leaflet-control-layers-expanded .leaflet-control-layers-list { 298 | display: block; 299 | position: relative; 300 | } 301 | .leaflet-control-layers-expanded { 302 | padding: 6px 10px 6px 6px; 303 | color: #333; 304 | background: #fff; 305 | } 306 | .leaflet-control-layers-selector { 307 | margin-top: 2px; 308 | position: relative; 309 | top: 1px; 310 | } 311 | .leaflet-control-layers label { 312 | display: block; 313 | } 314 | .leaflet-control-layers-separator { 315 | height: 0; 316 | border-top: 1px solid #ddd; 317 | margin: 5px -10px 5px -6px; 318 | } 319 | 320 | 321 | /* attribution and scale controls */ 322 | 323 | .leaflet-container .leaflet-control-attribution { 324 | background: #fff; 325 | background: rgba(255, 255, 255, 0.7); 326 | margin: 0; 327 | } 328 | .leaflet-control-attribution, 329 | .leaflet-control-scale-line { 330 | padding: 0 5px; 331 | color: #333; 332 | } 333 | .leaflet-control-attribution a { 334 | text-decoration: none; 335 | } 336 | .leaflet-control-attribution a:hover { 337 | text-decoration: underline; 338 | } 339 | .leaflet-container .leaflet-control-attribution, 340 | .leaflet-container .leaflet-control-scale { 341 | font-size: 11px; 342 | } 343 | .leaflet-left .leaflet-control-scale { 344 | margin-left: 5px; 345 | } 346 | .leaflet-bottom .leaflet-control-scale { 347 | margin-bottom: 5px; 348 | } 349 | .leaflet-control-scale-line { 350 | border: 2px solid #777; 351 | border-top: none; 352 | line-height: 1.1; 353 | padding: 2px 5px 1px; 354 | font-size: 11px; 355 | white-space: nowrap; 356 | overflow: hidden; 357 | -moz-box-sizing: content-box; 358 | box-sizing: content-box; 359 | 360 | background: #fff; 361 | background: rgba(255, 255, 255, 0.5); 362 | } 363 | .leaflet-control-scale-line:not(:first-child) { 364 | border-top: 2px solid #777; 365 | border-bottom: none; 366 | margin-top: -2px; 367 | } 368 | .leaflet-control-scale-line:not(:first-child):not(:last-child) { 369 | border-bottom: 2px solid #777; 370 | } 371 | 372 | .leaflet-touch .leaflet-control-attribution, 373 | .leaflet-touch .leaflet-control-layers, 374 | .leaflet-touch .leaflet-bar { 375 | box-shadow: none; 376 | } 377 | .leaflet-touch .leaflet-control-layers, 378 | .leaflet-touch .leaflet-bar { 379 | border: 2px solid rgba(0,0,0,0.2); 380 | background-clip: padding-box; 381 | } 382 | 383 | 384 | /* popup */ 385 | 386 | .leaflet-popup { 387 | position: absolute; 388 | text-align: center; 389 | } 390 | .leaflet-popup-content-wrapper { 391 | padding: 1px; 392 | text-align: left; 393 | border-radius: 12px; 394 | } 395 | .leaflet-popup-content { 396 | margin: 13px 19px; 397 | line-height: 1.4; 398 | } 399 | .leaflet-popup-content p { 400 | margin: 18px 0; 401 | } 402 | .leaflet-popup-tip-container { 403 | margin: 0 auto; 404 | width: 40px; 405 | height: 20px; 406 | position: relative; 407 | overflow: hidden; 408 | } 409 | .leaflet-popup-tip { 410 | width: 17px; 411 | height: 17px; 412 | padding: 1px; 413 | 414 | margin: -10px auto 0; 415 | 416 | -webkit-transform: rotate(45deg); 417 | -moz-transform: rotate(45deg); 418 | -ms-transform: rotate(45deg); 419 | -o-transform: rotate(45deg); 420 | transform: rotate(45deg); 421 | } 422 | .leaflet-popup-content-wrapper, 423 | .leaflet-popup-tip { 424 | background: white; 425 | 426 | box-shadow: 0 3px 14px rgba(0,0,0,0.4); 427 | } 428 | .leaflet-container a.leaflet-popup-close-button { 429 | position: absolute; 430 | top: 0; 431 | right: 0; 432 | padding: 4px 4px 0 0; 433 | text-align: center; 434 | width: 18px; 435 | height: 14px; 436 | font: 16px/14px Tahoma, Verdana, sans-serif; 437 | color: #c3c3c3; 438 | text-decoration: none; 439 | font-weight: bold; 440 | background: transparent; 441 | } 442 | .leaflet-container a.leaflet-popup-close-button:hover { 443 | color: #999; 444 | } 445 | .leaflet-popup-scrolled { 446 | overflow: auto; 447 | border-bottom: 1px solid #ddd; 448 | border-top: 1px solid #ddd; 449 | } 450 | 451 | .leaflet-oldie .leaflet-popup-content-wrapper { 452 | zoom: 1; 453 | } 454 | .leaflet-oldie .leaflet-popup-tip { 455 | width: 24px; 456 | margin: 0 auto; 457 | 458 | -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; 459 | filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); 460 | } 461 | .leaflet-oldie .leaflet-popup-tip-container { 462 | margin-top: -1px; 463 | } 464 | 465 | .leaflet-oldie .leaflet-control-zoom, 466 | .leaflet-oldie .leaflet-control-layers, 467 | .leaflet-oldie .leaflet-popup-content-wrapper, 468 | .leaflet-oldie .leaflet-popup-tip { 469 | border: 1px solid #999; 470 | } 471 | 472 | 473 | /* div icon */ 474 | 475 | .leaflet-div-icon { 476 | background: #fff; 477 | border: 1px solid #666; 478 | } 479 | -------------------------------------------------------------------------------- /public/css/leaflet.draw.css: -------------------------------------------------------------------------------- 1 | /* ================================================================== */ 2 | /* Toolbars 3 | /* ================================================================== */ 4 | 5 | .leaflet-draw-section { 6 | position: relative; 7 | } 8 | 9 | .leaflet-draw-toolbar { 10 | margin-top: 12px; 11 | } 12 | 13 | .leaflet-draw-toolbar-top { 14 | margin-top: 0; 15 | } 16 | 17 | .leaflet-draw-toolbar-notop a:first-child { 18 | border-top-right-radius: 0; 19 | } 20 | 21 | .leaflet-draw-toolbar-nobottom a:last-child { 22 | border-bottom-right-radius: 0; 23 | } 24 | 25 | .leaflet-draw-toolbar a { 26 | background-image: url('images/spritesheet.png'); 27 | background-repeat: no-repeat; 28 | } 29 | 30 | .leaflet-retina .leaflet-draw-toolbar a { 31 | background-image: url('images/spritesheet-2x.png'); 32 | background-size: 270px 30px; 33 | } 34 | 35 | .leaflet-draw a { 36 | display: block; 37 | text-align: center; 38 | text-decoration: none; 39 | } 40 | 41 | /* ================================================================== */ 42 | /* Toolbar actions menu 43 | /* ================================================================== */ 44 | 45 | .leaflet-draw-actions { 46 | display: none; 47 | list-style: none; 48 | margin: 0; 49 | padding: 0; 50 | position: absolute; 51 | left: 26px; /* leaflet-draw-toolbar.left + leaflet-draw-toolbar.width */ 52 | top: 0; 53 | white-space: nowrap; 54 | } 55 | 56 | .leaflet-touch .leaflet-draw-actions { 57 | left: 32px; 58 | } 59 | 60 | .leaflet-right .leaflet-draw-actions { 61 | right:26px; 62 | left:auto; 63 | } 64 | 65 | .leaflet-touch .leaflet-right .leaflet-draw-actions { 66 | right:32px; 67 | left:auto; 68 | } 69 | 70 | .leaflet-draw-actions li { 71 | display: inline-block; 72 | } 73 | 74 | .leaflet-draw-actions li:first-child a { 75 | border-left: none; 76 | } 77 | 78 | .leaflet-draw-actions li:last-child a { 79 | -webkit-border-radius: 0 4px 4px 0; 80 | border-radius: 0 4px 4px 0; 81 | } 82 | 83 | .leaflet-right .leaflet-draw-actions li:last-child a { 84 | -webkit-border-radius: 0; 85 | border-radius: 0; 86 | } 87 | 88 | .leaflet-right .leaflet-draw-actions li:first-child a { 89 | -webkit-border-radius: 4px 0 0 4px; 90 | border-radius: 4px 0 0 4px; 91 | } 92 | 93 | .leaflet-draw-actions a { 94 | background-color: #919187; 95 | border-left: 1px solid #AAA; 96 | color: #FFF; 97 | font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif; 98 | line-height: 28px; 99 | text-decoration: none; 100 | padding-left: 10px; 101 | padding-right: 10px; 102 | height: 28px; 103 | } 104 | 105 | .leaflet-touch .leaflet-draw-actions a { 106 | font-size: 12px; 107 | line-height: 30px; 108 | height: 30px; 109 | } 110 | 111 | .leaflet-draw-actions-bottom { 112 | margin-top: 0; 113 | } 114 | 115 | .leaflet-draw-actions-top { 116 | margin-top: 1px; 117 | } 118 | 119 | .leaflet-draw-actions-top a, 120 | .leaflet-draw-actions-bottom a { 121 | height: 27px; 122 | line-height: 27px; 123 | } 124 | 125 | .leaflet-draw-actions a:hover { 126 | background-color: #A0A098; 127 | } 128 | 129 | .leaflet-draw-actions-top.leaflet-draw-actions-bottom a { 130 | height: 26px; 131 | line-height: 26px; 132 | } 133 | 134 | /* ================================================================== */ 135 | /* Draw toolbar 136 | /* ================================================================== */ 137 | 138 | .leaflet-draw-toolbar .leaflet-draw-draw-polyline { 139 | background-position: -2px -2px; 140 | } 141 | 142 | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline { 143 | background-position: 0 -1px; 144 | } 145 | 146 | .leaflet-draw-toolbar .leaflet-draw-draw-polygon { 147 | background-position: -31px -2px; 148 | } 149 | 150 | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon { 151 | background-position: -29px -1px; 152 | } 153 | 154 | .leaflet-draw-toolbar .leaflet-draw-draw-rectangle { 155 | background-position: -62px -2px; 156 | } 157 | 158 | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle { 159 | background-position: -60px -1px; 160 | } 161 | 162 | .leaflet-draw-toolbar .leaflet-draw-draw-circle { 163 | background-position: -92px -2px; 164 | } 165 | 166 | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle { 167 | background-position: -90px -1px; 168 | } 169 | 170 | .leaflet-draw-toolbar .leaflet-draw-draw-marker { 171 | background-position: -122px -2px; 172 | } 173 | 174 | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker { 175 | background-position: -120px -1px; 176 | } 177 | 178 | /* ================================================================== */ 179 | /* Edit toolbar 180 | /* ================================================================== */ 181 | 182 | .leaflet-draw-toolbar .leaflet-draw-edit-edit { 183 | background-position: -152px -2px; 184 | } 185 | 186 | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit { 187 | background-position: -150px -1px; 188 | } 189 | 190 | .leaflet-draw-toolbar .leaflet-draw-edit-remove { 191 | background-position: -182px -2px; 192 | } 193 | 194 | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove { 195 | background-position: -180px -1px; 196 | } 197 | 198 | .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled { 199 | background-position: -212px -2px; 200 | } 201 | 202 | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled { 203 | background-position: -210px -1px; 204 | } 205 | 206 | .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled { 207 | background-position: -242px -2px; 208 | } 209 | 210 | .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled { 211 | background-position: -240px -2px; 212 | } 213 | 214 | /* ================================================================== */ 215 | /* Drawing styles 216 | /* ================================================================== */ 217 | 218 | .leaflet-mouse-marker { 219 | background-color: #fff; 220 | cursor: crosshair; 221 | } 222 | 223 | .leaflet-draw-tooltip { 224 | background: rgb(54, 54, 54); 225 | background: rgba(0, 0, 0, 0.5); 226 | border: 1px solid transparent; 227 | -webkit-border-radius: 4px; 228 | border-radius: 4px; 229 | color: #fff; 230 | font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif; 231 | margin-left: 20px; 232 | margin-top: -21px; 233 | padding: 4px 8px; 234 | position: absolute; 235 | visibility: hidden; 236 | white-space: nowrap; 237 | z-index: 6; 238 | } 239 | 240 | .leaflet-draw-tooltip:before { 241 | border-right: 6px solid black; 242 | border-right-color: rgba(0, 0, 0, 0.5); 243 | border-top: 6px solid transparent; 244 | border-bottom: 6px solid transparent; 245 | content: ""; 246 | position: absolute; 247 | top: 7px; 248 | left: -7px; 249 | } 250 | 251 | .leaflet-error-draw-tooltip { 252 | background-color: #F2DEDE; 253 | border: 1px solid #E6B6BD; 254 | color: #B94A48; 255 | } 256 | 257 | .leaflet-error-draw-tooltip:before { 258 | border-right-color: #E6B6BD; 259 | } 260 | 261 | .leaflet-draw-tooltip-single { 262 | margin-top: -12px 263 | } 264 | 265 | .leaflet-draw-tooltip-subtext { 266 | color: #f8d5e4; 267 | } 268 | 269 | .leaflet-draw-guide-dash { 270 | font-size: 1%; 271 | opacity: 0.6; 272 | position: absolute; 273 | width: 5px; 274 | height: 5px; 275 | } 276 | 277 | /* ================================================================== */ 278 | /* Edit styles 279 | /* ================================================================== */ 280 | 281 | .leaflet-edit-marker-selected { 282 | background: rgba(254, 87, 161, 0.1); 283 | border: 4px dashed rgba(254, 87, 161, 0.6); 284 | -webkit-border-radius: 4px; 285 | border-radius: 4px; 286 | } 287 | 288 | .leaflet-edit-move { 289 | cursor: move; 290 | } 291 | 292 | .leaflet-edit-resize { 293 | cursor: pointer; 294 | } 295 | 296 | /* ================================================================== */ 297 | /* Old IE styles 298 | /* ================================================================== */ 299 | 300 | .leaflet-oldie .leaflet-draw-toolbar { 301 | border: 1px solid #999; 302 | } -------------------------------------------------------------------------------- /public/css/main.css: -------------------------------------------------------------------------------- 1 | /* 2 | global styles 3 | */ 4 | 5 | html, body { 6 | height:100%; 7 | } 8 | body { 9 | background-image: none !important; 10 | padding-top: 70px; 11 | } 12 | h1 { 13 | border-bottom: 1px solid #ccc; 14 | color: #000 !important; 15 | font-size: 1.4em !important; 16 | margin: 0 0 30px 0 !important; 17 | padding: 0 0 20px 0 !important; 18 | } 19 | h2 { 20 | font-size: 1.2em; 21 | margin-bottom: 20px; 22 | } 23 | section { 24 | margin: 40px 0; 25 | } 26 | .page-content { 27 | min-height: -webkit-calc(100% - 64px); 28 | min-height: -moz-calc(100% - 64px); 29 | min-height: calc(100% - 64px); 30 | padding: 30px 40px; 31 | } 32 | .no-float2 { 33 | float: none; /* thanks baxabbit */ 34 | } 35 | .sprite { 36 | background-image: url("/img/sprite.png") !important; 37 | } 38 | .sidebar { 39 | background: none repeat scroll 0 0 #343031; 40 | border-right: 1px solid #eee; 41 | bottom: 0; 42 | display: block; 43 | left: 0; 44 | overflow-x: hidden; 45 | overflow-y: auto; 46 | padding: 50px 20px 20px; 47 | position: fixed; 48 | top: 0; 49 | } 50 | .sidebar-title { 51 | color: #eee; 52 | padding: 20px 0 20px 0px; 53 | font-size: 1.4em; 54 | } 55 | .nav-sidebar { 56 | margin-bottom: 20px; 57 | } 58 | .sidebar li { 59 | margin-left: -20px; 60 | } 61 | .nav-sidebar > li > a { 62 | /*padding: 20px 20px 20px 30px;*/ 63 | color: #999999 !important; 64 | } 65 | .nav-sidebar > .active > a, 66 | .nav-sidebar > .active > a:hover, 67 | .nav-sidebar > .active > a:focus { 68 | background-color: #111111 !important; 69 | color: #fff !important; 70 | } 71 | .nav-sidebar > li > a:hover, 72 | .nav-sidebar > li > a:focus { 73 | background-color: #666666; 74 | color: #FFFFFF !important; 75 | } 76 | .popover { 77 | position: absolute; 78 | top: 0; 79 | left: 0; 80 | z-index: 1060; 81 | display: none; 82 | max-width: 400px; 83 | max-height: 400px; 84 | padding: 1px; 85 | text-align: left; 86 | background-color: #ffffff; 87 | background-clip: padding-box; 88 | border: 1px solid #cccccc; 89 | border: 1px solid rgba(0, 0, 0, 0.2); 90 | border-radius: 200px; 91 | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 92 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 93 | white-space: normal; 94 | } 95 | -------------------------------------------------------------------------------- /public/css/style.css: -------------------------------------------------------------------------------- 1 | html, body { 2 | font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; 3 | font-size: 12pt; 4 | background-color: #333; 5 | color: #777; 6 | font-weight: 300; 7 | } 8 | h1, h2 { 9 | color: #999; 10 | font-weight: 400; 11 | margin: 0.2em 0 0.2em 0; 12 | } 13 | 14 | .navbar-brand { 15 | color: #fff !important; 16 | font-size: 16pt; 17 | font-weight: 400; 18 | } 19 | .navbar-brand a { color: #fff !important; text-decoration: none;} 20 | .ibm { 21 | color: #00b1ee; 22 | font-weight: 200; 23 | } 24 | .dev { 25 | color: #00b1ee; 26 | font-size: 8pt; 27 | text-transform: uppercase; 28 | vertical-align: super; 29 | } 30 | 31 | #map { 32 | width: 100%; 33 | height: 484px; 34 | } 35 | 36 | .appwindow { 37 | color: #fff; 38 | /*background-color: #fff;*/ /*#22537A;*/ 39 | /*padding:12px;*/ 40 | /*border-radius: 12px;*/ 41 | /*-moz-border-radius: 12px;*/ 42 | } 43 | 44 | div.leaflet-popup-content { 45 | color: #22537A; 46 | } 47 | 48 | .caption { 49 | font-size: 75%; 50 | line-height: 1em; 51 | font-style: italic; 52 | } 53 | 54 | #content { 55 | line-height: 1.5em; 56 | padding-top: 2em; 57 | padding-left: 25%; 58 | padding-right: 15%; 59 | } 60 | 61 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Field Work | IBM CDS 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 31 | 32 |
33 |
34 | 35 |
36 |
37 |

Field Work

38 |
39 |
40 | 41 | 42 |
43 |
44 | 45 |
46 | 47 | 48 |
49 | 50 |
51 | 56 |
57 |
58 |

Field Work is a web application that supports offline editing and mapping of geospatial data using Cloudant Geo or Lucene Geo query. It also supports map editing, and syncs locally edited data back to an IBM Cloudant database.

60 |

Many field-based industries whose personnel are disconnected from communications networks -- often in remote areas or even underground -- can benefit from this kind of offline-first mobile application.

61 |

Fork me on GitHub

62 |
63 |
64 |
65 | 66 |
67 | 72 |
73 |
74 |
    75 |
  1. Drag the map to an area you want to see.
    2. 76 |
  2. Click the Load Data button.
    3. 77 |
  3. On the upper right of the map, choose the data types you want to see.
    4. 78 |
  4. In the left pane, click the Edit Pins button. Pushpins appear on the map.
    5. 79 |
  5. On the left side of the map, use the controls that appear to edit items. (Hover over a control for guidance.)
    6. 80 |
81 |
82 |
83 |
84 | 85 |
86 | 91 |
92 |
93 |

The stuff that's baked in.

94 |
95 |
Runtime
96 |
This is a Node.js app running on IBM Bluemix. Node.js code is JavaScript running on the server side. Node.js has a rich collection of add-on libraries that can be baked into your applications using the npm package manager. This application uses the Express web framework and the Cloudant Node.js library, amongst others, to power this web app.
100 |
101 |
102 |
Data
103 |
Spatial data for this demo comes from MassGIS and was converted into GeoJSON using 104 | QGIS, which was then imported into Cloudant using the 105 | couchimport CSV library. Data is fetched from Cloudant using Cloudant's Geo API.
106 |
107 |
108 |
Code
109 |
Fieldwork is an open-source project published under the Apache-2.0 license. This means that it is free for you to use, copy or modify in any way. Feel free to download the 110 | code on Github and alter it to suit your own purposes before deploying it from your local own machine using the cf push command. Contributions to this project are welcome: either raise an Issue on Github or if you fix or improve something, Fork the code, alter it and send us a pull request. 112 |
113 |
114 |
115 |
Compression
116 |
By compressing or "zipping up" the search results within Fieldwork before sending the data to the browser, we can make savings on the volume of data being transferred between server and client. The smaller the amount 117 | of data being transferred, the faster the service - especially in cirumstances where bandwidth is low, such as mobile applications. For instance, this request takes 39k to transfer uncompressed but less than 7k compressed - nearly a 6x saving. Compression is achieved using the Compression Express module. 120 |
121 |
122 |
123 |
124 |
125 |
126 | 127 | 128 |
129 | 130 | 131 |
132 |
133 |
134 |
135 | 136 | 137 | Fork me on GitHub 139 | 140 |
141 | 142 | 143 |
144 | 145 | 146 | 147 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | -------------------------------------------------------------------------------- /public/js/bootbox.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * bootbox.js v4.3.0 3 | * 4 | * http://bootboxjs.com/license.txt 5 | */ 6 | !function(a,b){"use strict";"function"==typeof define&&define.amd?define(["jquery"],b):"object"==typeof exports?module.exports=b(require("jquery")):a.bootbox=b(a.jQuery)}(this,function a(b,c){"use strict";function d(a){var b=q[o.locale];return b?b[a]:q.en[a]}function e(a,c,d){a.stopPropagation(),a.preventDefault();var e=b.isFunction(d)&&d(a)===!1;e||c.modal("hide")}function f(a){var b,c=0;for(b in a)c++;return c}function g(a,c){var d=0;b.each(a,function(a,b){c(a,b,d++)})}function h(a){var c,d;if("object"!=typeof a)throw new Error("Please supply an object of options");if(!a.message)throw new Error("Please specify a message");return a=b.extend({},o,a),a.buttons||(a.buttons={}),a.backdrop=a.backdrop?"static":!1,c=a.buttons,d=f(c),g(c,function(a,e,f){if(b.isFunction(e)&&(e=c[a]={callback:e}),"object"!==b.type(e))throw new Error("button with key "+a+" must be an object");e.label||(e.label=a),e.className||(e.className=2>=d&&f===d-1?"btn-primary":"btn-default")}),a}function i(a,b){var c=a.length,d={};if(1>c||c>2)throw new Error("Invalid argument length");return 2===c||"string"==typeof a[0]?(d[b[0]]=a[0],d[b[1]]=a[1]):d=a[0],d}function j(a,c,d){return b.extend(!0,{},a,i(c,d))}function k(a,b,c,d){var e={className:"bootbox-"+a,buttons:l.apply(null,b)};return m(j(e,d,c),b)}function l(){for(var a={},b=0,c=arguments.length;c>b;b++){var e=arguments[b],f=e.toLowerCase(),g=e.toUpperCase();a[f]={label:d(g)}}return a}function m(a,b){var d={};return g(b,function(a,b){d[b]=!0}),g(a.buttons,function(a){if(d[a]===c)throw new Error("button key "+a+" is not allowed (options are "+b.join("\n")+")")}),a}var n={dialog:"",header:"

",footer:"
",closeButton:"",form:"
",inputs:{text:"",textarea:"",email:"",select:"",checkbox:"
",date:"",time:"",number:"",password:""}},o={locale:"en",backdrop:!0,animate:!0,className:null,closeButton:!0,show:!0,container:"body"},p={};p.alert=function(){var a;if(a=k("alert",["ok"],["message","callback"],arguments),a.callback&&!b.isFunction(a.callback))throw new Error("alert requires callback property to be a function when provided");return a.buttons.ok.callback=a.onEscape=function(){return b.isFunction(a.callback)?a.callback():!0},p.dialog(a)},p.confirm=function(){var a;if(a=k("confirm",["cancel","confirm"],["message","callback"],arguments),a.buttons.cancel.callback=a.onEscape=function(){return a.callback(!1)},a.buttons.confirm.callback=function(){return a.callback(!0)},!b.isFunction(a.callback))throw new Error("confirm requires a callback");return p.dialog(a)},p.prompt=function(){var a,d,e,f,h,i,k;if(f=b(n.form),d={className:"bootbox-prompt",buttons:l("cancel","confirm"),value:"",inputType:"text"},a=m(j(d,arguments,["title","callback"]),["cancel","confirm"]),i=a.show===c?!0:a.show,a.message=f,a.buttons.cancel.callback=a.onEscape=function(){return a.callback(null)},a.buttons.confirm.callback=function(){var c;switch(a.inputType){case"text":case"textarea":case"email":case"select":case"date":case"time":case"number":case"password":c=h.val();break;case"checkbox":var d=h.find("input:checked");c=[],g(d,function(a,d){c.push(b(d).val())})}return a.callback(c)},a.show=!1,!a.title)throw new Error("prompt requires a title");if(!b.isFunction(a.callback))throw new Error("prompt requires a callback");if(!n.inputs[a.inputType])throw new Error("invalid prompt type");switch(h=b(n.inputs[a.inputType]),a.inputType){case"text":case"textarea":case"email":case"date":case"time":case"number":case"password":h.val(a.value);break;case"select":var o={};if(k=a.inputOptions||[],!k.length)throw new Error("prompt with select requires options");g(k,function(a,d){var e=h;if(d.value===c||d.text===c)throw new Error("given options in wrong format");d.group&&(o[d.group]||(o[d.group]=b("").attr("label",d.group)),e=o[d.group]),e.append("")}),g(o,function(a,b){h.append(b)}),h.val(a.value);break;case"checkbox":var q=b.isArray(a.value)?a.value:[a.value];if(k=a.inputOptions||[],!k.length)throw new Error("prompt with checkbox requires options");if(!k[0].value||!k[0].text)throw new Error("given options in wrong format");h=b("
"),g(k,function(c,d){var e=b(n.inputs[a.inputType]);e.find("input").attr("value",d.value),e.find("label").append(d.text),g(q,function(a,b){b===d.value&&e.find("input").prop("checked",!0)}),h.append(e)})}return a.placeholder&&h.attr("placeholder",a.placeholder),a.pattern&&h.attr("pattern",a.pattern),f.append(h),f.on("submit",function(a){a.preventDefault(),a.stopPropagation(),e.find(".btn-primary").click()}),e=p.dialog(a),e.off("shown.bs.modal"),e.on("shown.bs.modal",function(){h.focus()}),i===!0&&e.modal("show"),e},p.dialog=function(a){a=h(a);var c=b(n.dialog),d=c.find(".modal-dialog"),f=c.find(".modal-body"),i=a.buttons,j="",k={onEscape:a.onEscape};if(g(i,function(a,b){j+="",k[a]=b.callback}),f.find(".bootbox-body").html(a.message),a.animate===!0&&c.addClass("fade"),a.className&&c.addClass(a.className),"large"===a.size&&d.addClass("modal-lg"),"small"===a.size&&d.addClass("modal-sm"),a.title&&f.before(n.header),a.closeButton){var l=b(n.closeButton);a.title?c.find(".modal-header").prepend(l):l.css("margin-top","-10px").prependTo(f)}return a.title&&c.find(".modal-title").html(a.title),j.length&&(f.after(n.footer),c.find(".modal-footer").html(j)),c.on("hidden.bs.modal",function(a){a.target===this&&c.remove()}),c.on("shown.bs.modal",function(){c.find(".btn-primary:first").focus()}),c.on("escape.close.bb",function(a){k.onEscape&&e(a,c,k.onEscape)}),c.on("click",".modal-footer button",function(a){var d=b(this).data("bb-handler");e(a,c,k[d])}),c.on("click",".bootbox-close-button",function(a){e(a,c,k.onEscape)}),c.on("keyup",function(a){27===a.which&&c.trigger("escape.close.bb")}),b(a.container).append(c),c.modal({backdrop:a.backdrop,keyboard:!1,show:!1}),a.show&&c.modal("show"),c},p.setDefaults=function(){var a={};2===arguments.length?a[arguments[0]]=arguments[1]:a=arguments[0],b.extend(o,a)},p.hideAll=function(){return b(".bootbox").modal("hide"),p};var q={br:{OK:"OK",CANCEL:"Cancelar",CONFIRM:"Sim"},cs:{OK:"OK",CANCEL:"Zrušit",CONFIRM:"Potvrdit"},da:{OK:"OK",CANCEL:"Annuller",CONFIRM:"Accepter"},de:{OK:"OK",CANCEL:"Abbrechen",CONFIRM:"Akzeptieren"},el:{OK:"Εντάξει",CANCEL:"Ακύρωση",CONFIRM:"Επιβεβαίωση"},en:{OK:"OK",CANCEL:"Cancel",CONFIRM:"OK"},es:{OK:"OK",CANCEL:"Cancelar",CONFIRM:"Aceptar"},et:{OK:"OK",CANCEL:"Katkesta",CONFIRM:"OK"},fi:{OK:"OK",CANCEL:"Peruuta",CONFIRM:"OK"},fr:{OK:"OK",CANCEL:"Annuler",CONFIRM:"D'accord"},he:{OK:"אישור",CANCEL:"ביטול",CONFIRM:"אישור"},id:{OK:"OK",CANCEL:"Batal",CONFIRM:"OK"},it:{OK:"OK",CANCEL:"Annulla",CONFIRM:"Conferma"},ja:{OK:"OK",CANCEL:"キャンセル",CONFIRM:"確認"},lt:{OK:"Gerai",CANCEL:"Atšaukti",CONFIRM:"Patvirtinti"},lv:{OK:"Labi",CANCEL:"Atcelt",CONFIRM:"Apstiprināt"},nl:{OK:"OK",CANCEL:"Annuleren",CONFIRM:"Accepteren"},no:{OK:"OK",CANCEL:"Avbryt",CONFIRM:"OK"},pl:{OK:"OK",CANCEL:"Anuluj",CONFIRM:"Potwierdź"},pt:{OK:"OK",CANCEL:"Cancelar",CONFIRM:"Confirmar"},ru:{OK:"OK",CANCEL:"Отмена",CONFIRM:"Применить"},sv:{OK:"OK",CANCEL:"Avbryt",CONFIRM:"OK"},tr:{OK:"Tamam",CANCEL:"İptal",CONFIRM:"Onayla"},zh_CN:{OK:"OK",CANCEL:"取消",CONFIRM:"确认"},zh_TW:{OK:"OK",CANCEL:"取消",CONFIRM:"確認"}};return p.init=function(c){return a(c||b)},p}); -------------------------------------------------------------------------------- /public/js/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.2.0 (http://getbootstrap.com) 3 | * Copyright 2011-2014 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */ 6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){return a(b.target).is(this)?b.handleObj.handler.apply(this,arguments):void 0}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.2.0",d.prototype.close=function(b){function c(){f.detach().trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one("bsTransitionEnd",c).emulateTransitionEnd(150):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.2.0",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),d[e](null==f[b]?this.options[b]:f[b]),setTimeout(a.proxy(function(){"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?a=!1:b.find(".active").removeClass("active")),a&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}a&&this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target);d.hasClass("btn")||(d=d.closest(".btn")),b.call(d,"toggle"),c.preventDefault()})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b).on("keydown.bs.carousel",a.proxy(this.keydown,this)),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.2.0",c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},c.prototype.keydown=function(a){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.to=function(b){var c=this,d=this.getItemIndex(this.$active=this.$element.find(".item.active"));return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){return this.sliding?void 0:this.slide("next")},c.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},c.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}if(e.hasClass("active"))return this.sliding=!1;var j=e[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:g});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,f&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(e)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:g});return a.support.transition&&this.$element.hasClass("slide")?(e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one("bsTransitionEnd",function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(1e3*d.css("transition-duration").slice(0,-1))):(d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger(m)),f&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b);!e&&f.toggle&&"show"==b&&(b=!b),e||d.data("bs.collapse",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};c.VERSION="3.2.0",c.DEFAULTS={toggle:!0},c.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},c.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var c=a.Event("show.bs.collapse");if(this.$element.trigger(c),!c.isDefaultPrevented()){var d=this.$parent&&this.$parent.find("> .panel > .in");if(d&&d.length){var e=d.data("bs.collapse");if(e&&e.transitioning)return;b.call(d,"hide"),e||d.data("bs.collapse",null)}var f=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[f](0),this.transitioning=1;var g=function(){this.$element.removeClass("collapsing").addClass("collapse in")[f](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return g.call(this);var h=a.camelCase(["scroll",f].join("-"));this.$element.one("bsTransitionEnd",a.proxy(g,this)).emulateTransitionEnd(350)[f](this.$element[0][h])}}},c.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(d,this)).emulateTransitionEnd(350):d.call(this)}}},c.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var d=a.fn.collapse;a.fn.collapse=b,a.fn.collapse.Constructor=c,a.fn.collapse.noConflict=function(){return a.fn.collapse=d,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(c){var d,e=a(this),f=e.attr("data-target")||c.preventDefault()||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""),g=a(f),h=g.data("bs.collapse"),i=h?"toggle":e.data(),j=e.attr("data-parent"),k=j&&a(j);h&&h.transitioning||(k&&k.find('[data-toggle="collapse"][data-parent="'+j+'"]').not(e).addClass("collapsed"),e[g.hasClass("in")?"addClass":"removeClass"]("collapsed")),b.call(g,i)})}(jQuery),+function(a){"use strict";function b(b){b&&3===b.which||(a(e).remove(),a(f).each(function(){var d=c(a(this)),e={relatedTarget:this};d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown",e)),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown",e))}))}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.2.0",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('
').insertAfter(a(this)).on("click",b);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus"),f.toggleClass("open").trigger("shown.bs.dropdown",h)}return!1}},g.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var e=c(d),g=e.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.divider):visible a",i=e.find('[role="menu"]'+h+', [role="listbox"]'+h);if(i.length){var j=i.index(i.filter(":focus"));38==b.keyCode&&j>0&&j--,40==b.keyCode&&j').appendTo(this.$body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),e&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;e?this.$backdrop.one("bsTransitionEnd",b).emulateTransitionEnd(150):b()}else if(!this.isShown&&this.$backdrop){this.$backdrop.removeClass("in");var f=function(){c.removeBackdrop(),b&&b()};a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one("bsTransitionEnd",f).emulateTransitionEnd(150):f()}else b&&b()},c.prototype.checkScrollbar=function(){document.body.clientWidth>=window.innerWidth||(this.scrollbarWidth=this.scrollbarWidth||this.measureScrollbar())},c.prototype.setScrollbar=function(){var a=parseInt(this.$body.css("padding-right")||0,10);this.scrollbarWidth&&this.$body.css("padding-right",a+this.scrollbarWidth)},c.prototype.resetScrollbar=function(){this.$body.css("padding-right","")},c.prototype.measureScrollbar=function(){var a=document.createElement("div");a.className="modal-scrollbar-measure",this.$body.append(a);var b=a.offsetWidth-a.clientWidth;return this.$body[0].removeChild(a),b};var d=a.fn.modal;a.fn.modal=b,a.fn.modal.Constructor=c,a.fn.modal.noConflict=function(){return a.fn.modal=d,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(c){var d=a(this),e=d.attr("href"),f=a(d.attr("data-target")||e&&e.replace(/.*(?=#[^\s]+$)/,"")),g=f.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(e)&&e},f.data(),d.data());d.is("a")&&c.preventDefault(),f.one("show.bs.modal",function(a){a.isDefaultPrevented()||f.one("hidden.bs.modal",function(){d.is(":visible")&&d.trigger("focus")})}),b.call(f,g,this)})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tooltip"),f="object"==typeof b&&b;(e||"destroy"!=b)&&(e||d.data("bs.tooltip",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};c.VERSION="3.2.0",c.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},c.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.$viewport=this.options.viewport&&a(this.options.viewport.selector||this.options.viewport);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},c.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},c.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show()},c.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},c.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(b);var c=a.contains(document.documentElement,this.$element[0]);if(b.isDefaultPrevented()||!c)return;var d=this,e=this.tip(),f=this.getUID(this.type);this.setContent(),e.attr("id",f),this.$element.attr("aria-describedby",f),this.options.animation&&e.addClass("fade");var g="function"==typeof this.options.placement?this.options.placement.call(this,e[0],this.$element[0]):this.options.placement,h=/\s?auto?\s?/i,i=h.test(g);i&&(g=g.replace(h,"")||"top"),e.detach().css({top:0,left:0,display:"block"}).addClass(g).data("bs."+this.type,this),this.options.container?e.appendTo(this.options.container):e.insertAfter(this.$element);var j=this.getPosition(),k=e[0].offsetWidth,l=e[0].offsetHeight;if(i){var m=g,n=this.$element.parent(),o=this.getPosition(n);g="bottom"==g&&j.top+j.height+l-o.scroll>o.height?"top":"top"==g&&j.top-o.scroll-l<0?"bottom":"right"==g&&j.right+k>o.width?"left":"left"==g&&j.left-kg.top+g.height&&(e.top=g.top+g.height-i)}else{var j=b.left-f,k=b.left+f+c;jg.width&&(e.left=g.left+g.width-k)}return e},c.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},c.prototype.getUID=function(a){do a+=~~(1e6*Math.random());while(document.getElementById(a));return a},c.prototype.tip=function(){return this.$tip=this.$tip||a(this.options.template)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},c.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},c.prototype.enable=function(){this.enabled=!0},c.prototype.disable=function(){this.enabled=!1},c.prototype.toggleEnabled=function(){this.enabled=!this.enabled},c.prototype.toggle=function(b){var c=this;b&&(c=a(b.currentTarget).data("bs."+this.type),c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c))),c.tip().hasClass("in")?c.leave(c):c.enter(c)},c.prototype.destroy=function(){clearTimeout(this.timeout),this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var d=a.fn.tooltip;a.fn.tooltip=b,a.fn.tooltip.Constructor=c,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=d,this}}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof b&&b;(e||"destroy"!=b)&&(e||d.data("bs.popover",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");c.VERSION="3.2.0",c.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:''}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").empty()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},c.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){var e=a.proxy(this.process,this);this.$body=a("body"),this.$scrollElement=a(a(c).is("body")?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",e),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.2.0",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b="offset",c=0;a.isWindow(this.$scrollElement[0])||(b="position",c=this.$scrollElement.scrollTop()),this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight();var d=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[b]().top+c,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){d.offsets.push(this[0]),d.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b<=e[0])return g!=(a=f[0])&&this.activate(a);for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,a(this.selector).parentsUntil(this.options.target,".active").removeClass("active");var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")};var d=a.fn.scrollspy;a.fn.scrollspy=c,a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=d,this},a(window).on("load.bs.scrollspy.data-api",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);c.call(b,b.data())})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new c(this)),"string"==typeof b&&e[b]()})}var c=function(b){this.element=a(b)};c.VERSION="3.2.0",c.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.closest("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},c.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one("bsTransitionEnd",e).emulateTransitionEnd(150):e(),f.removeClass("in")};var d=a.fn.tab;a.fn.tab=b,a.fn.tab.Constructor=c,a.fn.tab.noConflict=function(){return a.fn.tab=d,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(c){c.preventDefault(),b.call(a(this),"show")})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof b&&b;e||d.data("bs.affix",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.options=a.extend({},c.DEFAULTS,d),this.$target=a(this.options.target).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(b),this.affixed=this.unpin=this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.2.0",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=a(document).height(),d=this.$target.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top(this.$element)),"function"==typeof h&&(h=f.bottom(this.$element));var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=b-h?"bottom":null!=g&&g>=d?"top":!1;if(this.affixed!==i){null!=this.unpin&&this.$element.css("top","");var j="affix"+(i?"-"+i:""),k=a.Event(j+".bs.affix");this.$element.trigger(k),k.isDefaultPrevented()||(this.affixed=i,this.unpin="bottom"==i?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(j).trigger(a.Event(j.replace("affix","affixed"))),"bottom"==i&&this.$element.offset({top:b-this.$element.height()-h}))}}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},d.offsetBottom&&(d.offset.bottom=d.offsetBottom),d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery); -------------------------------------------------------------------------------- /public/js/images/layers-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/public/js/images/layers-2x.png -------------------------------------------------------------------------------- /public/js/images/layers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/public/js/images/layers.png -------------------------------------------------------------------------------- /public/js/images/marker-icon-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/public/js/images/marker-icon-2x.png -------------------------------------------------------------------------------- /public/js/images/marker-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/public/js/images/marker-icon.png -------------------------------------------------------------------------------- /public/js/images/marker-red.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/public/js/images/marker-red.png -------------------------------------------------------------------------------- /public/js/images/marker-shadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/public/js/images/marker-shadow.png -------------------------------------------------------------------------------- /public/js/images/marker-yellow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibm-watson-data-lab/fieldwork/bcbe93662e77b1952d791e7e2aff09a4fd7ef757/public/js/images/marker-yellow.png -------------------------------------------------------------------------------- /public/js/layers.js: -------------------------------------------------------------------------------- 1 | var FIRST_LOAD = true; 2 | 3 | /** Add PouchDB docs to Leaflet map */ 4 | function updateMapLayer(pdb, maplayer) { 5 | pdb.allDocs( {include_docs: true} ).then(function (result) { 6 | maplayer.clearLayers(); 7 | for (var i = 0; i < result.rows.length; i++) { 8 | if ( result.rows[i].doc.geometry && result.rows[i].doc.geometry.coordinates ) 9 | maplayer.addData(result.rows[i].doc); 10 | } 11 | }).catch(function (err) { 12 | sendMessage('Error loading data from pouchdb to map: '+err); 13 | }); 14 | } 15 | 16 | function loadFromCloudantQuery(queryobj, pdb, maplayer) { 17 | $('#messages').val("\nREQUESTING: "+queryobj.url); 18 | 19 | $.ajax(queryobj) 20 | .done(function (data) { 21 | // data = JSON.parse(data); 22 | if (data.rows) { 23 | if (data.rows.length > 0) { 24 | var gs = new Array(); 25 | for (var i = 0; i < data.rows.length; i++) gs.push(data.rows[i].doc); 26 | // save features into pouchdb 27 | pdb.bulkDocs(gs).then(function (result) { 28 | // console.log('Pouch load result: '+JSON.stringify(result)); 29 | if (data.bookmark) { 30 | if ( queryobj.url.indexOf('bookmark=') > 0 ) 31 | queryobj.url = queryobj.url.substring(0, queryobj.url.indexOf('&bookmark=')); 32 | queryobj.url += '&bookmark='+data.bookmark; 33 | loadFromCloudantQuery(queryobj, pdb, maplayer); 34 | } 35 | }).catch(function (err) { 36 | console.error('Error posting bulk docs: '+err); 37 | }); 38 | } else { // no more rows 39 | updateMapLayer(pdb, maplayer); 40 | } 41 | } else { 42 | console.error("Error retrieving GeoJSON features"); 43 | } 44 | }) 45 | .fail(function(jqxhr, textStatus, error) { 46 | sendMessage('loadFromCloudantQuery query failed: '+error.toString());//+'Trying to load map layer from PouchDB cache...'); 47 | // updateMapLayer(pdb, maplayer); 48 | }); 49 | } 50 | 51 | /* get a single base data layer from Cloudant identified by the array index 52 | * and put it into a PouchDB database and then onto a Leaflet GeoJSON layer on the map */ 53 | function loadLayer(idx, bbox) { 54 | remotedbs[idx] = new PouchDB(mapconfig.geodata[idx].name); 55 | var queryobj = buildQueryObject(mapconfig.geodata[idx], bbox); 56 | loadFromCloudantQuery(queryobj, remotedbs[idx], maplayers[idx]); 57 | } 58 | 59 | function loadEditableLayer(bbox) { 60 | editdb = new PouchDB(mapconfig.editlayer.name); 61 | var sync = editdb.sync(remoteeditdb, {live:true,retry:true}) 62 | .on('change', function (info) { 63 | sendMessage(['CHANGE', info]); 64 | if ( info.direction == 'pull') { 65 | updateMapLayer(editdb, editlayer); 66 | document.getElementById('editbutton').disabled = false; 67 | document.getElementById('loadbutton').disabled = true; 68 | } 69 | }).on('paused', function () { 70 | sendMessage("Replication paused"); 71 | console.log('Checking for FIRST_LOAD'); 72 | if ( FIRST_LOAD ) { 73 | console.log('FIRST_LOAD FIRST_LOAD FIRST_LOAD'); 74 | updateMapLayer(editdb, editlayer); 75 | document.getElementById('editbutton').disabled = false; 76 | document.getElementById('loadbutton').disabled = true; 77 | FIRST_LOAD = false; 78 | } 79 | }).on('active', function () { 80 | sendMessage("Active Replication..."); 81 | }).on('complete', function (info) { 82 | sendMessage(['COMPLETE', info]); 83 | }).on('denied', function (info) { 84 | sendMessage(['DENIED', info]); 85 | }).on('error', function (err) { 86 | sendMessage(['ERROR', err]); 87 | }); 88 | // var queryobj = buildQueryObject(mapconfig.editlayer, bbox); 89 | // loadFromCloudantQuery(queryobj, editdb, editlayer); 90 | } 91 | 92 | // get all data layers from Cloudant 93 | function loadData() { 94 | var bbox = map.getBounds().toBBoxString(); 95 | 96 | // get editable layer 97 | loadEditableLayer(bbox); 98 | 99 | for (var i = 0; i < remotedbs.length; i++) { 100 | loadLayer(i, bbox); 101 | } 102 | addOverlaysControl(); 103 | } // end function loadData 104 | 105 | function buildQueryObject(layerconfig, bbox) { 106 | var q = 'https://'; 107 | // if (layerconfig.key) q += layerconfig.key + ':' + layerconfig.password + '@'; 108 | q += layerconfig.account + '/' + layerconfig.name + '/' + layerconfig.geopath; 109 | q += '?include_docs=true&limit=200&bbox=' + bbox; 110 | // the contentType header was causing a failure due to a 'preflight' request being generated 111 | var qo = { url: q};//, contentType: 'application/json' }; 112 | if (layerconfig.key && layerconfig.password) { 113 | qo.username = layerconfig.key; 114 | qo.password = layerconfig.password; 115 | } 116 | return qo; 117 | } 118 | -------------------------------------------------------------------------------- /public/js/leaflet.draw.js: -------------------------------------------------------------------------------- 1 | /* 2 | Leaflet.draw, a plugin that adds drawing and editing tools to Leaflet powered maps. 3 | (c) 2012-2013, Jacob Toye, Smartrak 4 | 5 | https://github.com/Leaflet/Leaflet.draw 6 | http://leafletjs.com 7 | https://github.com/jacobtoye 8 | */ 9 | !function(t,e){L.drawVersion="0.2.4-dev",L.drawLocal={draw:{toolbar:{actions:{title:"Cancel drawing",text:"Cancel"},undo:{title:"Delete last point drawn",text:"Delete last point"},buttons:{polyline:"Draw a polyline",polygon:"Draw a polygon",rectangle:"Draw a rectangle",circle:"Draw a circle",marker:"Draw a marker"}},handlers:{circle:{tooltip:{start:"Click and drag to draw circle."}},marker:{tooltip:{start:"Click map to place marker."}},polygon:{tooltip:{start:"Click to start drawing shape.",cont:"Click to continue drawing shape.",end:"Click first point to close this shape."}},polyline:{error:"Error: shape edges cannot cross!",tooltip:{start:"Click to start drawing line.",cont:"Click to continue drawing line.",end:"Click last point to finish line."}},rectangle:{tooltip:{start:"Click and drag to draw rectangle."}},simpleshape:{tooltip:{end:"Release mouse to finish drawing."}}}},edit:{toolbar:{actions:{save:{title:"Save changes.",text:"Save"},cancel:{title:"Cancel editing, discards all changes.",text:"Cancel"}},buttons:{edit:"Edit layers.",editDisabled:"No layers to edit.",remove:"Delete layers.",removeDisabled:"No layers to delete."}},handlers:{edit:{tooltip:{text:"Drag handles, or marker to edit feature.",subtext:"Click cancel to undo changes."}},remove:{tooltip:{text:"Click on a feature to remove"}}}}},L.Draw={},L.Draw.Feature=L.Handler.extend({includes:L.Mixin.Events,initialize:function(t,e){this._map=t,this._container=t._container,this._overlayPane=t._panes.overlayPane,this._popupPane=t._panes.popupPane,e&&e.shapeOptions&&(e.shapeOptions=L.Util.extend({},this.options.shapeOptions,e.shapeOptions)),L.setOptions(this,e)},enable:function(){this._enabled||(L.Handler.prototype.enable.call(this),this.fire("enabled",{handler:this.type}),this._map.fire("draw:drawstart",{layerType:this.type}))},disable:function(){this._enabled&&(L.Handler.prototype.disable.call(this),this._map.fire("draw:drawstop",{layerType:this.type}),this.fire("disabled",{handler:this.type}))},addHooks:function(){var t=this._map;t&&(L.DomUtil.disableTextSelection(),t.getContainer().focus(),this._tooltip=new L.Tooltip(this._map),L.DomEvent.on(this._container,"keyup",this._cancelDrawing,this))},removeHooks:function(){this._map&&(L.DomUtil.enableTextSelection(),this._tooltip.dispose(),this._tooltip=null,L.DomEvent.off(this._container,"keyup",this._cancelDrawing,this))},setOptions:function(t){L.setOptions(this,t)},_fireCreatedEvent:function(t){this._map.fire("draw:created",{layer:t,layerType:this.type})},_cancelDrawing:function(t){27===t.keyCode&&this.disable()}}),L.Draw.Polyline=L.Draw.Feature.extend({statics:{TYPE:"polyline"},Poly:L.Polyline,options:{allowIntersection:!0,repeatMode:!1,drawError:{color:"#b00b00",timeout:2500},icon:new L.DivIcon({iconSize:new L.Point(8,8),className:"leaflet-div-icon leaflet-editing-icon"}),guidelineDistance:20,maxGuideLineLength:4e3,shapeOptions:{stroke:!0,color:"#f06eaa",weight:4,opacity:.5,fill:!1,clickable:!0},metric:!0,showLength:!0,zIndexOffset:2e3},initialize:function(t,e){this.options.drawError.message=L.drawLocal.draw.handlers.polyline.error,e&&e.drawError&&(e.drawError=L.Util.extend({},this.options.drawError,e.drawError)),this.type=L.Draw.Polyline.TYPE,L.Draw.Feature.prototype.initialize.call(this,t,e)},addHooks:function(){L.Draw.Feature.prototype.addHooks.call(this),this._map&&(this._markers=[],this._markerGroup=new L.LayerGroup,this._map.addLayer(this._markerGroup),this._poly=new L.Polyline([],this.options.shapeOptions),this._tooltip.updateContent(this._getTooltipText()),this._mouseMarker||(this._mouseMarker=L.marker(this._map.getCenter(),{icon:L.divIcon({className:"leaflet-mouse-marker",iconAnchor:[20,20],iconSize:[40,40]}),opacity:0,zIndexOffset:this.options.zIndexOffset})),this._mouseMarker.on("mousedown",this._onMouseDown,this).addTo(this._map),this._map.on("mousemove",this._onMouseMove,this).on("mouseup",this._onMouseUp,this).on("zoomend",this._onZoomEnd,this))},removeHooks:function(){L.Draw.Feature.prototype.removeHooks.call(this),this._clearHideErrorTimeout(),this._cleanUpShape(),this._map.removeLayer(this._markerGroup),delete this._markerGroup,delete this._markers,this._map.removeLayer(this._poly),delete this._poly,this._mouseMarker.off("mousedown",this._onMouseDown,this).off("mouseup",this._onMouseUp,this),this._map.removeLayer(this._mouseMarker),delete this._mouseMarker,this._clearGuides(),this._map.off("mousemove",this._onMouseMove,this).off("zoomend",this._onZoomEnd,this)},deleteLastVertex:function(){if(!(this._markers.length<=1)){var t=this._markers.pop(),e=this._poly,i=this._poly.spliceLatLngs(e.getLatLngs().length-1,1)[0];this._markerGroup.removeLayer(t),e.getLatLngs().length<2&&this._map.removeLayer(e),this._vertexChanged(i,!1)}},addVertex:function(t){var e=this._markers.length;return e>0&&!this.options.allowIntersection&&this._poly.newLatLngIntersects(t)?(this._showErrorTooltip(),void 0):(this._errorShown&&this._hideErrorTooltip(),this._markers.push(this._createMarker(t)),this._poly.addLatLng(t),2===this._poly.getLatLngs().length&&this._map.addLayer(this._poly),this._vertexChanged(t,!0),void 0)},_finishShape:function(){var t=this._poly.newLatLngIntersects(this._poly.getLatLngs()[0],!0);return!this.options.allowIntersection&&t||!this._shapeIsValid()?(this._showErrorTooltip(),void 0):(this._fireCreatedEvent(),this.disable(),this.options.repeatMode&&this.enable(),void 0)},_shapeIsValid:function(){return!0},_onZoomEnd:function(){this._updateGuide()},_onMouseMove:function(t){var e=t.layerPoint,i=t.latlng;this._currentLatLng=i,this._updateTooltip(i),this._updateGuide(e),this._mouseMarker.setLatLng(i),L.DomEvent.preventDefault(t.originalEvent)},_vertexChanged:function(t,e){this._updateFinishHandler(),this._updateRunningMeasure(t,e),this._clearGuides(),this._updateTooltip()},_onMouseDown:function(t){var e=t.originalEvent;this._mouseDownOrigin=L.point(e.clientX,e.clientY)},_onMouseUp:function(e){if(this._mouseDownOrigin){var i=L.point(e.originalEvent.clientX,e.originalEvent.clientY).distanceTo(this._mouseDownOrigin);Math.abs(i)<9*(t.devicePixelRatio||1)&&this.addVertex(e.latlng)}this._mouseDownOrigin=null},_updateFinishHandler:function(){var t=this._markers.length;t>1&&this._markers[t-1].on("click",this._finishShape,this),t>2&&this._markers[t-2].off("click",this._finishShape,this)},_createMarker:function(t){var e=new L.Marker(t,{icon:this.options.icon,zIndexOffset:2*this.options.zIndexOffset});return this._markerGroup.addLayer(e),e},_updateGuide:function(t){var e=this._markers.length;e>0&&(t=t||this._map.latLngToLayerPoint(this._currentLatLng),this._clearGuides(),this._drawGuide(this._map.latLngToLayerPoint(this._markers[e-1].getLatLng()),t))},_updateTooltip:function(t){var e=this._getTooltipText();t&&this._tooltip.updatePosition(t),this._errorShown||this._tooltip.updateContent(e)},_drawGuide:function(t,e){var i,o,a,s=Math.floor(Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))),r=this.options.guidelineDistance,n=this.options.maxGuideLineLength,l=s>n?s-n:r;for(this._guidesContainer||(this._guidesContainer=L.DomUtil.create("div","leaflet-draw-guides",this._overlayPane));s>l;l+=this.options.guidelineDistance)i=l/s,o={x:Math.floor(t.x*(1-i)+i*e.x),y:Math.floor(t.y*(1-i)+i*e.y)},a=L.DomUtil.create("div","leaflet-draw-guide-dash",this._guidesContainer),a.style.backgroundColor=this._errorShown?this.options.drawError.color:this.options.shapeOptions.color,L.DomUtil.setPosition(a,o)},_updateGuideColor:function(t){if(this._guidesContainer)for(var e=0,i=this._guidesContainer.childNodes.length;i>e;e++)this._guidesContainer.childNodes[e].style.backgroundColor=t},_clearGuides:function(){if(this._guidesContainer)for(;this._guidesContainer.firstChild;)this._guidesContainer.removeChild(this._guidesContainer.firstChild)},_getTooltipText:function(){var t,e,i=this.options.showLength;return 0===this._markers.length?t={text:L.drawLocal.draw.handlers.polyline.tooltip.start}:(e=i?this._getMeasurementString():"",t=1===this._markers.length?{text:L.drawLocal.draw.handlers.polyline.tooltip.cont,subtext:e}:{text:L.drawLocal.draw.handlers.polyline.tooltip.end,subtext:e}),t},_updateRunningMeasure:function(t,e){var i,o,a=this._markers.length;1===this._markers.length?this._measurementRunningTotal=0:(i=a-(e?2:1),o=t.distanceTo(this._markers[i].getLatLng()),this._measurementRunningTotal+=o*(e?1:-1))},_getMeasurementString:function(){var t,e=this._currentLatLng,i=this._markers[this._markers.length-1].getLatLng();return t=this._measurementRunningTotal+e.distanceTo(i),L.GeometryUtil.readableDistance(t,this.options.metric)},_showErrorTooltip:function(){this._errorShown=!0,this._tooltip.showAsError().updateContent({text:this.options.drawError.message}),this._updateGuideColor(this.options.drawError.color),this._poly.setStyle({color:this.options.drawError.color}),this._clearHideErrorTimeout(),this._hideErrorTimeout=setTimeout(L.Util.bind(this._hideErrorTooltip,this),this.options.drawError.timeout)},_hideErrorTooltip:function(){this._errorShown=!1,this._clearHideErrorTimeout(),this._tooltip.removeError().updateContent(this._getTooltipText()),this._updateGuideColor(this.options.shapeOptions.color),this._poly.setStyle({color:this.options.shapeOptions.color})},_clearHideErrorTimeout:function(){this._hideErrorTimeout&&(clearTimeout(this._hideErrorTimeout),this._hideErrorTimeout=null)},_cleanUpShape:function(){this._markers.length>1&&this._markers[this._markers.length-1].off("click",this._finishShape,this)},_fireCreatedEvent:function(){var t=new this.Poly(this._poly.getLatLngs(),this.options.shapeOptions);L.Draw.Feature.prototype._fireCreatedEvent.call(this,t)}}),L.Draw.Polygon=L.Draw.Polyline.extend({statics:{TYPE:"polygon"},Poly:L.Polygon,options:{showArea:!1,shapeOptions:{stroke:!0,color:"#f06eaa",weight:4,opacity:.5,fill:!0,fillColor:null,fillOpacity:.2,clickable:!0}},initialize:function(t,e){L.Draw.Polyline.prototype.initialize.call(this,t,e),this.type=L.Draw.Polygon.TYPE},_updateFinishHandler:function(){var t=this._markers.length;1===t&&this._markers[0].on("click",this._finishShape,this),t>2&&(this._markers[t-1].on("dblclick",this._finishShape,this),t>3&&this._markers[t-2].off("dblclick",this._finishShape,this))},_getTooltipText:function(){var t,e;return 0===this._markers.length?t=L.drawLocal.draw.handlers.polygon.tooltip.start:this._markers.length<3?t=L.drawLocal.draw.handlers.polygon.tooltip.cont:(t=L.drawLocal.draw.handlers.polygon.tooltip.end,e=this._getMeasurementString()),{text:t,subtext:e}},_getMeasurementString:function(){var t=this._area;return t?L.GeometryUtil.readableArea(t,this.options.metric):null},_shapeIsValid:function(){return this._markers.length>=3},_vertexChanged:function(t,e){var i;!this.options.allowIntersection&&this.options.showArea&&(i=this._poly.getLatLngs(),this._area=L.GeometryUtil.geodesicArea(i)),L.Draw.Polyline.prototype._vertexChanged.call(this,t,e)},_cleanUpShape:function(){var t=this._markers.length;t>0&&(this._markers[0].off("click",this._finishShape,this),t>2&&this._markers[t-1].off("dblclick",this._finishShape,this))}}),L.SimpleShape={},L.Draw.SimpleShape=L.Draw.Feature.extend({options:{repeatMode:!1},initialize:function(t,e){this._endLabelText=L.drawLocal.draw.handlers.simpleshape.tooltip.end,L.Draw.Feature.prototype.initialize.call(this,t,e)},addHooks:function(){L.Draw.Feature.prototype.addHooks.call(this),this._map&&(this._mapDraggable=this._map.dragging.enabled(),this._mapDraggable&&this._map.dragging.disable(),this._container.style.cursor="crosshair",this._tooltip.updateContent({text:this._initialLabelText}),this._map.on("mousedown",this._onMouseDown,this).on("mousemove",this._onMouseMove,this))},removeHooks:function(){L.Draw.Feature.prototype.removeHooks.call(this),this._map&&(this._mapDraggable&&this._map.dragging.enable(),this._container.style.cursor="",this._map.off("mousedown",this._onMouseDown,this).off("mousemove",this._onMouseMove,this),L.DomEvent.off(e,"mouseup",this._onMouseUp,this),this._shape&&(this._map.removeLayer(this._shape),delete this._shape)),this._isDrawing=!1},_getTooltipText:function(){return{text:this._endLabelText}},_onMouseDown:function(t){this._isDrawing=!0,this._startLatLng=t.latlng,L.DomEvent.on(e,"mouseup",this._onMouseUp,this).preventDefault(t.originalEvent)},_onMouseMove:function(t){var e=t.latlng;this._tooltip.updatePosition(e),this._isDrawing&&(this._tooltip.updateContent(this._getTooltipText()),this._drawShape(e))},_onMouseUp:function(){this._shape&&this._fireCreatedEvent(),this.disable(),this.options.repeatMode&&this.enable()}}),L.Draw.Rectangle=L.Draw.SimpleShape.extend({statics:{TYPE:"rectangle"},options:{shapeOptions:{stroke:!0,color:"#f06eaa",weight:4,opacity:.5,fill:!0,fillColor:null,fillOpacity:.2,clickable:!0},metric:!0},initialize:function(t,e){this.type=L.Draw.Rectangle.TYPE,this._initialLabelText=L.drawLocal.draw.handlers.rectangle.tooltip.start,L.Draw.SimpleShape.prototype.initialize.call(this,t,e)},_drawShape:function(t){this._shape?this._shape.setBounds(new L.LatLngBounds(this._startLatLng,t)):(this._shape=new L.Rectangle(new L.LatLngBounds(this._startLatLng,t),this.options.shapeOptions),this._map.addLayer(this._shape))},_fireCreatedEvent:function(){var t=new L.Rectangle(this._shape.getBounds(),this.options.shapeOptions);L.Draw.SimpleShape.prototype._fireCreatedEvent.call(this,t)},_getTooltipText:function(){var t,e,i,o=L.Draw.SimpleShape.prototype._getTooltipText.call(this),a=this._shape;return a&&(t=this._shape.getLatLngs(),e=L.GeometryUtil.geodesicArea(t),i=L.GeometryUtil.readableArea(e,this.options.metric)),{text:o.text,subtext:i}}}),L.Draw.Circle=L.Draw.SimpleShape.extend({statics:{TYPE:"circle"},options:{shapeOptions:{stroke:!0,color:"#f06eaa",weight:4,opacity:.5,fill:!0,fillColor:null,fillOpacity:.2,clickable:!0},showRadius:!0,metric:!0},initialize:function(t,e){this.type=L.Draw.Circle.TYPE,this._initialLabelText=L.drawLocal.draw.handlers.circle.tooltip.start,L.Draw.SimpleShape.prototype.initialize.call(this,t,e)},_drawShape:function(t){this._shape?this._shape.setRadius(this._startLatLng.distanceTo(t)):(this._shape=new L.Circle(this._startLatLng,this._startLatLng.distanceTo(t),this.options.shapeOptions),this._map.addLayer(this._shape))},_fireCreatedEvent:function(){var t=new L.Circle(this._startLatLng,this._shape.getRadius(),this.options.shapeOptions);L.Draw.SimpleShape.prototype._fireCreatedEvent.call(this,t)},_onMouseMove:function(t){var e,i=t.latlng,o=this.options.showRadius,a=this.options.metric;this._tooltip.updatePosition(i),this._isDrawing&&(this._drawShape(i),e=this._shape.getRadius().toFixed(1),this._tooltip.updateContent({text:this._endLabelText,subtext:o?"Radius: "+L.GeometryUtil.readableDistance(e,a):""}))}}),L.Draw.Marker=L.Draw.Feature.extend({statics:{TYPE:"marker"},options:{icon:new L.Icon.Default,repeatMode:!1,zIndexOffset:2e3},initialize:function(t,e){this.type=L.Draw.Marker.TYPE,L.Draw.Feature.prototype.initialize.call(this,t,e)},addHooks:function(){L.Draw.Feature.prototype.addHooks.call(this),this._map&&(this._tooltip.updateContent({text:L.drawLocal.draw.handlers.marker.tooltip.start}),this._mouseMarker||(this._mouseMarker=L.marker(this._map.getCenter(),{icon:L.divIcon({className:"leaflet-mouse-marker",iconAnchor:[20,20],iconSize:[40,40]}),opacity:0,zIndexOffset:this.options.zIndexOffset})),this._mouseMarker.on("click",this._onClick,this).addTo(this._map),this._map.on("mousemove",this._onMouseMove,this))},removeHooks:function(){L.Draw.Feature.prototype.removeHooks.call(this),this._map&&(this._marker&&(this._marker.off("click",this._onClick,this),this._map.off("click",this._onClick,this).removeLayer(this._marker),delete this._marker),this._mouseMarker.off("click",this._onClick,this),this._map.removeLayer(this._mouseMarker),delete this._mouseMarker,this._map.off("mousemove",this._onMouseMove,this))},_onMouseMove:function(t){var e=t.latlng;this._tooltip.updatePosition(e),this._mouseMarker.setLatLng(e),this._marker?(e=this._mouseMarker.getLatLng(),this._marker.setLatLng(e)):(this._marker=new L.Marker(e,{icon:this.options.icon,zIndexOffset:this.options.zIndexOffset}),this._marker.on("click",this._onClick,this),this._map.on("click",this._onClick,this).addLayer(this._marker))},_onClick:function(){this._fireCreatedEvent(),this.disable(),this.options.repeatMode&&this.enable()},_fireCreatedEvent:function(){var t=new L.Marker(this._marker.getLatLng(),{icon:this.options.icon});L.Draw.Feature.prototype._fireCreatedEvent.call(this,t)}}),L.Edit=L.Edit||{},L.Edit.Poly=L.Handler.extend({options:{icon:new L.DivIcon({iconSize:new L.Point(8,8),className:"leaflet-div-icon leaflet-editing-icon"})},initialize:function(t,e){this._poly=t,L.setOptions(this,e)},addHooks:function(){this._poly._map&&(this._markerGroup||this._initMarkers(),this._poly._map.addLayer(this._markerGroup))},removeHooks:function(){this._poly._map&&(this._poly._map.removeLayer(this._markerGroup),delete this._markerGroup,delete this._markers)},updateMarkers:function(){this._markerGroup.clearLayers(),this._initMarkers()},_initMarkers:function(){this._markerGroup||(this._markerGroup=new L.LayerGroup),this._markers=[];var t,e,i,o,a=this._poly._latlngs;for(t=0,i=a.length;i>t;t++)o=this._createMarker(a[t],t),o.on("click",this._onMarkerClick,this),this._markers.push(o);var s,r;for(t=0,e=i-1;i>t;e=t++)(0!==t||L.Polygon&&this._poly instanceof L.Polygon)&&(s=this._markers[e],r=this._markers[t],this._createMiddleMarker(s,r),this._updatePrevNext(s,r))},_createMarker:function(t,e){var i=new L.Marker(t,{draggable:!0,icon:this.options.icon});return i._origLatLng=t,i._index=e,i.on("drag",this._onMarkerDrag,this),i.on("dragend",this._fireEdit,this),this._markerGroup.addLayer(i),i},_removeMarker:function(t){var e=t._index;this._markerGroup.removeLayer(t),this._markers.splice(e,1),this._poly.spliceLatLngs(e,1),this._updateIndexes(e,-1),t.off("drag",this._onMarkerDrag,this).off("dragend",this._fireEdit,this).off("click",this._onMarkerClick,this)},_fireEdit:function(){this._poly.edited=!0,this._poly.fire("edit")},_onMarkerDrag:function(t){var e=t.target;L.extend(e._origLatLng,e._latlng),e._middleLeft&&e._middleLeft.setLatLng(this._getMiddleLatLng(e._prev,e)),e._middleRight&&e._middleRight.setLatLng(this._getMiddleLatLng(e,e._next)),this._poly.redraw()},_onMarkerClick:function(t){var e=L.Polygon&&this._poly instanceof L.Polygon?4:3,i=t.target;this._poly._latlngs.lengtht&&(i._index+=e)})},_createMiddleMarker:function(t,e){var i,o,a,s=this._getMiddleLatLng(t,e),r=this._createMarker(s);r.setOpacity(.6),t._middleRight=e._middleLeft=r,o=function(){var o=e._index;r._index=o,r.off("click",i,this).on("click",this._onMarkerClick,this),s.lat=r.getLatLng().lat,s.lng=r.getLatLng().lng,this._poly.spliceLatLngs(o,0,s),this._markers.splice(o,0,r),r.setOpacity(1),this._updateIndexes(o,1),e._index++,this._updatePrevNext(t,r),this._updatePrevNext(r,e),this._poly.fire("editstart")},a=function(){r.off("dragstart",o,this),r.off("dragend",a,this),this._createMiddleMarker(t,r),this._createMiddleMarker(r,e)},i=function(){o.call(this),a.call(this),this._fireEdit()},r.on("click",i,this).on("dragstart",o,this).on("dragend",a,this),this._markerGroup.addLayer(r)},_updatePrevNext:function(t,e){t&&(t._next=e),e&&(e._prev=t)},_getMiddleLatLng:function(t,e){var i=this._poly._map,o=i.project(t.getLatLng()),a=i.project(e.getLatLng());return i.unproject(o._add(a)._divideBy(2))}}),L.Polyline.addInitHook(function(){this.editing||(L.Edit.Poly&&(this.editing=new L.Edit.Poly(this),this.options.editable&&this.editing.enable()),this.on("add",function(){this.editing&&this.editing.enabled()&&this.editing.addHooks()}),this.on("remove",function(){this.editing&&this.editing.enabled()&&this.editing.removeHooks()}))}),L.Edit=L.Edit||{},L.Edit.SimpleShape=L.Handler.extend({options:{moveIcon:new L.DivIcon({iconSize:new L.Point(8,8),className:"leaflet-div-icon leaflet-editing-icon leaflet-edit-move"}),resizeIcon:new L.DivIcon({iconSize:new L.Point(8,8),className:"leaflet-div-icon leaflet-editing-icon leaflet-edit-resize"})},initialize:function(t,e){this._shape=t,L.Util.setOptions(this,e)},addHooks:function(){this._shape._map&&(this._map=this._shape._map,this._markerGroup||this._initMarkers(),this._map.addLayer(this._markerGroup))},removeHooks:function(){if(this._shape._map){this._unbindMarker(this._moveMarker);for(var t=0,e=this._resizeMarkers.length;e>t;t++)this._unbindMarker(this._resizeMarkers[t]);this._resizeMarkers=null,this._map.removeLayer(this._markerGroup),delete this._markerGroup}this._map=null},updateMarkers:function(){this._markerGroup.clearLayers(),this._initMarkers()},_initMarkers:function(){this._markerGroup||(this._markerGroup=new L.LayerGroup),this._createMoveMarker(),this._createResizeMarker()},_createMoveMarker:function(){},_createResizeMarker:function(){},_createMarker:function(t,e){var i=new L.Marker(t,{draggable:!0,icon:e,zIndexOffset:10});return this._bindMarker(i),this._markerGroup.addLayer(i),i},_bindMarker:function(t){t.on("dragstart",this._onMarkerDragStart,this).on("drag",this._onMarkerDrag,this).on("dragend",this._onMarkerDragEnd,this)},_unbindMarker:function(t){t.off("dragstart",this._onMarkerDragStart,this).off("drag",this._onMarkerDrag,this).off("dragend",this._onMarkerDragEnd,this)},_onMarkerDragStart:function(t){var e=t.target;e.setOpacity(0),this._shape.fire("editstart")},_fireEdit:function(){this._shape.edited=!0,this._shape.fire("edit")},_onMarkerDrag:function(t){var e=t.target,i=e.getLatLng();e===this._moveMarker?this._move(i):this._resize(i),this._shape.redraw()},_onMarkerDragEnd:function(t){var e=t.target;e.setOpacity(1),this._fireEdit()},_move:function(){},_resize:function(){}}),L.Edit=L.Edit||{},L.Edit.Rectangle=L.Edit.SimpleShape.extend({_createMoveMarker:function(){var t=this._shape.getBounds(),e=t.getCenter();this._moveMarker=this._createMarker(e,this.options.moveIcon)},_createResizeMarker:function(){var t=this._getCorners();this._resizeMarkers=[];for(var e=0,i=t.length;i>e;e++)this._resizeMarkers.push(this._createMarker(t[e],this.options.resizeIcon)),this._resizeMarkers[e]._cornerIndex=e},_onMarkerDragStart:function(t){L.Edit.SimpleShape.prototype._onMarkerDragStart.call(this,t);var e=this._getCorners(),i=t.target,o=i._cornerIndex;this._oppositeCorner=e[(o+2)%4],this._toggleCornerMarkers(0,o)},_onMarkerDragEnd:function(t){var e,i,o=t.target;o===this._moveMarker&&(e=this._shape.getBounds(),i=e.getCenter(),o.setLatLng(i)),this._toggleCornerMarkers(1),this._repositionCornerMarkers(),L.Edit.SimpleShape.prototype._onMarkerDragEnd.call(this,t)},_move:function(t){for(var e,i=this._shape.getLatLngs(),o=this._shape.getBounds(),a=o.getCenter(),s=[],r=0,n=i.length;n>r;r++)e=[i[r].lat-a.lat,i[r].lng-a.lng],s.push([t.lat+e[0],t.lng+e[1]]);this._shape.setLatLngs(s),this._repositionCornerMarkers()},_resize:function(t){var e;this._shape.setBounds(L.latLngBounds(t,this._oppositeCorner)),e=this._shape.getBounds(),this._moveMarker.setLatLng(e.getCenter())},_getCorners:function(){var t=this._shape.getBounds(),e=t.getNorthWest(),i=t.getNorthEast(),o=t.getSouthEast(),a=t.getSouthWest();return[e,i,o,a]},_toggleCornerMarkers:function(t){for(var e=0,i=this._resizeMarkers.length;i>e;e++)this._resizeMarkers[e].setOpacity(t)},_repositionCornerMarkers:function(){for(var t=this._getCorners(),e=0,i=this._resizeMarkers.length;i>e;e++)this._resizeMarkers[e].setLatLng(t[e])}}),L.Rectangle.addInitHook(function(){L.Edit.Rectangle&&(this.editing=new L.Edit.Rectangle(this),this.options.editable&&this.editing.enable())}),L.Edit=L.Edit||{},L.Edit.Circle=L.Edit.SimpleShape.extend({_createMoveMarker:function(){var t=this._shape.getLatLng();this._moveMarker=this._createMarker(t,this.options.moveIcon)},_createResizeMarker:function(){var t=this._shape.getLatLng(),e=this._getResizeMarkerPoint(t);this._resizeMarkers=[],this._resizeMarkers.push(this._createMarker(e,this.options.resizeIcon))},_getResizeMarkerPoint:function(t){var e=this._shape._radius*Math.cos(Math.PI/4),i=this._map.project(t);return this._map.unproject([i.x+e,i.y-e])},_move:function(t){var e=this._getResizeMarkerPoint(t);this._resizeMarkers[0].setLatLng(e),this._shape.setLatLng(t)},_resize:function(t){var e=this._moveMarker.getLatLng(),i=e.distanceTo(t);this._shape.setRadius(i)}}),L.Circle.addInitHook(function(){L.Edit.Circle&&(this.editing=new L.Edit.Circle(this),this.options.editable&&this.editing.enable()),this.on("add",function(){this.editing&&this.editing.enabled()&&this.editing.addHooks()}),this.on("remove",function(){this.editing&&this.editing.enabled()&&this.editing.removeHooks()})}),L.LatLngUtil={cloneLatLngs:function(t){for(var e=[],i=0,o=t.length;o>i;i++)e.push(this.cloneLatLng(t[i]));return e},cloneLatLng:function(t){return L.latLng(t.lat,t.lng)}},L.GeometryUtil=L.extend(L.GeometryUtil||{},{geodesicArea:function(t){var e,i,o=t.length,a=0,s=L.LatLng.DEG_TO_RAD;if(o>2){for(var r=0;o>r;r++)e=t[r],i=t[(r+1)%o],a+=(i.lng-e.lng)*s*(2+Math.sin(e.lat*s)+Math.sin(i.lat*s));a=6378137*a*6378137/2}return Math.abs(a)},readableArea:function(t,e){var i;return e?i=t>=1e4?(1e-4*t).toFixed(2)+" ha":t.toFixed(2)+" m²":(t/=.836127,i=t>=3097600?(t/3097600).toFixed(2)+" mi²":t>=4840?(t/4840).toFixed(2)+" acres":Math.ceil(t)+" yd²"),i},readableDistance:function(t,e){var i;return e?i=t>1e3?(t/1e3).toFixed(2)+" km":Math.ceil(t)+" m":(t*=1.09361,i=t>1760?(t/1760).toFixed(2)+" miles":Math.ceil(t)+" yd"),i}}),L.Util.extend(L.LineUtil,{segmentsIntersect:function(t,e,i,o){return this._checkCounterclockwise(t,i,o)!==this._checkCounterclockwise(e,i,o)&&this._checkCounterclockwise(t,e,i)!==this._checkCounterclockwise(t,e,o)},_checkCounterclockwise:function(t,e,i){return(i.y-t.y)*(e.x-t.x)>(e.y-t.y)*(i.x-t.x)}}),L.Polyline.include({intersects:function(){var t,e,i,o=this._originalPoints,a=o?o.length:0;if(this._tooFewPointsForIntersection())return!1;for(t=a-1;t>=3;t--)if(e=o[t-1],i=o[t],this._lineSegmentsIntersectsRange(e,i,t-2))return!0;return!1},newLatLngIntersects:function(t,e){return this._map?this.newPointIntersects(this._map.latLngToLayerPoint(t),e):!1},newPointIntersects:function(t,e){var i=this._originalPoints,o=i?i.length:0,a=i?i[o-1]:null,s=o-2;return this._tooFewPointsForIntersection(1)?!1:this._lineSegmentsIntersectsRange(a,t,s,e?1:0)},_tooFewPointsForIntersection:function(t){var e=this._originalPoints,i=e?e.length:0;return i+=t||0,!this._originalPoints||3>=i},_lineSegmentsIntersectsRange:function(t,e,i,o){var a,s,r=this._originalPoints;o=o||0;for(var n=i;n>o;n--)if(a=r[n-1],s=r[n],L.LineUtil.segmentsIntersect(t,e,a,s))return!0;return!1}}),L.Polygon.include({intersects:function(){var t,e,i,o,a,s=this._originalPoints;return this._tooFewPointsForIntersection()?!1:(t=L.Polyline.prototype.intersects.call(this))?!0:(e=s.length,i=s[0],o=s[e-1],a=e-2,this._lineSegmentsIntersectsRange(o,i,a,1))}}),L.Control.Draw=L.Control.extend({options:{position:"topleft",draw:{},edit:!1},initialize:function(t){if(L.version<"0.7")throw new Error("Leaflet.draw 0.2.3+ requires Leaflet 0.7.0+. Download latest from https://github.com/Leaflet/Leaflet/");L.Control.prototype.initialize.call(this,t);var e;this._toolbars={},L.DrawToolbar&&this.options.draw&&(e=new L.DrawToolbar(this.options.draw),this._toolbars[L.DrawToolbar.TYPE]=e,this._toolbars[L.DrawToolbar.TYPE].on("enable",this._toolbarEnabled,this)),L.EditToolbar&&this.options.edit&&(e=new L.EditToolbar(this.options.edit),this._toolbars[L.EditToolbar.TYPE]=e,this._toolbars[L.EditToolbar.TYPE].on("enable",this._toolbarEnabled,this))},onAdd:function(t){var e,i=L.DomUtil.create("div","leaflet-draw"),o=!1,a="leaflet-draw-toolbar-top";for(var s in this._toolbars)this._toolbars.hasOwnProperty(s)&&(e=this._toolbars[s].addToolbar(t),e&&(o||(L.DomUtil.hasClass(e,a)||L.DomUtil.addClass(e.childNodes[0],a),o=!0),i.appendChild(e)));return i},onRemove:function(){for(var t in this._toolbars)this._toolbars.hasOwnProperty(t)&&this._toolbars[t].removeToolbar()},setDrawingOptions:function(t){for(var e in this._toolbars)this._toolbars[e]instanceof L.DrawToolbar&&this._toolbars[e].setOptions(t)},_toolbarEnabled:function(t){var e=t.target;for(var i in this._toolbars)this._toolbars[i]!==e&&this._toolbars[i].disable()}}),L.Map.mergeOptions({drawControlTooltips:!0,drawControl:!1}),L.Map.addInitHook(function(){this.options.drawControl&&(this.drawControl=new L.Control.Draw,this.addControl(this.drawControl))}),L.Toolbar=L.Class.extend({includes:[L.Mixin.Events],initialize:function(t){L.setOptions(this,t),this._modes={},this._actionButtons=[],this._activeMode=null},enabled:function(){return null!==this._activeMode},disable:function(){this.enabled()&&this._activeMode.handler.disable()},addToolbar:function(t){var e,i=L.DomUtil.create("div","leaflet-draw-section"),o=0,a=this._toolbarClass||"",s=this.getModeHandlers(t);for(this._toolbarContainer=L.DomUtil.create("div","leaflet-draw-toolbar leaflet-bar"),this._map=t,e=0;ee;e++)this._disposeButton(this._actionButtons[e].button,this._actionButtons[e].callback,this);this._actionButtons=[],this._actionsContainer=null},_initModeHandler:function(t,e,i,o,a){var s=t.type;this._modes[s]={},this._modes[s].handler=t,this._modes[s].button=this._createButton({title:a,className:o+"-"+s,container:e,callback:this._modes[s].handler.enable,context:this._modes[s].handler}),this._modes[s].buttonIndex=i,this._modes[s].handler.on("enabled",this._handlerActivated,this).on("disabled",this._handlerDeactivated,this)},_createButton:function(t){var e=L.DomUtil.create("a",t.className||"",t.container);return e.href="#",t.text&&(e.innerHTML=t.text),t.title&&(e.title=t.title),L.DomEvent.on(e,"click",L.DomEvent.stopPropagation).on(e,"mousedown",L.DomEvent.stopPropagation).on(e,"dblclick",L.DomEvent.stopPropagation).on(e,"click",L.DomEvent.preventDefault).on(e,"click",t.callback,t.context),e},_disposeButton:function(t,e){L.DomEvent.off(t,"click",L.DomEvent.stopPropagation).off(t,"mousedown",L.DomEvent.stopPropagation).off(t,"dblclick",L.DomEvent.stopPropagation).off(t,"click",L.DomEvent.preventDefault).off(t,"click",e)},_handlerActivated:function(t){this.disable(),this._activeMode=this._modes[t.handler],L.DomUtil.addClass(this._activeMode.button,"leaflet-draw-toolbar-button-enabled"),this._showActionsToolbar(),this.fire("enable")},_handlerDeactivated:function(){this._hideActionsToolbar(),L.DomUtil.removeClass(this._activeMode.button,"leaflet-draw-toolbar-button-enabled"),this._activeMode=null,this.fire("disable")},_createActions:function(t){var e,i,o,a,s=this._actionsContainer,r=this.getActions(t),n=r.length;for(i=0,o=this._actionButtons.length;o>i;i++)this._disposeButton(this._actionButtons[i].button,this._actionButtons[i].callback);for(this._actionButtons=[];s.firstChild;)s.removeChild(s.firstChild);for(var l=0;n>l;l++)"enabled"in r[l]&&!r[l].enabled||(e=L.DomUtil.create("li","",s),a=this._createButton({title:r[l].title,text:r[l].text,container:e,callback:r[l].callback,context:r[l].context}),this._actionButtons.push({button:a,callback:r[l].callback}))},_showActionsToolbar:function(){var t=this._activeMode.buttonIndex,e=this._lastButtonIndex,i=this._activeMode.button.offsetTop-1; 10 | this._createActions(this._activeMode.handler),this._actionsContainer.style.top=i+"px",0===t&&(L.DomUtil.addClass(this._toolbarContainer,"leaflet-draw-toolbar-notop"),L.DomUtil.addClass(this._actionsContainer,"leaflet-draw-actions-top")),t===e&&(L.DomUtil.addClass(this._toolbarContainer,"leaflet-draw-toolbar-nobottom"),L.DomUtil.addClass(this._actionsContainer,"leaflet-draw-actions-bottom")),this._actionsContainer.style.display="block"},_hideActionsToolbar:function(){this._actionsContainer.style.display="none",L.DomUtil.removeClass(this._toolbarContainer,"leaflet-draw-toolbar-notop"),L.DomUtil.removeClass(this._toolbarContainer,"leaflet-draw-toolbar-nobottom"),L.DomUtil.removeClass(this._actionsContainer,"leaflet-draw-actions-top"),L.DomUtil.removeClass(this._actionsContainer,"leaflet-draw-actions-bottom")}}),L.Tooltip=L.Class.extend({initialize:function(t){this._map=t,this._popupPane=t._panes.popupPane,this._container=t.options.drawControlTooltips?L.DomUtil.create("div","leaflet-draw-tooltip",this._popupPane):null,this._singleLineLabel=!1},dispose:function(){this._container&&(this._popupPane.removeChild(this._container),this._container=null)},updateContent:function(t){return this._container?(t.subtext=t.subtext||"",0!==t.subtext.length||this._singleLineLabel?t.subtext.length>0&&this._singleLineLabel&&(L.DomUtil.removeClass(this._container,"leaflet-draw-tooltip-single"),this._singleLineLabel=!1):(L.DomUtil.addClass(this._container,"leaflet-draw-tooltip-single"),this._singleLineLabel=!0),this._container.innerHTML=(t.subtext.length>0?''+t.subtext+"
":"")+""+t.text+"",this):this},updatePosition:function(t){var e=this._map.latLngToLayerPoint(t),i=this._container;return this._container&&(i.style.visibility="inherit",L.DomUtil.setPosition(i,e)),this},showAsError:function(){return this._container&&L.DomUtil.addClass(this._container,"leaflet-error-draw-tooltip"),this},removeError:function(){return this._container&&L.DomUtil.removeClass(this._container,"leaflet-error-draw-tooltip"),this}}),L.DrawToolbar=L.Toolbar.extend({statics:{TYPE:"draw"},options:{polyline:{},polygon:{},rectangle:{},circle:{},marker:{}},initialize:function(t){for(var e in this.options)this.options.hasOwnProperty(e)&&t[e]&&(t[e]=L.extend({},this.options[e],t[e]));this._toolbarClass="leaflet-draw-draw",L.Toolbar.prototype.initialize.call(this,t)},getModeHandlers:function(t){return[{enabled:this.options.polyline,handler:new L.Draw.Polyline(t,this.options.polyline),title:L.drawLocal.draw.toolbar.buttons.polyline},{enabled:this.options.polygon,handler:new L.Draw.Polygon(t,this.options.polygon),title:L.drawLocal.draw.toolbar.buttons.polygon},{enabled:this.options.rectangle,handler:new L.Draw.Rectangle(t,this.options.rectangle),title:L.drawLocal.draw.toolbar.buttons.rectangle},{enabled:this.options.circle,handler:new L.Draw.Circle(t,this.options.circle),title:L.drawLocal.draw.toolbar.buttons.circle},{enabled:this.options.marker,handler:new L.Draw.Marker(t,this.options.marker),title:L.drawLocal.draw.toolbar.buttons.marker}]},getActions:function(t){return[{enabled:t.deleteLastVertex,title:L.drawLocal.draw.toolbar.undo.title,text:L.drawLocal.draw.toolbar.undo.text,callback:t.deleteLastVertex,context:t},{title:L.drawLocal.draw.toolbar.actions.title,text:L.drawLocal.draw.toolbar.actions.text,callback:this.disable,context:this}]},setOptions:function(t){L.setOptions(this,t);for(var e in this._modes)this._modes.hasOwnProperty(e)&&t.hasOwnProperty(e)&&this._modes[e].handler.setOptions(t[e])}}),L.EditToolbar=L.Toolbar.extend({statics:{TYPE:"edit"},options:{edit:{selectedPathOptions:{color:"#fe57a1",opacity:.6,dashArray:"10, 10",fill:!0,fillColor:"#fe57a1",fillOpacity:.1,maintainColor:!1}},remove:{},featureGroup:null},initialize:function(t){t.edit&&("undefined"==typeof t.edit.selectedPathOptions&&(t.edit.selectedPathOptions=this.options.edit.selectedPathOptions),t.edit.selectedPathOptions=L.extend({},this.options.edit.selectedPathOptions,t.edit.selectedPathOptions)),t.remove&&(t.remove=L.extend({},this.options.remove,t.remove)),this._toolbarClass="leaflet-draw-edit",L.Toolbar.prototype.initialize.call(this,t),this._selectedFeatureCount=0},getModeHandlers:function(t){var e=this.options.featureGroup;return[{enabled:this.options.edit,handler:new L.EditToolbar.Edit(t,{featureGroup:e,selectedPathOptions:this.options.edit.selectedPathOptions}),title:L.drawLocal.edit.toolbar.buttons.edit},{enabled:this.options.remove,handler:new L.EditToolbar.Delete(t,{featureGroup:e}),title:L.drawLocal.edit.toolbar.buttons.remove}]},getActions:function(){return[{title:L.drawLocal.edit.toolbar.actions.save.title,text:L.drawLocal.edit.toolbar.actions.save.text,callback:this._save,context:this},{title:L.drawLocal.edit.toolbar.actions.cancel.title,text:L.drawLocal.edit.toolbar.actions.cancel.text,callback:this.disable,context:this}]},addToolbar:function(t){var e=L.Toolbar.prototype.addToolbar.call(this,t);return this._checkDisabled(),this.options.featureGroup.on("layeradd layerremove",this._checkDisabled,this),e},removeToolbar:function(){this.options.featureGroup.off("layeradd layerremove",this._checkDisabled,this),L.Toolbar.prototype.removeToolbar.call(this)},disable:function(){this.enabled()&&(this._activeMode.handler.revertLayers(),L.Toolbar.prototype.disable.call(this))},_save:function(){this._activeMode.handler.save(),this._activeMode.handler.disable()},_checkDisabled:function(){var t,e=this.options.featureGroup,i=0!==e.getLayers().length;this.options.edit&&(t=this._modes[L.EditToolbar.Edit.TYPE].button,i?L.DomUtil.removeClass(t,"leaflet-disabled"):L.DomUtil.addClass(t,"leaflet-disabled"),t.setAttribute("title",i?L.drawLocal.edit.toolbar.buttons.edit:L.drawLocal.edit.toolbar.buttons.editDisabled)),this.options.remove&&(t=this._modes[L.EditToolbar.Delete.TYPE].button,i?L.DomUtil.removeClass(t,"leaflet-disabled"):L.DomUtil.addClass(t,"leaflet-disabled"),t.setAttribute("title",i?L.drawLocal.edit.toolbar.buttons.remove:L.drawLocal.edit.toolbar.buttons.removeDisabled))}}),L.EditToolbar.Edit=L.Handler.extend({statics:{TYPE:"edit"},includes:L.Mixin.Events,initialize:function(t,e){if(L.Handler.prototype.initialize.call(this,t),this._selectedPathOptions=e.selectedPathOptions,this._featureGroup=e.featureGroup,!(this._featureGroup instanceof L.FeatureGroup))throw new Error("options.featureGroup must be a L.FeatureGroup");this._uneditedLayerProps={},this.type=L.EditToolbar.Edit.TYPE},enable:function(){!this._enabled&&this._hasAvailableLayers()&&(this.fire("enabled",{handler:this.type}),this._map.fire("draw:editstart",{handler:this.type}),L.Handler.prototype.enable.call(this),this._featureGroup.on("layeradd",this._enableLayerEdit,this).on("layerremove",this._disableLayerEdit,this))},disable:function(){this._enabled&&(this._featureGroup.off("layeradd",this._enableLayerEdit,this).off("layerremove",this._disableLayerEdit,this),L.Handler.prototype.disable.call(this),this._map.fire("draw:editstop",{handler:this.type}),this.fire("disabled",{handler:this.type}))},addHooks:function(){var t=this._map;t&&(t.getContainer().focus(),this._featureGroup.eachLayer(this._enableLayerEdit,this),this._tooltip=new L.Tooltip(this._map),this._tooltip.updateContent({text:L.drawLocal.edit.handlers.edit.tooltip.text,subtext:L.drawLocal.edit.handlers.edit.tooltip.subtext}),this._map.on("mousemove",this._onMouseMove,this))},removeHooks:function(){this._map&&(this._featureGroup.eachLayer(this._disableLayerEdit,this),this._uneditedLayerProps={},this._tooltip.dispose(),this._tooltip=null,this._map.off("mousemove",this._onMouseMove,this))},revertLayers:function(){this._featureGroup.eachLayer(function(t){this._revertLayer(t)},this)},save:function(){var t=new L.LayerGroup;this._featureGroup.eachLayer(function(e){e.edited&&(t.addLayer(e),e.edited=!1)}),this._map.fire("draw:edited",{layers:t})},_backupLayer:function(t){var e=L.Util.stamp(t);this._uneditedLayerProps[e]||(t instanceof L.Polyline||t instanceof L.Polygon||t instanceof L.Rectangle?this._uneditedLayerProps[e]={latlngs:L.LatLngUtil.cloneLatLngs(t.getLatLngs())}:t instanceof L.Circle?this._uneditedLayerProps[e]={latlng:L.LatLngUtil.cloneLatLng(t.getLatLng()),radius:t.getRadius()}:t instanceof L.Marker&&(this._uneditedLayerProps[e]={latlng:L.LatLngUtil.cloneLatLng(t.getLatLng())}))},_revertLayer:function(t){var e=L.Util.stamp(t);t.edited=!1,this._uneditedLayerProps.hasOwnProperty(e)&&(t instanceof L.Polyline||t instanceof L.Polygon||t instanceof L.Rectangle?t.setLatLngs(this._uneditedLayerProps[e].latlngs):t instanceof L.Circle?(t.setLatLng(this._uneditedLayerProps[e].latlng),t.setRadius(this._uneditedLayerProps[e].radius)):t instanceof L.Marker&&t.setLatLng(this._uneditedLayerProps[e].latlng))},_toggleMarkerHighlight:function(t){if(t._icon){var e=t._icon;e.style.display="none",L.DomUtil.hasClass(e,"leaflet-edit-marker-selected")?(L.DomUtil.removeClass(e,"leaflet-edit-marker-selected"),this._offsetMarker(e,-4)):(L.DomUtil.addClass(e,"leaflet-edit-marker-selected"),this._offsetMarker(e,4)),e.style.display=""}},_offsetMarker:function(t,e){var i=parseInt(t.style.marginTop,10)-e,o=parseInt(t.style.marginLeft,10)-e;t.style.marginTop=i+"px",t.style.marginLeft=o+"px"},_enableLayerEdit:function(t){var e,i=t.layer||t.target||t,o=i instanceof L.Marker;(!o||i._icon)&&(this._backupLayer(i),this._selectedPathOptions&&(e=L.Util.extend({},this._selectedPathOptions),e.maintainColor&&(e.color=i.options.color,e.fillColor=i.options.fillColor),o?this._toggleMarkerHighlight(i):(i.options.previousOptions=L.Util.extend({dashArray:null},i.options),i instanceof L.Circle||i instanceof L.Polygon||i instanceof L.Rectangle||(e.fill=!1),i.setStyle(e))),o?(i.dragging.enable(),i.on("dragend",this._onMarkerDragEnd)):i.editing.enable())},_disableLayerEdit:function(t){var e=t.layer||t.target||t;e.edited=!1,this._selectedPathOptions&&(e instanceof L.Marker?this._toggleMarkerHighlight(e):(e.setStyle(e.options.previousOptions),delete e.options.previousOptions)),e instanceof L.Marker?(e.dragging.disable(),e.off("dragend",this._onMarkerDragEnd,this)):e.editing.disable()},_onMarkerDragEnd:function(t){var e=t.target;e.edited=!0},_onMouseMove:function(t){this._tooltip.updatePosition(t.latlng)},_hasAvailableLayers:function(){return 0!==this._featureGroup.getLayers().length}}),L.EditToolbar.Delete=L.Handler.extend({statics:{TYPE:"remove"},includes:L.Mixin.Events,initialize:function(t,e){if(L.Handler.prototype.initialize.call(this,t),L.Util.setOptions(this,e),this._deletableLayers=this.options.featureGroup,!(this._deletableLayers instanceof L.FeatureGroup))throw new Error("options.featureGroup must be a L.FeatureGroup");this.type=L.EditToolbar.Delete.TYPE},enable:function(){!this._enabled&&this._hasAvailableLayers()&&(this.fire("enabled",{handler:this.type}),this._map.fire("draw:deletestart",{handler:this.type}),L.Handler.prototype.enable.call(this),this._deletableLayers.on("layeradd",this._enableLayerDelete,this).on("layerremove",this._disableLayerDelete,this))},disable:function(){this._enabled&&(this._deletableLayers.off("layeradd",this._enableLayerDelete,this).off("layerremove",this._disableLayerDelete,this),L.Handler.prototype.disable.call(this),this._map.fire("draw:deletestop",{handler:this.type}),this.fire("disabled",{handler:this.type}))},addHooks:function(){var t=this._map;t&&(t.getContainer().focus(),this._deletableLayers.eachLayer(this._enableLayerDelete,this),this._deletedLayers=new L.layerGroup,this._tooltip=new L.Tooltip(this._map),this._tooltip.updateContent({text:L.drawLocal.edit.handlers.remove.tooltip.text}),this._map.on("mousemove",this._onMouseMove,this))},removeHooks:function(){this._map&&(this._deletableLayers.eachLayer(this._disableLayerDelete,this),this._deletedLayers=null,this._tooltip.dispose(),this._tooltip=null,this._map.off("mousemove",this._onMouseMove,this))},revertLayers:function(){this._deletedLayers.eachLayer(function(t){this._deletableLayers.addLayer(t)},this)},save:function(){this._map.fire("draw:deleted",{layers:this._deletedLayers})},_enableLayerDelete:function(t){var e=t.layer||t.target||t;e.on("click",this._removeLayer,this)},_disableLayerDelete:function(t){var e=t.layer||t.target||t;e.off("click",this._removeLayer,this),this._deletedLayers.removeLayer(e)},_removeLayer:function(t){var e=t.layer||t.target||t;this._deletableLayers.removeLayer(e),this._deletedLayers.addLayer(e)},_onMouseMove:function(t){this._tooltip.updatePosition(t.latlng)},_hasAvailableLayers:function(){return 0!==this._deletableLayers.getLayers().length}})}(window,document); -------------------------------------------------------------------------------- /public/js/leaflet.pouch.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 3 | L.GeoJSON.Pouch = L.GeoJSON.extend({ 4 | defaultParams: { 5 | continuous: true, 6 | direction: "from" 7 | }, 8 | initialize: function(remoteDB, opts) { 9 | var db, i, parts, pouchParams, 10 | _this = this; 11 | this._orig = [remoteDB, opts]; 12 | if (typeof remoteDB === "object") { 13 | opts = remoteDB; 14 | remoteDB = void 0; 15 | } 16 | if (remoteDB) { 17 | if (remoteDB.slice(0, 4) !== "http") { 18 | db = remoteDB; 19 | remoteDB = void 0; 20 | } else if (remoteDB.slice(0, 4) === "http") { 21 | if (opts && opts.idbName) { 22 | db = opts.idbName; 23 | } else { 24 | parts = remoteDB.split("/"); 25 | db = parts.shift(); 26 | while (db === "") { 27 | db = parts.shift(); 28 | } 29 | } 30 | } 31 | } else { 32 | if (opts && opts.idbName) { 33 | db = opts.idbName; 34 | } else { 35 | parts = location.pathname.split("/"); 36 | db = parts.shift(); 37 | while (db === "") { 38 | db = parts.shift(); 39 | } 40 | } 41 | } 42 | this._layers = {}; 43 | this._dbName = db; 44 | pouchParams = L.Util.extend({}, this.defaultParams); 45 | for (i in opts) { 46 | if (pouchParams.hasOwnProperty(i)) { 47 | pouchParams[i] = opts[i]; 48 | } 49 | } 50 | this.pouchParams = pouchParams; 51 | L.Util.setOptions(this, opts); 52 | return PouchDB(this._dbName, function(e1, db1) { 53 | if (!e1) { 54 | _this.localDB = db1; 55 | _this.localDB.changes({ 56 | continuous: _this.pouchParams.continuous, 57 | include_docs: true, 58 | onChange: function(c) { 59 | var doc; 60 | doc = c.doc; 61 | if (parseInt(doc._rev.slice(0, 1)) === 1) { 62 | if ("geometry" in doc) { 63 | _this.addData(doc); 64 | } 65 | } else if (parseInt(doc._rev.slice(0, 1)) > 1) { 66 | _this.eachLayer(function(f) { 67 | if (f.feature._id === doc._id) { 68 | return _this.removeLayer(f); 69 | } 70 | }); 71 | if ("geometry" in doc) { 72 | if (!doc._deleted) { 73 | _this.addData(doc); 74 | } 75 | } 76 | } 77 | return true; 78 | } 79 | }); 80 | if (remoteDB) { 81 | _this.remoteDB = remoteDB; 82 | _this.sync = function(cb) { 83 | var noOpt, options; 84 | options = { 85 | continuous: this.pouchParams.continuous 86 | }; 87 | switch (this.pouchParams.direction) { 88 | case "from": 89 | this._from = PouchDB.replicate(this.localDB, this.remoteDB, options); 90 | break; 91 | case "to": 92 | this._to = PouchDB.replicate(this.remoteDB, this.localDB, options); 93 | break; 94 | case "both": 95 | this._from = PouchDB.replicate(this.localDB, this.remoteDB, options); 96 | this._to = PouchDB.replicate(this.remoteDB, this.localDB, options); 97 | break; 98 | default: 99 | noOpt = true; 100 | } 101 | if (cb) { 102 | if (!noOpt) { 103 | cb(null, true); 104 | } 105 | if (noOpt) { 106 | return cb("No Option"); 107 | } 108 | } 109 | }; 110 | return _this.sync(); 111 | } 112 | } else if (remoteDB) { 113 | return Pouch(remoteDB, function(e3, db3) { 114 | if (!e3) { 115 | _this.localDB = db3; 116 | return _this.localDB.changes({ 117 | continuous: _this.pouchParams.continuous, 118 | include_docs: true, 119 | onChange: function(c) { 120 | var doc; 121 | doc = c.doc; 122 | if (parseInt(doc._rev.slice(0, 1)) === 1) { 123 | if ("geometry" in doc) { 124 | _this.addData(doc); 125 | } 126 | } else if (parseInt(doc._rev.slice(0, 1)) > 1) { 127 | _this.eachLayer(function(f) { 128 | if (f.feature._id === doc._id) { 129 | return _this.removeLayer(f); 130 | } 131 | }); 132 | if ("geometry" in doc) { 133 | if (!doc._deleted) { 134 | _this.addData(doc); 135 | } 136 | } 137 | } 138 | return true; 139 | } 140 | }); 141 | } 142 | }); 143 | } 144 | }); 145 | }, 146 | addDoc: function(doc, cb) { 147 | if (cb == null) { 148 | cb = function() { 149 | return true; 150 | }; 151 | } 152 | if ("type" in doc && doc.type === "Feature") { 153 | if (!("_id" in doc)) { 154 | return this.localDB.post(doc, cb); 155 | } else if ("_id" in doc && doc._id.slice(0, 8) !== "_design/") { 156 | return this.localDB.put(doc, cb); 157 | } 158 | } else if ("type" in doc && doc.type === "FeatureCollection") { 159 | return this.localDB.bulkDocs(doc.features, cb); 160 | } else if (doc.length) { 161 | return this.localDB.bulkDocs(doc, cb); 162 | } 163 | }, 164 | getDoc: function(id, cb) { 165 | if (cb == null) { 166 | cb = function() { 167 | return true; 168 | }; 169 | } 170 | return this.localDB.get(id, cb); 171 | }, 172 | deleteDoc: function(id, cb) { 173 | var _this = this; 174 | if (cb == null) { 175 | cb = function() { 176 | return true; 177 | }; 178 | } 179 | return this.getDoc(id, function(err, doc) { 180 | if (!err) { 181 | _this.localDB.remove(doc, cb); 182 | } 183 | if (err) { 184 | return cb("err"); 185 | } 186 | }); 187 | }, 188 | cancel: function(cb) { 189 | switch (this.pouchParams.direction) { 190 | case "from": 191 | this._from.cancel(); 192 | break; 193 | case "to": 194 | this._to.cancel(); 195 | break; 196 | case "both": 197 | this._from.cancel(); 198 | this._to.cancel(); 199 | } 200 | return cb(null, true); 201 | }, 202 | destroy: function(cb) { 203 | if (cb == null) { 204 | cb = function() { 205 | return true; 206 | }; 207 | } 208 | return PouchDB.destroy(this._dbName, cb); 209 | } 210 | }); 211 | 212 | L.geoJson.pouch = function(remoteDB, opts) { 213 | return new L.GeoJSON.Pouch(remoteDB, opts); 214 | }; 215 | 216 | }).call(this); 217 | -------------------------------------------------------------------------------- /public/js/webapp.js: -------------------------------------------------------------------------------- 1 | // Show Help message 2 | $('#helpmodal').modal('show') 3 | 4 | //-- initialize map 5 | var map = L.map('map').setView([42.35, -71.05], 16); // Boston 6 | 7 | L.mapbox.accessToken = 'pk.eyJ1IjoicmFqcnNpbmdoIiwiYSI6ImpzeDhXbk0ifQ.VeSXCxcobmgfLgJAnsK3nw'; 8 | L.mapbox.tileLayer('mapbox.pencil').addTo(map); 9 | 10 | L.control.scale().addTo(map); 11 | 12 | //-- get map configuration settings 13 | var mapconfig = null; 14 | $.ajax({ 15 | url: '/mapconfig', 16 | async: false, 17 | dataType: 'json', 18 | success: function (response) { 19 | mapconfig = response; 20 | } 21 | }); 22 | 23 | //-- initialize databases 24 | var remotedbs = new Array(mapconfig.geodata.length); 25 | var editdb = null; 26 | var remoteediturl = 'https://'+mapconfig.editlayer.key+':'+mapconfig.editlayer.password+ 27 | '@'+mapconfig.editlayer.key+'.cloudant.com/' + mapconfig.editlayer.name; 28 | var remoteeditdb = new PouchDB(remoteediturl); 29 | var maplayers = new Array(mapconfig.geodata.length+1); 30 | 31 | var annoMarker = L.Icon.extend({ 32 | options: { 33 | shadowUrl: null, 34 | iconAnchor: new L.Point(12, 12), 35 | iconSize: new L.Point(30, 44), 36 | iconUrl: './css/images/pushpin.png' 37 | } 38 | }); 39 | 40 | //-- database init 41 | // for (var i = 0; i < mapconfig.geodata.length; i++) { 42 | // remotedbs[i] = new PouchDB(mapconfig.geodata[i].name); 43 | // remotedbs[i].destroy().then(function () { 44 | // remotedbs[i] = new PouchDB(mapconfig.geodata[i].name); 45 | // }); 46 | // } 47 | 48 | //-- map layers setup 49 | var st = {radius: 12, fillColor: '#6157B9', fillOpacity: 0.2, color: '#6157B9'}; 50 | for (var i = 0; i < mapconfig.geodata.length; i++) { 51 | var dataset = mapconfig.geodata[i]; 52 | if (dataset.type === 'Point') { 53 | maplayers[i] = L.geoJson(null, { 54 | onEachFeature: onEachFeature, 55 | pointToLayer: function(feature, latlng) { return L.circleMarker(latlng, dataset.style)} 56 | // pointToLayer: function(feature, latlng) { return L.circleMarker(latlng, st)} 57 | });//.addTo(map); 58 | } else { 59 | maplayers[i] = L.geoJson(null, { 60 | onEachFeature: onEachFeature, 61 | style: mapconfig.geodata[i].style 62 | });//.addTo(map); 63 | } 64 | } 65 | 66 | //-- layer control setup 67 | function addOverlaysControl() { 68 | var overlayMaps = {}; 69 | for (var i = 0; i < mapconfig.geodata.length; i++) { 70 | overlayMaps[mapconfig.geodata[i].name] = maplayers[i]; 71 | } 72 | L.control.layers(null, overlayMaps, {collapsed:false,autoZIndex:true}).addTo(map); 73 | } 74 | 75 | // editable layer 76 | var editlayer = L.geoJson(null, { 77 | onEachFeature: onEachEditFeature, 78 | pointToLayer: function(feature, latlng) { return L.marker(latlng, {icon: new annoMarker()} ) } 79 | }).addTo(map); 80 | 81 | function onEachFeature(feature, layer) { 82 | if (feature.properties) { 83 | var pop = ''; 84 | for (var k in feature.properties) { 85 | pop += '' + k + ': ' + feature.properties[k] + '
'; 86 | } 87 | layer.bindPopup(pop); 88 | } 89 | } 90 | 91 | function onEachEditFeature(feature, layer) { 92 | onEachFeature(feature, layer); 93 | } 94 | 95 | function updateProperties(formelement) { 96 | alert('here with '+formelement); 97 | } 98 | 99 | ////---- Code around editing the layer 100 | var drawControl = null; 101 | function editFeatures() { 102 | if ( drawControl != null ) return; 103 | 104 | drawControl = new L.Control.Draw({ 105 | edit: { 106 | featureGroup: editlayer 107 | }, 108 | draw: { 109 | marker: { 110 | icon: new annoMarker() 111 | }, 112 | polygon: false, 113 | polyline: false, 114 | circle: false, 115 | rectangle: false 116 | } 117 | }); 118 | L.drawLocal.draw.toolbar.buttons.marker = 'Add a pushpin.'; 119 | L.drawLocal.draw.handlers.marker.tooltip.start = 'Click map to place pin.'; 120 | L.drawLocal.edit.toolbar.buttons.edit = 'Modify a pushpin.'; 121 | L.drawLocal.edit.handlers.edit.tooltip.text = 'Drag a pin to change its location.'; 122 | L.drawLocal.edit.handlers.remove.tooltip.text = 'Click on a pin to remove.'; 123 | map.addControl(drawControl); 124 | } 125 | 126 | ////---- sync pipe and annotation edits to host 127 | function syncFeatures() { 128 | PouchDB.sync(editdb, remoteeditdb); 129 | } 130 | 131 | /** 132 | * Take action when user is done creating a new layer (feature) 133 | * Create a feature object and set geometry, geometry bbox, and properties, and update pouch 134 | */ 135 | map.on('draw:created', function (e) { 136 | // pop up a window to add an annotation comment 137 | var anno = "none"; 138 | bootbox.prompt("Comment:", function(result) { 139 | if (result != null) { 140 | anno = result; 141 | } 142 | // make a new GeoJSON feature using this layer 143 | var newfeature = L.layerGroup([e.layer]).toGeoJSON().features[0]; 144 | newfeature.properties.annotation = anno; 145 | 146 | // compute bbox 147 | var newbbox = null; 148 | if ( e.layerType == "marker") { 149 | newbbox = L.latLngBounds(e.layer._latlng, e.layer._latlng); 150 | } else { 151 | newbbox = L.latLngBounds(e.layer._latlngs); 152 | } 153 | newfeature.geometry.bbox = 154 | [newbbox.getWest(),newbbox.getSouth(),newbbox.getEast(),newbbox.getNorth()]; 155 | // insert into pouch 156 | editdb.post(newfeature, function(err, response) { 157 | if (err) sendMessage("Error adding new feature. Error: "+err.toString()); 158 | else { 159 | // e.layer.feature = newfeature; 160 | // e.layer.feature._id = response.id; 161 | // e.layer.feature._rev = response.rev; 162 | // editlayer.addLayer(e.layer); 163 | newfeature._id = response.id; 164 | newfeature._rev = response.rev; 165 | editlayer.addData(newfeature); 166 | // notifier.show("Added new feature."); 167 | sendMessage("\nAdded new feature. Response: " + JSON.stringify(response)); 168 | } 169 | }); 170 | }); 171 | }); 172 | 173 | /** 174 | * Take action when user is done editing a layer (feature) 175 | * Set the layer's feature coordinates to new latlngs, update the bbox, and update pouch 176 | */ 177 | map.on('draw:edited', function (e) { 178 | e.layers.eachLayer(function(layer) { 179 | var newfeature = L.layerGroup([layer]).toGeoJSON(); 180 | layer.feature.geometry.coordinates = newfeature.features[0].geometry.coordinates; 181 | // compute bbox 182 | var newbbox = null; 183 | if ( layer._latlngs) { 184 | newbbox = L.latLngBounds(layer._latlngs); 185 | } else { 186 | newbbox = L.latLngBounds(layer._latlng, layer._latlng); 187 | } 188 | layer.feature.geometry.bbox = 189 | [newbbox.getWest(),newbbox.getSouth(),newbbox.getEast(),newbbox.getNorth()]; 190 | // put new version of doc into pouch 191 | editdb.put( layer.feature, function(err, response) { 192 | if (err) { 193 | sendMessage("Error editing: "+layer.feature._id+". Error: " + err.toString()); 194 | } else { 195 | sendMessage("Edited: "+layer.feature._id+". Response: " + response.toString()); 196 | } 197 | }); 198 | }); 199 | }); 200 | 201 | /** 202 | * Take action when user is done deleting a layer (feature) 203 | * Set the layer's feature _deleted property to true and update pouch 204 | */ 205 | map.on('draw:deleted', function (e) { 206 | e.layers.eachLayer(function (layer) { 207 | layer.feature._deleted = true; 208 | editdb.remove( layer.feature, function(err, response) { 209 | if (err) sendMessage("Error removing: "+layer.feature._id+". Error: "+err.toString()); 210 | else { 211 | sendMessage("Removed: "+layer.feature._id+". Response: "+response.toString()); 212 | } 213 | }); 214 | }); 215 | }); 216 | 217 | $(function() { 218 | notifier.init({ 219 | "selector": ".bb-alert" 220 | }); 221 | }); 222 | var notifier = (function() { 223 | "use strict"; 224 | 225 | var elem, 226 | hideHandler, 227 | that = {}; 228 | 229 | that.init = function(options) { 230 | elem = $(options.selector); 231 | }; 232 | 233 | that.show = function(text) { 234 | clearTimeout(hideHandler); 235 | 236 | elem.find("span").html(text); 237 | elem.delay(200).fadeIn().delay(4000).fadeOut(); 238 | }; 239 | 240 | return that; 241 | }()); 242 | 243 | function sendMessage(strarray) { 244 | if (typeof strarray === 'string') strarray = [strarray]; 245 | var m = $('#messages'); 246 | m.html(m.html() + '
'); 247 | for (var i = 0; i < strarray.length; i++) { 248 | var str = strarray[i]; 249 | if (typeof str == 'object' ) str = JSON.stringify(str); 250 | m.html( m.html() + str + '
' ); 251 | } 252 | m.scrollTop(m[0].scrollHeight); 253 | } 254 | -------------------------------------------------------------------------------- /testdata.js: -------------------------------------------------------------------------------- 1 | { 2 | "type": "Feature", 3 | "geometry": { 4 | "type": "Point", 5 | "bbox": [ 6 | -71.05000019073486, 7 | 42.34999373255116, 8 | -71.05000019073486, 9 | 42.34999373255116 10 | ], 11 | "coordinates": [ 12 | -71.05000019073486, 13 | 42.34999373255116 14 | ] 15 | }, 16 | "properties": { 17 | "annotation": "Leaking valve TEST 4" 18 | } 19 | } 20 | 21 | { 22 | "type": "Feature", 23 | "geometry": { 24 | "type": "Point", 25 | "bbox": [ 26 | -71.05000019073486, 27 | 42.347, 28 | -71.05000019073486, 29 | 42.347 30 | ], 31 | "coordinates": [ 32 | -71.05000019073486, 33 | 42.347 34 | ] 35 | }, 36 | "properties": { 37 | "annotation": "Major leakage!" 38 | } 39 | } --------------------------------------------------------------------------------