From 4054800adb5b23bc92956e949f79a39633283e10 Mon Sep 17 00:00:00 2001
From: benweet <benoit.schweblin@gmail.com>
Date: Wed, 27 Mar 2013 20:19:12 +0000
Subject: [PATCH] Upload to gdrive support

---
 css/main.css   |  85 ++++++++++++++++++++++++++-----------------------
 img/gdrive.png | Bin 0 -> 741 bytes
 index.html     |  28 ++++++++--------
 js/gdrive.js   |  81 ++++++++++++++++++++++++++++++++++++++++++++++
 js/main.js     |  77 ++++----------------------------------------
 5 files changed, 147 insertions(+), 124 deletions(-)
 create mode 100644 img/gdrive.png
 create mode 100644 js/gdrive.js

diff --git a/css/main.css b/css/main.css
index b8c82ede..c9c48ccf 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,6 +1,6 @@
 body {
 	background-image: url(../img/honeycomb.png);
-    background-repeat: repeat;
+	background-repeat: repeat;
 }
 
 #navbar {
@@ -15,13 +15,13 @@ body {
 	margin-left: 20px;
 }
 
-#wmd-input, #wmd-preview  {
-    position: absolute;
+#wmd-input,#wmd-preview {
+	position: absolute;
 }
 
 #wmd-input {
 	font-family: "Courier New", Courier, monospace;
-    resize: none;
+	resize: none;
 }
 
 #wmd-preview {
@@ -65,19 +65,26 @@ body {
 }
 
 .icon-code {
-    background-position: -384px -168px;
+	background-position: -384px -168px;
 }
 
 .icon-numbered-list {
-    background-position: -408px -168px;
+	background-position: -408px -168px;
 }
 
 .icon-hr {
-    background-position: -432px -168px;
+	background-position: -432px -168px;
 }
 
 .icon-undo {
-    background-position: -456px -168px;
+	background-position: -456px -168px;
+}
+
+.icon-gdrive {
+	background-image: url("../img/gdrive.png") !important;
+	width: 16px;
+	height: 16px;
+	background-position: 0 0;
 }
 
 .ui-layout-toggler-north {
@@ -91,48 +98,46 @@ body {
 }
 
 .ui-layout-toggler-south .caret {
-  margin-top: 6px;
+	margin-top: 6px;
 }
 
-.ui-layout-toggler-north-open .caret,
-.ui-layout-toggler-south-closed .caret {
-  border-bottom: 5px solid #525252;
-  border-right: 5px solid transparent;
-  border-left: 5px solid transparent;
-  border-top: 0;
+.ui-layout-toggler-north-open .caret,.ui-layout-toggler-south-closed .caret
+	{
+	border-bottom: 5px solid #525252;
+	border-right: 5px solid transparent;
+	border-left: 5px solid transparent;
+	border-top: 0;
 }
 
-.ui-layout-toggler-north-closed .caret,
-.ui-layout-toggler-south-open .caret {
-  border-top: 5px solid #525252;
-  border-right: 5px solid transparent;
-  border-left: 5px solid transparent;
-  border-bottom: 0;
+.ui-layout-toggler-north-closed .caret,.ui-layout-toggler-south-open .caret
+	{
+	border-top: 5px solid #525252;
+	border-right: 5px solid transparent;
+	border-left: 5px solid transparent;
+	border-bottom: 0;
 }
 
-
 .ui-layout-toggler-east {
-    margin-left: 3px !important;
-    width: 18px !important;
+	margin-left: 3px !important;
+	width: 18px !important;
 }
 
-.ui-layout-toggler-east .caret,
-.ui-layout-toggler-west .caret {
-  margin-top: 40px;
+.ui-layout-toggler-east .caret,.ui-layout-toggler-west .caret {
+	margin-top: 40px;
 }
 
-.ui-layout-toggler-east-open .caret,
-.ui-layout-toggler-west-closed .caret {
-  border-bottom: 5px solid transparent;
-  border-top: 5px solid transparent;
-  border-left: 5px solid #525252;
-  border-right: 0;
+.ui-layout-toggler-east-open .caret,.ui-layout-toggler-west-closed .caret
+	{
+	border-bottom: 5px solid transparent;
+	border-top: 5px solid transparent;
+	border-left: 5px solid #525252;
+	border-right: 0;
 }
 
-.ui-layout-toggler-east-closed .caret,
-.ui-layout-toggler-west-opened .caret {
-  border-bottom: 5px solid transparent;
-  border-top: 5px solid transparent;
-  border-right: 5px solid #525252;
-  border-left: 0;
-}
+.ui-layout-toggler-east-closed .caret,.ui-layout-toggler-west-opened .caret
+	{
+	border-bottom: 5px solid transparent;
+	border-top: 5px solid transparent;
+	border-right: 5px solid #525252;
+	border-left: 0;
+}
\ No newline at end of file
diff --git a/img/gdrive.png b/img/gdrive.png
new file mode 100644
index 0000000000000000000000000000000000000000..6346fb2bd64c604a41a95fadb369f623a288d858
GIT binary patch
literal 741
zcmV<B0vi2^P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru-2)pG0~z+E|F8f60&+=2
zK~y-)t&vZNmUR%vKQr@tp7+nTD6N<T(Zx<FUPLj-dv%E*+}+*;Aw@cMtBZmlc<T^!
z$SrMmAz8sghfW0|F6_ZuAS^DTAP6OH=9>Gy&-44uc-UOT^w#$_1M`{BFz{TCFMPnu
zGF&?NpPoEh)HBmG4_-@Wc3xloV%y(@D58p>AR-VGs;Q~>Uw$zFpgKGCo#!}qf7cy4
zrl=aIA_7GGSnt1l<b?*k^Pl4GZxY<bgUS9w&cF4DtcHk!D7X{EP7%3T?fn%1eF|7V
zGLNb(SkkaMF?(-}<xv-r3b6{cgjfm@z4&x^(_rh|VMf9GBJqogqJTUu?CNF~_pIR<
zqC$8fN{g5BVZHCSpEnI29G*jkc{2?&#muNWDSjVyFM(YMln8(zA_8J|<16oO0D5zS
zuSDflH5F6ARIw__xbfN0^;kp@?%~CWaEb6O!=-~Kx(BWz^||SuC4FpaVM)ah6h%W$
z|2Z{t0$_FVy^|(>DruoI$4ibVSxRZgrE~6+c`+HNC}x6+qEc4>nwpz<_FZdN_WjYc
zWqZkmekbUpASGXr`iJR7QF%vIMFmi2$I9gT)<?VBx;sYd^Z-F(REe+ma&g+GrQ{s7
zw$~CKg9vVUIEYfO?Vx|}?Owdn?Mc=D*GOrL(t1Tx3fVJlZsZ>rXmj+!?TGk3N|0ln
ziItC#ZU?RU8=FND+kl`7v3b?(@;9%qNIf$RU_s>Z`+H*hoq^Q-9;r%H$*9awQL;O2
z&a}BiX<Hc$haEL*QgietfKtsI`h45nkH5y$i#t*rfCvyA4<{GL-8JCL8{fXs@PFh9
X9!MAr6DRcZ00000NkvXXu0mjf*v?Z+

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index e0519c9d..92bb7a2d 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,7 @@
 <script type="text/javascript" src="js/Markdown.Converter.js"></script>
 <script type="text/javascript" src="js/Markdown.Sanitizer.js"></script>
 <script type="text/javascript" src="js/Markdown.Editor.js"></script>
+<script type="text/javascript" src="js/gdrive.js"></script>
 <script type="text/javascript" src="js/main.js"></script>
 <script type="text/javascript">
 	function handleClientLoad() {
@@ -50,8 +51,8 @@
 			</ul>
 			<ul class="pull-right" id="menu-bar">
 				<li class="btn-group"><a class="btn action-create-file"
-					href="javascript:void(0);" title="Create a local file"><i
-						class="icon-file"></i></a> <a class="btn" href="javascript:void(0);"
+					href="javascript: void(0)" title="Create a local file"><i
+						class="icon-file"></i></a> <a class="btn" href="javascript: void(0)"
 					title="Delete the current file locally" data-toggle="modal"
 					data-target="#modal-remove-file-confirm"><i class="icon-trash"></i></a>
 					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"
@@ -59,27 +60,28 @@
 					<ul id="file-selector" class="dropdown-menu">
 					</ul></li>
 				<li class="btn-group"><a class="btn dropdown-toggle"
-					data-toggle="dropdown" href="javascript:void(0);" title="Menu"><img
+					data-toggle="dropdown" href="javascript: void(0)" title="Menu"><img
 						src="img/stackedit-16.png" />&nbsp;&nbsp;<b class="caret"></b></a>
 					<ul class="dropdown-menu">
-						<li><a class="action-create-file" href="javascript:void(0);"
+						<li><a class="action-create-file" href="javascript: void(0)"
 							title="Create a new local file"><i class="icon-file"></i> New
 								file</a></li>
-						<li><a href="javascript:void(0);"
+						<li><a href="javascript: void(0)"
 							title="Delete the current file locally" data-toggle="modal"
 							data-target="#modal-remove-file-confirm"><i
 								class="icon-trash"></i> Remove file</a></li>
-						<li><a id="drive-link" href="javascript:void(0);"><i
-								class="icon-magnet"></i> Link with Google Drive</a></li>
+                        <li class="divider"></li>
+						<li><a class="action-upload-gdrive" href="javascript: void(0)"><i
+								class="icon-gdrive"></i> Save on Google Drive</a></li>
 						<li class="divider"></li>
-						<li><a href="javascript:void(0);"
+						<li><a href="javascript: void(0)"
 							title="Modify your preferences" data-toggle="modal"
 							data-target="#modal-settings"><i class="icon-cog"></i>
 								Settings</a></li>
 					</ul></li>
 			</ul>
 			<ul class="nav pull-right">
-				<li><a class="brand" id="file-title" href="javascript:void(0);"
+				<li><a class="brand" id="file-title" href="javascript: void(0)"
 					title="Rename the current file"><span class="file-title"></span></a></li>
 				<li class="navbar-form"><input id="file-title-input"
 					type="text" class="span3 hide" placeholder="File title" /></li>
@@ -103,8 +105,8 @@
 				local machine, not on distant synchronized locations.</p>
 		</div>
 		<div class="modal-footer">
-			<a href="javascript:void(0);" class="btn" data-dismiss="modal">Cancel</a>
-			<a href="javascript:void(0);"
+			<a href="javascript: void(0)" class="btn" data-dismiss="modal">Cancel</a>
+			<a href="javascript: void(0)"
 				class="btn btn-primary action-remove-file" data-dismiss="modal">Delete</a>
 		</div>
 	</div>
@@ -132,8 +134,8 @@
 			</dl>
 		</div>
 		<div class="modal-footer">
-			<a href="javascript:void(0);" class="btn action-load-settings" data-dismiss="modal">Cancel</a>
-			<a href="javascript:void(0);" class="btn btn-primary action-apply-settings"
+			<a href="javascript: void(0)" class="btn action-load-settings" data-dismiss="modal">Cancel</a>
+			<a href="javascript: void(0)" class="btn btn-primary action-apply-settings"
 				data-dismiss="modal">OK</a>
 		</div>
 	</div>
diff --git a/js/gdrive.js b/js/gdrive.js
new file mode 100644
index 00000000..e3265720
--- /dev/null
+++ b/js/gdrive.js
@@ -0,0 +1,81 @@
+var gdrive = (function() {
+
+	var CLIENT_ID = '241271498917-jpto9lls9fqnem1e4h6ppds9uob8rpvu.apps.googleusercontent.com';
+	var SCOPES = [ 'https://www.googleapis.com/auth/drive.install',
+		'https://www.googleapis.com/auth/drive.file' ];
+
+	var driveEnabled = false;
+
+	var gdrive = {};
+
+	function askAuth(immediate, callback) {
+		gapi.auth.authorize({ 'client_id' : CLIENT_ID, 'scope' : SCOPES,
+			'immediate' : immediate }, function(authResult) {
+			if (authResult && !authResult.error) {
+				// $("#drive-link").hide();
+				gapi.client.load('drive', 'v2', function() {
+					driveEnabled = true;
+					callback();
+				});
+			}
+		});
+	}
+
+	function createFile(title, content, folderId, callback) {
+		var boundary = '-------314159265358979323846';
+		var delimiter = "\r\n--" + boundary + "\r\n";
+		var close_delim = "\r\n--" + boundary + "--";
+
+		var contentType = 'text/x-markdown';
+		var metadata = { title : title, mimeType : contentType };
+		if (folderId) {
+			metadata.parents = [ { kind : 'drive#fileLink', id : folderId } ];
+		}
+
+		var base64Data = btoa(content);
+		var multipartRequestBody = delimiter
+			+ 'Content-Type: application/json\r\n\r\n'
+			+ JSON.stringify(metadata) + 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',
+			'method' : 'POST',
+			'params' : { 'uploadType' : 'multipart', },
+			'headers' : { 'Content-Type' : 'multipart/mixed; boundary="'
+				+ boundary + '"', }, 'body' : multipartRequestBody, });
+		request.execute(function(file) {
+			if (callback) {
+				callback(file);
+			}
+		});
+	}
+	;
+
+	gdrive.init = function() {
+		askAuth(true, function() {
+			try {
+				var state = JSON.parse(decodeURI((/state=(.+?)(&|$)/
+					.exec(location.search) || [ , null ])[1]));
+				if (state.action == 'create') {
+					createFile(fileManager.currentFile, fileManager.content,
+						state.folderId, function() {
+							console.log(file);
+						});
+				}
+			} catch (e) {
+			}
+		});
+	};
+
+	gdrive.createFile = function(title, content) {
+		askAuth(false, function() {
+			createFile(title, content, undefined, function() {
+				console.log(file);
+			});
+		});
+	};
+
+	return gdrive;
+})();
diff --git a/js/main.js b/js/main.js
index 05ce91fe..043412cd 100644
--- a/js/main.js
+++ b/js/main.js
@@ -35,6 +35,12 @@ var fileManager = (function($) {
 			fileManager.updateFileDescList();
 			fileManager.updateFileTitleUI();
 		});
+		$(".action-upload-gdrive").click(function() {
+			var fileIndex = localStorage["file.current"];
+			var content = localStorage[fileIndex + ".content"];
+			var title = localStorage[fileIndex + ".title"];
+			gdrive.createFile(title, content);
+		});
 	};
 
 	fileManager.selectFile = function() {
@@ -151,77 +157,6 @@ var fileManager = (function($) {
 	return fileManager;
 })(jQuery);
 
-var gdrive = (function($) {
-
-	var CLIENT_ID = '241271498917-jpto9lls9fqnem1e4h6ppds9uob8rpvu.apps.googleusercontent.com';
-	var SCOPES = [ 'https://www.googleapis.com/auth/drive.install',
-		'https://www.googleapis.com/auth/drive.file' ];
-
-	var driveEnabled = false;
-
-	var gdrive = {};
-
-	gdrive.init = function() {
-		function start() {
-			driveEnabled = true;
-			try {
-				var state = JSON.parse(decodeURI((/state=(.+?)(&|$)/
-					.exec(location.search) || [ , null ])[1]));
-				if (state.action == 'create') {
-					gdrive.createFile(state.folderId, fileManager.currentFile,
-						fileManager.content);
-				}
-
-			} catch (e) {
-			}
-		}
-		function handleAuthResult(authResult) {
-			if (authResult && !authResult.error) {
-				$("#drive-link").hide();
-				gapi.client.load('drive', 'v2', function() {
-					start();
-				});
-			}
-		}
-		$("#drive-link").click(
-			function() {
-				gapi.auth.authorize({ 'client_id' : CLIENT_ID,
-					'scope' : SCOPES, 'immediate' : false }, handleAuthResult);
-			});
-		gapi.auth.authorize({ 'client_id' : CLIENT_ID, 'scope' : SCOPES,
-			'immediate' : true }, handleAuthResult);
-	};
-
-	gdrive.createFile = function(folderId, title, content) {
-		var boundary = '-------314159265358979323846';
-		var delimiter = "\r\n--" + boundary + "\r\n";
-		var close_delim = "\r\n--" + boundary + "--";
-
-		var contentType = 'text/x-markdown';
-		var metadata = { 'title' : title, 'mimeType' : contentType,
-			'parents' : [ { 'kind' : 'drive#fileLink', 'id' : folderId } ] };
-
-		var base64Data = btoa(content);
-		var multipartRequestBody = delimiter
-			+ 'Content-Type: application/json\r\n\r\n'
-			+ JSON.stringify(metadata) + 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',
-			'method' : 'POST',
-			'params' : { 'uploadType' : 'multipart', },
-			'headers' : { 'Content-Type' : 'multipart/mixed; boundary="'
-				+ boundary + '"', }, 'body' : multipartRequestBody, });
-		request.execute(function(file) {
-			console.log(file);
-		});
-	};
-
-	return gdrive;
-})(jQuery);
-
 var core = (function($) {
 	var core = {};