stufffffszzzzz FUCK YOU

AWESOME COMMIT MESSAGE FUCK YOU FOR MAKING ME WRITE ONE!@#!@#
setpixel · Aug 5, 2015 · 2617e06 · 2617e06
1 parent dc8bbb9
commit 2617e06
Show file tree

Hide file tree

Showing 6 changed files with 145 additions and 7 deletions.
diff --git a/css/main.css b/css/main.css
@@ -288,8 +288,9 @@ h2 {
 
 .card div:empty {
     display: block;
-    height: 1em;
+    height: auto;
     min-width: 2px;
+
 }
 
 

diff --git a/index.html b/index.html
@@ -18,6 +18,7 @@
     <script src="js/stats.js"></script>
     <script src="js/awsuploader.js"></script>
     <script src="js/circlebob.js"></script>
+    <script src="js/html2canvas.min.js" async></script> 
     <script src="js/main.js"></script> 
     <div id="inspector" class="hidden">
       <h1>Edit some shit.</h1>

diff --git a/js/circlebob.js b/js/circlebob.js
@@ -29,13 +29,15 @@
 
   var hoverTowards = function(x, y) {
     destLoc = [x,y];
+        opacity = 1;
   }
 
   var flyTowards = function(x, y) {
     destLoc = [x,y];
     acceleration = 0.4;
     elasticity = 1;
     dampening = 0.7;
+    opacity = 1;
   }
 
   var ping = function(x,y) {

diff --git a/js/html2canvas.min.js b/js/html2canvas.min.js
diff --git a/js/main.js b/js/main.js
@@ -1,15 +1,18 @@
 /*
 
   HIGHLEVEL
+    //Save to google drive / import from google drive
     Inspector - hook up
     FILTERING - add tags, ability to show nodes that have tags
     UI
     Printing
-    Save to google drive / import from google drive
     Presentation view
     COLLABORATORS
 
   TODAYS BUGS:
+    make a mode to always scale to fit
+    ability to deselect
+    make it so scroll pos changes based on focus
     //fiz scaling bug
     //make it so circle bob moves around appropriately
     //figure out the scroll offset for dragging!!!
@@ -253,7 +256,7 @@
       case "beat":
         htmlList.push('<div class="card beat" id="' + obj.id + '">');
         if (obj.imageURL) {
-          htmlList.push('<img src="' + obj.imageURL + '">');
+          htmlList.push('<img src="' + obj.imageURL + '?123123" crossorigin="anonymous">');
         }
         htmlList.push('<div class="title" contenteditable="true" spellcheck="false">' + obj.title + '</div>');
         if (obj.synopsis) {
@@ -282,7 +285,7 @@
         }
         htmlList.push('<div class="clear"></div>');
         if (obj.imageURL) {
-          htmlList.push('<img src="' + obj.imageURL + '">');
+          htmlList.push('<img src="' + obj.imageURL + '?123123" crossorigin="anonymous">');
         }
         htmlList.push('<div class="title" contenteditable="true" spellcheck="false">' + obj.title + '</div>');
         if (obj.synopsis) {
@@ -698,6 +701,7 @@
   $( function() {
 
     $(document).on("mousemove", function(event) {
+      //circleBob.hoverTowards(event.clientX, event.clientY);
       if (dragItem) {
         var scrollOffsetX = $("#canvas-container").scrollLeft();
         dragItem.toggleClass( "dragged", true )
@@ -874,6 +878,33 @@
     $("#" + node.id + " .time-of-day").text(node.timeOfDay);
   }
 
+
+  var screenshot = function(callbackfunction) {
+    var newDiv = $('<div style="opacity: 0.0; position: fixed;"></div>');
+    var newDiv2 = $('<div style="left: 40px; position: relative; transform: translate3d(0px, 0px, 0px) scale(0.8);"></div>');
+    newDiv.append(newDiv2.append($("#canvas-container").html()));
+    $('body').prepend(newDiv);
+
+    var canvasURL;
+
+    html2canvas(newDiv, {
+      onrendered: function(canvas) {
+        canvasURL = canvas.toDataURL("image/jpeg", 0.5);
+        newDiv.remove();
+        callbackfunction(canvasURL);
+      },
+      width: 800,
+      height: 600,
+      async: false,
+      removeContainer: true,
+      background: "#0e76bc",
+      allowTaint: false,
+      useCORS: true
+    });
+  }
+
+
+
   window.outlinerApp = {
     init: init,
     load: load,
@@ -889,6 +920,7 @@
     reflow: reflowScreen,
     refreshNode: refreshNode,
     scaleToFit: scaleToFit,
+    screenshot: screenshot,
     getCurrentSelection: function() { return selectedItem; },
     twoplus: function() { return 2+2; }
   };

diff --git a/js/realtimeModel.js b/js/realtimeModel.js
@@ -51,8 +51,8 @@ TODO
 
     if (id) {
       // Load the document id from the URL
-      realtimeUtils.load(id.replace('/', ''), onFileLoaded, onFileInitialize);
       documentID = id.replace('/', '');
+      realtimeUtils.load(id.replace('/', ''), onFileLoaded, onFileInitialize);
     } else {
       // Create a new document, add it to the URL
       window.gapi.client.load('drive', 'v2', function() {
@@ -75,6 +75,30 @@ TODO
   };
 
   function onFileInitialize(model) {
+    if (documentID) {
+      gapi.client.load('drive', 'v2', function(){
+        var request = gapi.client.drive.files.get({
+          'fileId': documentID,
+          'alt': 'media'
+        }).execute(function(e){
+          if (!e.id) {
+            createBasicNewDoc(model);
+          } else {
+            var request = gapi.client.request({
+              'path': '/upload/drive/v2/files/' + documentID + '/realtime',
+              'method': 'PUT',
+              'params': {'uploadType': 'media'},
+              'body': JSON.stringify(e.result)});
+              request.execute();
+          }
+        });
+      });
+    } else {
+      createBasicNewDoc(model);
+    }
+  };
+
+  var createBasicNewDoc = function(model) {
     var documentMetadata = model.createMap();
     model.getRoot().set('documentMetadata', documentMetadata);
     documentMetadata.set('title', 'New Outline');
@@ -134,7 +158,7 @@ TODO
     node.tags.push('excitement');
     var index = outlineNodes.push(node);
     node.order = index;
-  };
+  }
 
   function displayObjectChangedEvent(evt) {
     //console.log(evt);
@@ -197,7 +221,11 @@ TODO
           outlinerApp.reflow();
       }
 
+      // save dump to google drive file!
+      queueDump();
+
 
+
 
       // console.log('Event type: '  + events[i].type);
       // console.log('Local event: ' + events[i].isLocal);
@@ -206,6 +234,67 @@ TODO
     }
   }
 
+
+  var dumpTimeout;
+
+
+  var queueDump = function() {
+    clearTimeout(dumpTimeout);
+    dumpTimeout = setTimeout(dumpToDrive, 1000);
+  }
+
+  function encodeURL(str){
+      return str.replace(/\+/g, '-').replace(/\//g, '_').replace(/\=+$/, '');
+  }
+
+
+  var dumpToDrive = function() {
+
+    outlinerApp.screenshot(function(canvasURL){
+
+      var jsonDoc = docModel.toJson();
+      var thumbnailData = encodeURL(canvasURL.replace(/^data:image\/(png|jpg|jpeg);base64,/, ""));
+      var thumbnail = {image: thumbnailData, mimeType: "image/jpeg"}
+
+      var fileMetadata = {mimeType: "application/vnd.google.drive.ext-type.otl", thumbnail: thumbnail};
+
+      const boundary = '-------314159265358979323846';
+      const delimiter = "\r\n--" + boundary + "\r\n";
+      const close_delim = "\r\n--" + boundary + "--";
+
+      var contentType = 'application/octet-stream';
+
+      var base64Data = btoa(jsonDoc);
+
+      var multipartRequestBody =
+            delimiter +
+            'Content-Type: application/json\r\n\r\n' +
+            JSON.stringify(fileMetadata) +
+            delimiter +
+            'Content-Type: ' + contentType + '\r\n' +
+            'Content-Transfer-Encoding: base64\r\n' +
+            '\r\n' +
+            base64Data +
+            close_delim;
+
+      var request = gapi.client.request({
+          'path': '/upload/drive/v2/files/' + documentID,
+          'method': 'PUT',
+          'params': {
+            'uploadType': 'multipart', 'alt': 'json'},
+          'headers': {
+            'Content-Type': 'multipart/mixed; boundary="' + boundary + '"'
+          },
+          'body': multipartRequestBody});
+      request.execute(function(e){});
+
+
+
+    })
+
+
+  }
+
   var getUrlParameter = function getUrlParameter(sParam) {
       var sPageURL = decodeURIComponent(window.location.search.substring(1)),
           sURLVariables = sPageURL.split('&'),
@@ -223,6 +312,9 @@ TODO
 
 
   function onFileLoaded(doc) {
+    console.log("ON FILE LOADED")
+
+    //console.log(gapi.client.drive.realtime)
     docModel = doc.getModel();
     docRoot = docModel.getRoot();
 
@@ -300,7 +392,8 @@ TODO
     remove: remove,
     docModel: function(){ return docModel;},
     docRoot: function(){ return docRoot;},
-    getID: function(){ return documentID; }
+    getID: function(){ return documentID; },
+    realtimeUtils: realtimeUtils
   };
 
 }).call(this);