save as anonymous gist, #209

cugos · Nov 8, 2015 · 25db070 · 25db070
1 parent 48d79fb
commit 25db070
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 1 deletion.
diff --git a/src/js/menus.left.dropchop.js b/src/js/menus.left.dropchop.js
@@ -29,6 +29,7 @@ var dropchop = (function(dc) {
         name: 'Save',
         icon: '<i class="fa fa-floppy-o"></i>',
         actions: [
+          'save-gist',
           'save-geojson',
           'save-shapefile'
         ]

diff --git a/src/js/ops.file.dropchop.js b/src/js/ops.file.dropchop.js
@@ -209,7 +209,7 @@ var dropchop = (function(dc) {
         dc.util.xhr('http://overpass-api.de/api/interpreter?[out:json];node['+parameters[0]+']('+bbox+');out;', dc.ops.file['load-overpass'].callback);
       },
       callback: function(xhr, xhrEvent) {
-        dropchop.util.loader(false);
+        dc.util.loader(false);
         if (xhr.status === 200) {
           var data = JSON.parse(xhr.responseText);
           var geojson = osmtogeojson(data, {
@@ -243,6 +243,45 @@ var dropchop = (function(dc) {
     //
     // Export Data
     //
+    'save-gist': {
+      minFeatures: 1,
+      description: 'Save project',
+      icon: '<i class="fa fa-file-o"></i>',
+      createsLayer: false,
+      execute: function() {
+
+        var gist = {
+          "description": "dropchop project",
+          "public": true,
+          "files": {}
+        };
+
+        // get each layer and add to gist POST object
+        for (var lyr in dc.layers.list) {
+          var layer = dc.layers.list[lyr],
+              string = JSON.stringify(layer.raw),
+              fileName = dc.util.removeWhiteSpace(layer.name + '.geojson');
+          gist.files[fileName] = {};
+          gist.files[fileName].content = string;
+        }
+
+        $.ajax({
+          type: 'POST',
+          url: 'https://api.github.com/gists',
+          data: JSON.stringify(gist),
+          dataType: 'json',
+          success: dc.ops.file['save-gist'].callback,
+          error: function(err) {
+            dc.notify('error', 'There was an error saving your project.');
+          }
+        });
+      },
+      callback: function(data) {
+        dc.notify('saved', 'Project saved as a Github Gist successfully!<br>You can <a target="_blank" href="'+data.html_url+'">view <strong>'+data.id+'</strong> here</a>.', 'close');
+        window.history.pushState(null, null, '?gist='+data.id);
+      }
+    },
+
     'save-geojson': {
       minFeatures: 1,
       description: 'Save as GeoJSON',

diff --git a/src/scss/_notification.scss b/src/scss/_notification.scss
@@ -7,6 +7,11 @@
   font-size: 0.85em;
   margin: 5px 5px 0 0;
   color: white;
+  a {
+    color: white;
+    text-decoration: underline;
+  }
+
   &.success {
     background: $green;
   }
@@ -16,6 +21,13 @@
   &.info {
     background: $blue;
   }
+  &.saved {
+    background: #e1f8e3;
+    color: #333;
+    a {
+      color: #333;
+    }
+  }
 
   .notification-close {
     background: transparent;