Gdrive support
This commit is contained in:
benweet
parent
b0d64a6ff8
commit
b3b97f1adc
12
css/main.css
12
css/main.css
@ -1,6 +1,11 @@
|
||||
body {
|
||||
background-image: url(../img/honeycomb.png);
|
||||
background-repeat: repeat;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#navbar {
|
||||
@ -64,6 +69,13 @@ body {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ui-layout-center,.ui-layout-east,.ui-layout-south {
|
||||
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1) !important;
|
||||
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1) !important;
|
||||
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1) !important;
|
||||
border-color: #cccccc !important;
|
||||
}
|
||||
|
||||
.icon-code {
|
||||
background-position: -384px -168px;
|
||||
}
|
||||
|
||||
32
index.html
32
index.html
@ -51,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="#" title="Create a local file"><i
|
||||
class="icon-file"></i></a> <a class="btn" href="#"
|
||||
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="#"
|
||||
@ -60,30 +60,30 @@
|
||||
<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="#" title="Menu"><img
|
||||
src="img/stackedit-16.png" /> <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="#"
|
||||
title="Create a new local file"><i class="icon-file"></i> New
|
||||
file</a></li>
|
||||
<li><a href="javascript: void(0)"
|
||||
<li><a href="#"
|
||||
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 class="divider"></li>
|
||||
<li><a class="action-upload-gdrive"
|
||||
href="javascript: void(0)"><i class="icon-gdrive"></i> Save
|
||||
href="#"><i class="icon-gdrive"></i> Save
|
||||
on Google Drive</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="javascript: void(0)"
|
||||
<li><a href="#"
|
||||
title="Modify your preferences" data-toggle="modal"
|
||||
data-target="#modal-settings"><i class="icon-cog"></i>
|
||||
data-target="#modal-settings" class="action-load-settings"><i class="icon-cog"></i>
|
||||
Settings</a></li>
|
||||
</ul></li>
|
||||
</ul>
|
||||
<ul class="nav pull-right">
|
||||
<li><i class="file-sync-indicator icon-spinner hide"></i></li>
|
||||
<li><a class="brand" id="file-title" href="javascript: void(0)"
|
||||
<li><i class="working-indicator icon-spinner hide"></i></li>
|
||||
<li><a class="brand" id="file-title" href="#"
|
||||
title="Rename the current file"><span class="file-title"></span>
|
||||
</a></li>
|
||||
<li class="navbar-form"><input id="file-title-input"
|
||||
@ -108,8 +108,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="#" class="btn" data-dismiss="modal">Cancel</a>
|
||||
<a href="#"
|
||||
class="btn btn-primary action-remove-file" data-dismiss="modal">Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -126,17 +126,17 @@
|
||||
<dd>
|
||||
<label class="radio"> <input type="radio"
|
||||
name="radio-layout-orientation"
|
||||
id="radio-layout-orientation-horizontal"> Horizontal
|
||||
value="horizontal"> Horizontal
|
||||
</label> <label class="radio"> <input type="radio"
|
||||
name="radio-layout-orientation"
|
||||
id="radio-layout-orientation-vertical"> Vertical
|
||||
value="vertical"> Vertical
|
||||
</label>
|
||||
</dd>
|
||||
</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)"
|
||||
<a href="#" class="btn"
|
||||
data-dismiss="modal">Cancel</a> <a href="#"
|
||||
class="btn btn-primary action-apply-settings" data-dismiss="modal">OK</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -26,6 +26,7 @@ var gdrive = (function() {
|
||||
}
|
||||
|
||||
function uploadFile(fileId, parentId, title, content, callback) {
|
||||
setWorkingIndicator(FLAG_GDRIVE_UPLOAD);
|
||||
var boundary = '-------314159265358979323846';
|
||||
var delimiter = "\r\n--" + boundary + "\r\n";
|
||||
var close_delim = "\r\n--" + boundary + "--";
|
||||
@ -58,8 +59,11 @@ var gdrive = (function() {
|
||||
'headers' : { 'Content-Type' : 'multipart/mixed; boundary="'
|
||||
+ boundary + '"', }, 'body' : multipartRequestBody, });
|
||||
request.execute(function(file) {
|
||||
unsetWorkingIndicator(FLAG_GDRIVE_UPLOAD);
|
||||
var fileSyncIndex = SYNC_PROVIDER_GDRIVE + file.id;
|
||||
localStorage[fileSyncIndex + ".etag"] = file.etag;
|
||||
if (callback) {
|
||||
callback(file);
|
||||
callback(fileSyncIndex);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
195
js/main.js
195
js/main.js
@ -2,15 +2,112 @@ function showError(msg) {
|
||||
alert(msg);
|
||||
}
|
||||
|
||||
var workingIndicator = 0;
|
||||
var FLAG_GDRIVE_UPLOAD = 1;
|
||||
var FLAG_SYNCHRONIZE = 2;
|
||||
function setWorkingIndicator(flag) {
|
||||
workingIndicator |= flag;
|
||||
if(workingIndicator) {
|
||||
$(".working-indicator").removeClass("hide");
|
||||
}
|
||||
}
|
||||
|
||||
function unsetWorkingIndicator(flag) {
|
||||
workingIndicator &= ~flag;
|
||||
if(!workingIndicator) {
|
||||
$(".working-indicator").addClass("hide");
|
||||
}
|
||||
}
|
||||
|
||||
var SYNC_PROVIDER_GDRIVE = "sync.gdrive.";
|
||||
var synchronizer = (function($) {
|
||||
var synchronizer = {};
|
||||
|
||||
// A synchronization queue containing fileIndex that has to be synchronized
|
||||
var syncQueue = undefined;
|
||||
synchronizer.init = function() {
|
||||
syncQueue = ";";
|
||||
// Load the queue from localStorage in case a previous synchronization was aborted
|
||||
if(localStorage["sync.queue"]) {
|
||||
syncQueue = localStorage["sync.queue"];
|
||||
}
|
||||
if(localStorage["sync.current"]) {
|
||||
this.addFile(localStorage["sync.current"]);
|
||||
}
|
||||
};
|
||||
|
||||
// Add a file to the synchronization queue
|
||||
synchronizer.addFile = function(fileIndex) {
|
||||
if(syncQueue.indexOf(";" + fileIndex + ";") === -1) {
|
||||
syncQueue += fileIndex + ";";
|
||||
localStorage["sync.queue"] = syncQueue;
|
||||
}
|
||||
};
|
||||
|
||||
// Recursive function to run synchronization of a single file on multiple locations
|
||||
function sync(fileSyncIndexList, content, title) {
|
||||
if(fileSyncIndexList.length === 0) {
|
||||
localStorage.removeItem("sync.current");
|
||||
unsetWorkingIndicator(FLAG_SYNCHRONIZE);
|
||||
running = false;
|
||||
// run the next file synchronization
|
||||
synchronizer.run();
|
||||
return;
|
||||
}
|
||||
var fileSyncIndex = fileSyncIndexList.pop();
|
||||
|
||||
// Try to find the provider
|
||||
if(fileSyncIndex.indexOf(SYNC_PROVIDER_GDRIVE) === 0) {
|
||||
var id = fileSyncIndex.substring(SYNC_PROVIDER_GDRIVE.length);
|
||||
gdrive.updateFile(id, title, content, function() {
|
||||
sync(fileSyncIndexList, content, title);
|
||||
});
|
||||
} else {
|
||||
sync(fileSyncIndexList, content, title);
|
||||
}
|
||||
}
|
||||
|
||||
var running = false;
|
||||
synchronizer.run = function() {
|
||||
// If synchronization is already running or nothing to synchronize
|
||||
if(running || syncQueue.length === 1) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Start synchronization of the next available in the queue
|
||||
setWorkingIndicator(FLAG_SYNCHRONIZE);
|
||||
running = true;
|
||||
|
||||
// Dequeue the fileIndex
|
||||
var separatorPos = syncQueue.indexOf(";", 1);
|
||||
var fileIndex = syncQueue.substring(1, separatorPos);
|
||||
localStorage["sync.current"] = fileIndex;
|
||||
syncQueue = syncQueue.substring(separatorPos);
|
||||
localStorage["sync.queue"] = syncQueue;
|
||||
|
||||
var content = localStorage[fileIndex + ".content"];
|
||||
var title = localStorage[fileIndex + ".title"];
|
||||
|
||||
// Parse the list of synchronized locations associated to the file
|
||||
var fileSyncIndexList = localStorage[fileIndex + ".sync"].split(";");
|
||||
sync(fileSyncIndexList, content, title);
|
||||
};
|
||||
|
||||
return synchronizer;
|
||||
})(jQuery);
|
||||
|
||||
var fileManager = (function($) {
|
||||
|
||||
var fileManager = {};
|
||||
|
||||
var save = false;
|
||||
fileManager.init = function() {
|
||||
synchronizer.init();
|
||||
fileManager.selectFile();
|
||||
window.setInterval(function() {
|
||||
fileManager.saveFile();
|
||||
}, 5000);
|
||||
synchronizer.run();
|
||||
}, 3000);
|
||||
$(".action-create-file").click(function() {
|
||||
fileManager.saveFile();
|
||||
fileManager.createFile();
|
||||
@ -34,24 +131,30 @@ var fileManager = (function($) {
|
||||
$("#file-title").show();
|
||||
fileManager.updateFileDescList();
|
||||
fileManager.updateFileTitleUI();
|
||||
save = true;
|
||||
});
|
||||
$(".action-upload-gdrive").click(function() {
|
||||
$(".file-sync-indicator").removeClass("hide");
|
||||
var fileIndex = localStorage["file.current"];
|
||||
var content = localStorage[fileIndex + ".content"];
|
||||
var title = localStorage[fileIndex + ".title"];
|
||||
gdrive.createFile(title, content, function(file) {
|
||||
$(".file-sync-indicator").addClass("hide");
|
||||
console.log(file);
|
||||
});
|
||||
(function(fileIndex) {
|
||||
gdrive.createFile(title, content, function(fileSyncIndex) {
|
||||
localStorage[fileIndex + ".sync"] += fileSyncIndex + ";";
|
||||
});
|
||||
})(fileIndex);
|
||||
});
|
||||
$("#wmd-input").keyup(function() {
|
||||
save = true;
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
fileManager.selectFile = function() {
|
||||
// If file system does not exist
|
||||
if (!localStorage["file.count"]) {
|
||||
if (!localStorage["file.counter"] || !localStorage["file.list"]) {
|
||||
localStorage.clear();
|
||||
localStorage["file.count"] = 0;
|
||||
localStorage["file.counter"] = 0;
|
||||
localStorage["file.list"] = ";";
|
||||
}
|
||||
this.updateFileDescList();
|
||||
// If no file create one
|
||||
@ -74,46 +177,36 @@ var fileManager = (function($) {
|
||||
if (!title) {
|
||||
title = "Filename";
|
||||
}
|
||||
// Find a fileIndex
|
||||
var fileCount = parseInt(localStorage["file.count"]);
|
||||
var i;
|
||||
for (i = 0; i < fileCount; i++) {
|
||||
if (!localStorage["file." + i + ".title"]) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
var fileIndex = "file." + i;
|
||||
// Create the file in the localStorag
|
||||
// Create the fileIndex
|
||||
var fileCounter = parseInt(localStorage["file.counter"]);
|
||||
var fileIndex = "file." + fileCounter;
|
||||
// Create the file in the localStorage
|
||||
localStorage[fileIndex + ".content"] = "";
|
||||
localStorage[fileIndex + ".title"] = title;
|
||||
localStorage[fileIndex + ".sync"] = ";";
|
||||
localStorage["file.counter"] = fileCounter + 1;
|
||||
localStorage["file.list"] += fileIndex + ";";
|
||||
localStorage["file.current"] = fileIndex;
|
||||
if (i == fileCount) {
|
||||
localStorage["file.count"] = fileCount + 1;
|
||||
}
|
||||
};
|
||||
|
||||
fileManager.deleteFile = function() {
|
||||
var fileIndex = localStorage["file.current"];
|
||||
localStorage.removeItem("file.current");
|
||||
localStorage["file.list"] = localStorage["file.list"].replace(";" + fileIndex + ";", ";");
|
||||
localStorage.removeItem(fileIndex + ".sync");
|
||||
localStorage.removeItem(fileIndex + ".title");
|
||||
localStorage.removeItem(fileIndex + ".content");
|
||||
};
|
||||
|
||||
fileManager.updateFileDescList = function() {
|
||||
var fileCount = parseInt(localStorage["file.count"]);
|
||||
var lastIndex = -1;
|
||||
this.fileDescList = [];
|
||||
$("#file-selector").empty();
|
||||
for ( var i = 0; i < fileCount; i++) {
|
||||
var fileIndex = "file." + i;
|
||||
var fileIndexList = localStorage["file.list"].split(";");
|
||||
for ( var i = 1; i < fileIndexList.length - 1; i++) {
|
||||
var fileIndex = fileIndexList[i];
|
||||
var title = localStorage[fileIndex + ".title"];
|
||||
if (title) {
|
||||
lastIndex = i;
|
||||
this.fileDescList
|
||||
.push({ "index" : fileIndex, "title" : title });
|
||||
}
|
||||
this.fileDescList.push({ "index" : fileIndex, "title" : title });
|
||||
}
|
||||
localStorage["file.count"] = lastIndex + 1;
|
||||
this.fileDescList.sort(function(a, b) {
|
||||
if (a.title.toLowerCase() < b.title.toLowerCase())
|
||||
return -1;
|
||||
@ -139,7 +232,7 @@ var fileManager = (function($) {
|
||||
if (fileDesc.index == fileIndex) {
|
||||
li.addClass("disabled");
|
||||
} else {
|
||||
a.attr("href", "javascript:void(0);").click(
|
||||
a.prop("href", "#").click(
|
||||
(function(fileIndex) {
|
||||
return function() {
|
||||
localStorage["file.current"] = fileIndex;
|
||||
@ -152,10 +245,13 @@ var fileManager = (function($) {
|
||||
};
|
||||
|
||||
fileManager.saveFile = function() {
|
||||
var content = $("#wmd-input").val();
|
||||
var fileIndex = localStorage["file.current"];
|
||||
localStorage[fileIndex + ".content"] = content;
|
||||
// insertFile(this.currentFile, this.content);
|
||||
if(save) {
|
||||
var content = $("#wmd-input").val();
|
||||
var fileIndex = localStorage["file.current"];
|
||||
localStorage[fileIndex + ".content"] = content;
|
||||
synchronizer.addFile(fileIndex);
|
||||
save = false;
|
||||
}
|
||||
};
|
||||
|
||||
return fileManager;
|
||||
@ -166,9 +262,12 @@ var core = (function($) {
|
||||
|
||||
core.init = function() {
|
||||
this.loadSettings();
|
||||
this.saveSettings();
|
||||
this.createLayout();
|
||||
|
||||
$(".action-load-settings").click(function() {
|
||||
core.loadSettings();
|
||||
});
|
||||
|
||||
$(".action-apply-settings").click(function() {
|
||||
core.saveSettings();
|
||||
fileManager.saveFile();
|
||||
@ -176,26 +275,22 @@ var core = (function($) {
|
||||
});
|
||||
};
|
||||
|
||||
var settings = {};
|
||||
var settings = {
|
||||
layoutOrientation: "horizontal"
|
||||
};
|
||||
core.loadSettings = function() {
|
||||
if(localStorage.settings) {
|
||||
settings = JSON.parse(localStorage.settings);
|
||||
$.extend(settings, JSON.parse(localStorage.settings));
|
||||
}
|
||||
|
||||
// Layout orientation
|
||||
$("#radio-layout-orientation-horizontal").attr('checked', true);
|
||||
if(settings.layoutOrientation == "vertical") {
|
||||
$("#radio-layout-orientation-vertical").attr('checked', true);
|
||||
}
|
||||
$("input:radio[name=radio-layout-orientation][value=" + settings.layoutOrientation + "]").prop("checked", true);
|
||||
};
|
||||
|
||||
core.saveSettings = function() {
|
||||
|
||||
// Layout orientation
|
||||
settings.layoutOrientation = "horizontal";
|
||||
if($("#radio-layout-orientation-vertical").is(":checked")) {
|
||||
settings.layoutOrientation = "vertical";
|
||||
}
|
||||
settings.layoutOrientation = $("input:radio[name=radio-layout-orientation]:checked").prop("value");
|
||||
|
||||
localStorage.settings = JSON.stringify(settings);
|
||||
};
|
||||
@ -208,14 +303,14 @@ var core = (function($) {
|
||||
togglerLength_closed : 90, center__minWidth : 100, center__minHeight : 100,
|
||||
stateManagement__enabled : false, };
|
||||
if (settings.layoutOrientation == "horizontal") {
|
||||
$(".ui-layout-east").addClass("well").attr("id", "wmd-preview");
|
||||
$(".ui-layout-east").addClass("well").prop("id", "wmd-preview");
|
||||
layout = $('body').layout(
|
||||
$.extend(layoutGlobalConfig,
|
||||
{ east__resizable : true, east__size : .5, east__minSize : 200,
|
||||
south__closable : false, }));
|
||||
} else if (settings.layoutOrientation == "vertical") {
|
||||
$(".ui-layout-east").remove();
|
||||
$(".ui-layout-south").addClass("well").attr("id", "wmd-preview");
|
||||
$(".ui-layout-south").addClass("well").prop("id", "wmd-preview");
|
||||
layout = $('body').layout(
|
||||
$.extend(layoutGlobalConfig, { south__resizable : true,
|
||||
south__size : .5, south__minSize : 200, }));
|
||||
@ -264,7 +359,7 @@ var core = (function($) {
|
||||
if (typeof (Storage) !== "undefined") {
|
||||
fileManager.init();
|
||||
} else {
|
||||
showError("Web storage is not available");
|
||||
showError("Local storage is not available");
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user