Merge pull request #203 from jkwening/185-saved-pin

185 saved pin

app.js

@@ -45,6 +45,11 @@ app.use((req, res, next) => {
   if (req.method === 'OPTIONS') {
     res.header('Access-Control-Allow-Methods', 'GET, PUT, POST, PATCH, DELETE');
 
+    res.header(
+      'Access-Control-Allow-Headers',
+      'Origin, X-Requested-With, Content-Type, Access, Authorization, x-access-token',
+    );
+
     return res.status(200).json({});
   }
 

client/src/components/LeafletOsmMap/index.js

@@ -3,6 +3,7 @@ import style from "./style";
 import MapPane from './MapPane';
 import Search from '../../components/Search';
 import SearchResults from '../../components/SearchResults';
+import { makeRequest } from '../../js/server-requests-utils';
 
 /**
  * Leaflet related imports: leaflet, pouchdb module, and routing machine module
@@ -111,9 +112,16 @@ export default class LeafletOSMMap extends Component {
     const deleteBtn = createButton('Remove', container);
 
     L.DomEvent.on(saveBtn, 'click', function() {
-      // TODO - save marker location to db if possible or queue to
-      // save when backend server is available
-      alert(`Save marker at: ${event.latlng}!`);
+      makeRequest('POST', 'savedPins', '', {
+        lat: event.latlng.lat,
+        lng: event.latlng.lng,
+      }).then((response) => {
+        alert(`Succes: Saved pin at ${event.latlng} to db`);
+        console.log('Success - saved: ', response);
+      }).catch((err) => {
+        alert('Error saving pin: ', err);
+        console.log('Error saving pin: ', err);
+      })
     });
 
     L.DomEvent.on(deleteBtn, 'click', function() {

client/src/js/server-requests-utils.js

@@ -85,10 +85,10 @@ export const makeRequest = (method='GET', baseEndPoint, endPointAddon='', bodyDa
     })
   } 
 
-  const url = (BASE_ENDPOINTS[baseEndPoint] || baseEndPoint) + endPointAddon;
+  const url = ((BASE_ENDPOINTS[baseEndPoint] || baseEndPoint) + endPointAddon).trim();
   headers['x-access-token'] = token.getCookie();
 
-  let config = {method, 
+  const config = {method, 
     url,
     params,
     headers,

models/saved-pins.js

@@ -7,7 +7,7 @@ const savedPinsSchema = new mongoose.Schema({
   lng: {
     type: Number, min: -180, max: 180, required: true,
   },
-  place_id: { type: String, required: true },
+  place_id: { type: String, default: '' },
   save_date: { type: Date, default: Date.now },
   user: { type: mongoose.Schema.Types.ObjectId, ref: 'User' },
 });