mirror of
https://github.com/wassname/HackFlowy.git
synced 2026-07-03 17:00:06 +08:00
Curtis SerVaas
282 lines
8.3 KiB
JavaScript
282 lines
8.3 KiB
JavaScript
$(function(){
|
|
//alert("jquery works");
|
|
INPUT_PROCESSED = true;
|
|
|
|
myRouter = new AppRouter;
|
|
Backbone.history.start();
|
|
//this calls initialize twice.
|
|
});
|
|
|
|
|
|
function createPathMenu(event){
|
|
//console.log($(event.target).attr("data-id"));
|
|
var pathDiv = $(event.target).parent().children("#pathDiv")
|
|
console.log(pathDiv);
|
|
if(pathDiv.length != 0){pathDiv.remove(); return; }
|
|
var curId = $(event.target).attr("data-id");
|
|
var parents = nodesCollection.findWhere({_id:curId}).get("parents");
|
|
var html = $("<div id='pathDiv' class='dropdown-toggle'><ul></ul></div>");
|
|
console.log("parents=");
|
|
console.log(parents);
|
|
if(parents.length == 1){
|
|
var parentId = parents[0];
|
|
var grandParentId = nodesCollection.findWhere({_id:parentId}).get("parents");
|
|
html.append($("<li><a href=#/" + parentId + ">"+parentId+"</a></li>"));
|
|
html.append($("<li><a href=#/" + grandParentId + ">"+grandParentId+"</a></li>"));
|
|
}
|
|
console.log(html);
|
|
// alert("something");
|
|
$(event.target).parent().append(html);
|
|
|
|
}
|
|
|
|
Array.prototype.insert = function (index, item) {
|
|
this.splice(index, 0, item);
|
|
};
|
|
|
|
//http://stackoverflow.com/questions/500606/javascript-array-delete-elements
|
|
Array.prototype.remove = function(from, to) {
|
|
var rest = this.slice((to || from) + 1 || this.length);
|
|
this.length = from < 0 ? this.length + from : from;
|
|
return this.push.apply(this, rest);
|
|
};
|
|
|
|
function hasDuplicates(array) {
|
|
var valuesSoFar = {};
|
|
for (var i = 0; i < array.length; ++i) {
|
|
var value = array[i];
|
|
if (Object.prototype.hasOwnProperty.call(valuesSoFar, value)) {
|
|
return true;
|
|
}
|
|
valuesSoFar[value] = true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
Array.prototype.removeOne = function(parId){
|
|
var parIndex = this.indexOf(parId);
|
|
this.remove(parIndex);
|
|
}
|
|
|
|
voInitializer = function(that, event){
|
|
//var that = this;
|
|
vo = {};
|
|
vo.hitEnter = (event.which == 13);
|
|
vo.hitTab = (event.which ==9);
|
|
vo.atEnd = ( $(that).getSelection().end == $(that).val().length);
|
|
vo.atBeg = ( $(that).getSelection().start == 0);
|
|
//cursor = $(this).getSelection().start;
|
|
vo.hitBack = (event.which ==8);
|
|
vo.empty = ($(that).val().length ==0);
|
|
//vo.thisLen = $()
|
|
|
|
vo.rootLevel = $(that).closest("ul").is(".root")
|
|
vo.lastBullet = ( $(that).closest("li").is(":first-child") && vo.rootLevel);
|
|
vo.thisLI = $(event.target).closest("li");
|
|
vo.thisId = vo.thisLI.attr("data-id"); //data-id.
|
|
vo.thisIndex = vo.thisLI.index(); //returns -1 if there's no match.
|
|
vo.thisModel = nodesCollection.findWhere({_id: vo.thisId});
|
|
vo.thisView = vo.thisModel.get("views").slice(-1)[0]; //we're assuming a tree.
|
|
//(also, I'm not garbage collecting extra views when you zoom in/out, so we have to grab last element).
|
|
|
|
//alert(thisIndex)
|
|
//thisModel = nodesCollection.get(thisId);
|
|
vo.siblingLI = vo.thisLI.prev();
|
|
vo.siblingIndex = vo.siblingLI.index();
|
|
vo.siblingId = vo.siblingLI.attr("data-id");
|
|
vo.siblingModel = nodesCollection.findWhere({_id: vo.siblingId});
|
|
|
|
console.log(nodesCollection);
|
|
console.log(vo.thisModel);
|
|
|
|
|
|
|
|
|
|
if(vo.rootLevel){
|
|
vo.parentLI = undefined;
|
|
vo.parentId = (vo.thisLI.closest("ul").attr("data-id"))
|
|
vo.grandParentId = undefined; // won't matter since outTab prevents it. //unless programattic.
|
|
}
|
|
else{ //not root level.
|
|
//debugger;
|
|
vo.parentLI = vo.thisLI.parent().closest("li");
|
|
vo.parentId = (vo.parentLI.attr("data-id"));
|
|
if(vo.parentLI.attr("data-depth") == 0){ //could test this another way.
|
|
vo.grandParentId = vo.parentLI.closest("ul").attr("data-id");
|
|
//console.log("grandParentId" + grandParentId)
|
|
}
|
|
else{
|
|
vo.grandParentId = (vo.parentLI.parent().closest("li").attr('data-id'));
|
|
//console.log("grandParentId" + grandParentId)
|
|
}
|
|
}
|
|
vo.grandParentModel = nodesCollection.findWhere({_id: vo.grandParentId});
|
|
vo.parentModel = nodesCollection.findWhere({_id: vo.parentId});
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
keydownHandler = function(event){ //the entire body is wrapped in this.
|
|
var that = this;
|
|
console.log("keyDownHandler");
|
|
//
|
|
if(event.which == undefined){ console.log("ABORTED- event.which==undefined"); return; }
|
|
if(!CurrentUser){ alert("only logged in users can edit"); return;}//prevent non-logged in users from editing.
|
|
|
|
if(!INPUT_PROCESSED){console.log("ABORT- INPUT_PROCESSED=false"); return;}//hitting-enter too quickly causes bugs. Need to make sure nodes have been added.
|
|
if(event.which == 13){event.preventDefault();}
|
|
|
|
voInitializer(that, event);
|
|
console.log("ABOUT TO PROCESS INPUT");
|
|
|
|
INPUT_PROCESSED = false;
|
|
|
|
//event.preventDefault();
|
|
//http://stackoverflow.com/questions/20964729/run-keydown-event-handler-after-the-value-of-a-textarea-has-been-changed
|
|
//keyupp fixes this, but causes other problems.
|
|
if( !(vo.hitTab || vo.hitEnter || (vo.hitBack && vo.empty))){
|
|
//The reason this isn't syncing perfectly between bullets is that...
|
|
//... the text-area val hasn't updated at this point.
|
|
vo.thisModel.set("text", $(that).val());
|
|
_.each(vo.thisModel.get("views"), function(view){
|
|
view.updateText()
|
|
});
|
|
INPUT_PROCESSED = true;
|
|
return;
|
|
}
|
|
|
|
if(vo.hitEnter){
|
|
event.preventDefault();
|
|
|
|
if(event.shiftKey){
|
|
_.each(vo.thisModel.get("views"), function(view){
|
|
view.collapse();
|
|
});
|
|
event.preventDefault();
|
|
alert("Temporarily is used for expand/collapse (instead of clicking)")
|
|
}
|
|
|
|
if(!event.shiftKey){
|
|
event.preventDefault();
|
|
|
|
if(vo.empty){
|
|
addNode("");
|
|
return;
|
|
}//if(empty)
|
|
else{//!empty
|
|
if(vo.atEnd){
|
|
//alert("CORRECT!")
|
|
addNode("");
|
|
return;
|
|
}//
|
|
if(!vo.atEnd && !vo.atBeg){ //split bullet
|
|
var topStr = '';
|
|
var botStr = '';
|
|
splitText(that, botStr, topStr, addNode);
|
|
return;
|
|
//addNode(botStr, topStr);
|
|
}
|
|
if(!vo.atEnd && vo.atBeg){//addNode (before). (equivalent to splitting bullet)
|
|
var topStr = '';
|
|
var botStr = '';
|
|
splitText(that, botStr, topStr, addNode);
|
|
return;
|
|
//addNode(botStr, topStr);
|
|
}
|
|
}//!empty
|
|
|
|
}
|
|
} //hitEnter
|
|
|
|
if(vo.hitBack && vo.empty){
|
|
event.preventDefault();
|
|
removeNode(vo);
|
|
return;
|
|
}//hitBack.
|
|
|
|
// // START ON HIT TAB
|
|
// if (vo.hitTab) {
|
|
|
|
// event.preventDefault();
|
|
|
|
// if (event.shiftKey) {
|
|
// event.preventDefault();
|
|
|
|
|
|
// if (($(this).parent().parent().parent().hasClass("root"))) {
|
|
// // do nothing. //alert() //IT USED TO BE ID = 'ROOT' // we use 'root SubList' because it has two classes.
|
|
// }
|
|
// else { // OUTDENT!!
|
|
// var newIndex = $(this).parent().parent().parent().closest("li").index();
|
|
// debugger;
|
|
// moveNode(vo.thisModel, vo.thisIndex, vo.parentModel, vo.grandParentModel, newIndex+1, true);
|
|
// }
|
|
// }
|
|
// var hasAboveSibling = (vo.thisIndex != 0);
|
|
// if(!event.shiftKey && (hasAboveSibling) ){
|
|
// var newIndex = vo.siblingModel.get("children").length; // no need for a + 1, because 0 index + insert (duh)
|
|
// moveNode(vo.thisModel, vo.thisIndex, vo.parentModel, vo.siblingModel, newIndex, true);
|
|
// }
|
|
// }// END ON HIT TAB
|
|
if((vo.hitTab && !event.shiftKey) || (event.keyCode == 39 && event.shiftKey)){ //INDENT
|
|
event.preventDefault();
|
|
var hasAboveSibling = (vo.thisIndex != 0);
|
|
if(hasAboveSibling){
|
|
var newIndex = vo.siblingModel.get("children").length; // no need for a + 1, because 0 index + insert (duh)
|
|
moveNode(vo.thisModel, vo.thisIndex, vo.parentModel, vo.siblingModel, newIndex, true);
|
|
setTimeout(function(){
|
|
|
|
}, 100);
|
|
}
|
|
}
|
|
if((vo.hitTab && event.shiftKey) || (event.keyCode == 37 && event.shiftKey)){// OUTDENT!!
|
|
if (($(this).parent().parent().parent().hasClass("root"))) {
|
|
// do nothing. //alert() //IT USED TO BE ID = 'ROOT' // we use 'root SubList' because it has two classes.
|
|
}
|
|
else {
|
|
|
|
var newSiblingUL = $(this).parent().parent().parent();
|
|
var newIndex = newSiblingUL.closest("li").index();
|
|
moveNode(vo.thisModel, vo.thisIndex, vo.parentModel, vo.grandParentModel, newIndex+1, true);
|
|
setTimeout(function(){ //(MoveNode is asynchronous, so you need to wait a little bit.).
|
|
newSiblingUL.parent().next().children().children("textarea").focus();
|
|
}, 100);
|
|
|
|
|
|
}
|
|
}
|
|
|
|
if(event.keyCode == 38 && event.shiftKey && !vo.thisLI.is(":first-child")) {
|
|
moveNode(vo.thisModel, vo.thisIndex, vo.parentModel, vo.parentModel, vo.thisIndex-1, true);
|
|
return;
|
|
}
|
|
if(event.keyCode == 40 && event.shiftKey && !vo.thisLI.is(":last-child")) {
|
|
moveNode(vo.thisModel, vo.thisIndex, vo.parentModel, vo.parentModel, vo.thisIndex+1, true);
|
|
return;
|
|
}
|
|
|
|
|
|
|
|
}//keyboardHandler
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|