aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorKumar Damani <kumar.damani@mail.utoronto.ca>2019-02-27 22:58:32 +0000
committerKumar Damani <kumar.damani@mail.utoronto.ca>2019-02-27 22:58:32 +0000
commit73d4c7c7f01f2d730668b926deb57921b8dfdc54 (patch)
tree245dec90116830749bfa4559f7afd3374ab416a0
parent5189458c68f326ba01d803ac515ab222c211cc8f (diff)
parent197f2f42091b691feb7c31308dbfc9ddde07a10f (diff)
pulled in latest master
-rw-r--r--web/README.md30
-rw-r--r--web/public/javascripts/map.js43
-rw-r--r--web/routes/index.js68
3 files changed, 40 insertions, 101 deletions
diff --git a/web/README.md b/web/README.md
index d470960..b7f02b3 100644
--- a/web/README.md
+++ b/web/README.md
@@ -13,34 +13,8 @@
`docker run -d --name mymongo -p 27017:27017 mongo`
-2. enter inside the container:
-
- `docker exec -it mymongo mongo`
-
-3. run inside the interactive mongo shell:
-
- `use helpthehome`
-
-4. Put in some dummy data to start, run:
-
-```
-db.pointscollection.insert({
- "type": "MultiPoint",
- "name": "points",
- "color": "#0000ff",
- "style": {
- "radius": 8,
- "fillColor": "#00ce00",
- "color": "#008c00",
- "weight": 2,
- "opacity": 1,
- "fillOpacity": 1
- },
- "coordinates": [-73.9580, 40.8003]
-})
-```
-
-5. Now you are ready to start the app:
+
+2. Now you are ready to start the app:
From this directory:
diff --git a/web/public/javascripts/map.js b/web/public/javascripts/map.js
index 44fba38..5e5a303 100644
--- a/web/public/javascripts/map.js
+++ b/web/public/javascripts/map.js
@@ -5,48 +5,17 @@
// different basemap
L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}{r}.{ext}', {
- attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> &mdash; Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
- subdomains: 'abcd',
- minZoom: 0,
- maxZoom: 20,
- ext: 'png'
+ attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> &mdash; Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
+ subdomains: 'abcd',
+ minZoom: 0,
+ maxZoom: 18,
+ ext: 'png'
}).addTo(map);
// Create point feature for somewhere downtown
var myDataPoint = L.marker([43.6529, -79.3849]).addTo(map);
-// Create line feature and add style and add to map
-var myDataLine = L.polyline([
- [43.6529, -79.3849],
- [43.6531, -79.3855]],
- {color: 'red', weight: 10}).addTo(map);
-
-// Create area feature add style and add to map
-var myArea = L.polygon([
- [43.650948, -79.385655],
- [43.66, -79.388],
- [43.6634, -79.4011],
- [43.66, -79.4011]],
- {color: 'blue', weight: 4}).addTo(map);
-
// Bind popup to Data Point object
-// myDataPoint.bindPopup("This is my city");
-// i can add regular html to this too - neat!
myDataPoint.bindPopup("<h3>City Hall (not really)</h3><p>Toronto, ON<br>Information about city hall.</p>");
-// Bind popup to area object
-myArea.bindPopup("U of T Campus (not really)");
-
-// Create an Empty Popup
-var popup = L.popup();
-
-// Write function to set Properties of the Popup
-function onMapClick(e) {
- popup
- .setLatLng(e.latlng)
- .setContent("You clicked the map at " + e.latlng.toString())
- .openOn(map);
-}
-
-// Listen for a click event on the Map element
-map.on('click', onMapClick);
+map.setZoom(13);
diff --git a/web/routes/index.js b/web/routes/index.js
index 6c87660..32a5890 100644
--- a/web/routes/index.js
+++ b/web/routes/index.js
@@ -6,13 +6,13 @@ var mongoose = require('mongoose');
var Schema = mongoose.Schema;
var JsonSchema = new Schema({
- name: String,
- type: Schema.Types.Mixed,
- coordinates: Array,
- ageRange: String,
- clothingDescription: String,
- isInjured: Boolean,
- reasonForHelp: String
+ name: String,
+ type: Schema.Types.Mixed,
+ coordinates: Array,
+ ageRange: String,
+ clothingDescription: String,
+ isInjured: Boolean,
+ reasonForHelp: String
});
// Mongoose Model definition
@@ -20,42 +20,38 @@ var Json = mongoose.model('Jstring', JsonSchema, 'pointscollection');
/* GET home page. */
router.get('/', function(req, res, next) {
- // for now just redirect to /map
- //res.render('index', { title: 'Welcome' });
- res.redirect('/map');
+ // for now just redirect to /map
+ //res.render('index', { title: 'Welcome' });
+ res.redirect('/map');
});
/* GET Map page. */
router.get('/map', function(req,res) {
- // we can use the database to fetch a point, SELECT coordinates
- Json.findOne({name: "points"}, 'coordinates', function(e,point){
- if (e) return e;
- // send the view lat, and long.
- res.render('map', {
- lat : point.coordinates[1],
- lng : point.coordinates[0]
- });
- });
+ // send the view lat, and long. city center
+ res.render('map', {
+ lat : 43.654127,
+ lng : -79.383370
+ });
});
router.post('/mobilerequest', function(req, res) {
- var data = {
- 'coordinates': req.body.coordinates,
- 'type': req.body.type,
- 'isInjured': req.body.isInjured,
- 'reasonForHelp': req.body.reasonForHelp,
- 'ageRange': req.body.ageRange,
- 'clothingDescription': req.body.clothingDescription
- }
- Json.create(data, function(err, result) {
- if (err) {
- console.log(`err inserting mobile request into db: ${err}`);
- res.status(500).send({ error: "boo:(" });
- } else {
- console.log(result);
- res.status(200).send({'status': 'success', 'data': data});
- }
- });
+ var data = {
+ 'coordinates': req.body.coordinates,
+ 'type': req.body.type,
+ 'isInjured': req.body.isInjured,
+ 'reasonForHelp': req.body.reasonForHelp,
+ 'ageRange': req.body.ageRange,
+ 'clothingDescription': req.body.clothingDescription
+ }
+ Json.create(data, function(err, result) {
+ if (err) {
+ console.log(`err inserting mobile request into db: ${err}`);
+ res.status(500).send({ error: "boo:(" });
+ } else {
+ console.log(result);
+ res.status(200).send({'status': 'success', 'data': data});
+ }
+ });
});
module.exports = router;