Metamaps.Synapse
This commit is contained in:
Devin Howard
parent
11a87582c7
commit
4833dd8da6
3 changed files with 170 additions and 157 deletions
|
|
@ -25,6 +25,7 @@
|
|||
//= require ./src/views/room
|
||||
//= require ./src/JIT
|
||||
//= require ./src/Metamaps
|
||||
//= require ./src/Metamaps.Synapse
|
||||
//= require ./src/Metamaps.Map
|
||||
//= require ./src/Metamaps.Account
|
||||
//= require ./src/Metamaps.Mapper
|
||||
|
|
|
|||
169
app/assets/javascripts/src/Metamaps.Synapse.js.erb
Normal file
169
app/assets/javascripts/src/Metamaps.Synapse.js.erb
Normal file
|
|
@ -0,0 +1,169 @@
|
|||
/* global Metamaps, $ */
|
||||
|
||||
/*
|
||||
* Metamaps.Synapse.js.erb
|
||||
*
|
||||
* Dependencies:
|
||||
* - Metamaps.Backbone
|
||||
* - Metamaps.Control
|
||||
* - Metamaps.Create
|
||||
* - Metamaps.JIT
|
||||
* - Metamaps.Map
|
||||
* - Metamaps.Mappings
|
||||
* - Metamaps.Selected
|
||||
* - Metamaps.Settings
|
||||
* - Metamaps.Synapses
|
||||
* - Metamaps.Topics
|
||||
* - Metamaps.Visualize
|
||||
*/
|
||||
|
||||
Metamaps.Synapse = {
|
||||
// this function is to retrieve a synapse JSON object from the database
|
||||
// @param id = the id of the synapse to retrieve
|
||||
get: function (id, callback) {
|
||||
// if the desired topic is not yet in the local topic repository, fetch it
|
||||
if (Metamaps.Synapses.get(id) == undefined) {
|
||||
if (!callback) {
|
||||
var e = $.ajax({
|
||||
url: "/synapses/" + id + ".json",
|
||||
async: false
|
||||
});
|
||||
Metamaps.Synapses.add($.parseJSON(e.responseText));
|
||||
return Metamaps.Synapses.get(id);
|
||||
} else {
|
||||
return $.ajax({
|
||||
url: "/synapses/" + id + ".json",
|
||||
success: function (data) {
|
||||
Metamaps.Synapses.add(data);
|
||||
callback(Metamaps.Synapses.get(id));
|
||||
}
|
||||
});
|
||||
}
|
||||
} else {
|
||||
if (!callback) {
|
||||
return Metamaps.Synapses.get(id);
|
||||
} else {
|
||||
return callback(Metamaps.Synapses.get(id));
|
||||
}
|
||||
}
|
||||
},
|
||||
/*
|
||||
*
|
||||
*
|
||||
*/
|
||||
renderSynapse: function (mapping, synapse, node1, node2, createNewInDB) {
|
||||
var self = Metamaps.Synapse;
|
||||
|
||||
var edgeOnViz;
|
||||
|
||||
var newedge = synapse.createEdge(mapping);
|
||||
|
||||
Metamaps.Visualize.mGraph.graph.addAdjacence(node1, node2, newedge.data);
|
||||
edgeOnViz = Metamaps.Visualize.mGraph.graph.getAdjacence(node1.id, node2.id);
|
||||
synapse.set('edge', edgeOnViz);
|
||||
synapse.updateEdge(); // links the synapse and the mapping to the edge
|
||||
|
||||
Metamaps.Control.selectEdge(edgeOnViz);
|
||||
|
||||
var mappingSuccessCallback = function (mappingModel, response) {
|
||||
var newSynapseData = {
|
||||
mappingid: mappingModel.id,
|
||||
mappableid: mappingModel.get('mappable_id')
|
||||
};
|
||||
|
||||
$(document).trigger(Metamaps.JIT.events.newSynapse, [newSynapseData]);
|
||||
};
|
||||
var synapseSuccessCallback = function (synapseModel, response) {
|
||||
if (Metamaps.Active.Map) {
|
||||
mapping.save({ mappable_id: synapseModel.id }, {
|
||||
success: mappingSuccessCallback
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
if (!Metamaps.Settings.sandbox && createNewInDB) {
|
||||
if (synapse.isNew()) {
|
||||
synapse.save(null, {
|
||||
success: synapseSuccessCallback,
|
||||
error: function (model, response) {
|
||||
console.log('error saving synapse to database');
|
||||
}
|
||||
});
|
||||
} else if (!synapse.isNew() && Metamaps.Active.Map) {
|
||||
mapping.save(null, {
|
||||
success: mappingSuccessCallback
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
createSynapseLocally: function () {
|
||||
var self = Metamaps.Synapse,
|
||||
topic1,
|
||||
topic2,
|
||||
node1,
|
||||
node2,
|
||||
synapse,
|
||||
mapping;
|
||||
|
||||
$(document).trigger(Metamaps.Map.events.editedByActiveMapper);
|
||||
|
||||
//for each node in this array we will create a synapse going to the position2 node.
|
||||
var synapsesToCreate = [];
|
||||
|
||||
topic2 = Metamaps.Topics.get(Metamaps.Create.newSynapse.topic2id);
|
||||
node2 = topic2.get('node');
|
||||
|
||||
var len = Metamaps.Selected.Nodes.length;
|
||||
if (len == 0) {
|
||||
topic1 = Metamaps.Topics.get(Metamaps.Create.newSynapse.topic1id);
|
||||
synapsesToCreate[0] = topic1.get('node');
|
||||
} else if (len > 0) {
|
||||
synapsesToCreate = Metamaps.Selected.Nodes;
|
||||
}
|
||||
|
||||
for (var i = 0; i < synapsesToCreate.length; i++) {
|
||||
node1 = synapsesToCreate[i];
|
||||
topic1 = node1.getData('topic');
|
||||
synapse = new Metamaps.Backbone.Synapse({
|
||||
desc: Metamaps.Create.newSynapse.description,
|
||||
node1_id: topic1.isNew() ? topic1.cid : topic1.id,
|
||||
node2_id: topic2.isNew() ? topic2.cid : topic2.id,
|
||||
});
|
||||
Metamaps.Synapses.add(synapse);
|
||||
|
||||
mapping = new Metamaps.Backbone.Mapping({
|
||||
mappable_type: "Synapse",
|
||||
mappable_id: synapse.cid,
|
||||
});
|
||||
Metamaps.Mappings.add(mapping);
|
||||
|
||||
// this function also includes the creation of the synapse in the database
|
||||
self.renderSynapse(mapping, synapse, node1, node2, true);
|
||||
} // for each in synapsesToCreate
|
||||
|
||||
Metamaps.Create.newSynapse.hide();
|
||||
},
|
||||
getSynapseFromAutocomplete: function (id) {
|
||||
var self = Metamaps.Synapse,
|
||||
topic1,
|
||||
topic2,
|
||||
node1,
|
||||
node2;
|
||||
|
||||
var synapse = self.get(id);
|
||||
|
||||
var mapping = new Metamaps.Backbone.Mapping({
|
||||
mappable_type: "Synapse",
|
||||
mappable_id: synapse.id,
|
||||
});
|
||||
Metamaps.Mappings.add(mapping);
|
||||
|
||||
topic1 = Metamaps.Topics.get(Metamaps.Create.newSynapse.topic1id);
|
||||
node1 = topic1.get('node');
|
||||
topic2 = Metamaps.Topics.get(Metamaps.Create.newSynapse.topic2id);
|
||||
node2 = topic2.get('node');
|
||||
Metamaps.Create.newSynapse.hide();
|
||||
|
||||
self.renderSynapse(mapping, synapse, node1, node2, true);
|
||||
}
|
||||
}; // end Metamaps.Synapse
|
||||
|
|
@ -4572,160 +4572,3 @@ Metamaps.Topic = {
|
|||
return false;
|
||||
}
|
||||
}; // end Metamaps.Topic
|
||||
|
||||
|
||||
/*
|
||||
*
|
||||
* SYNAPSE
|
||||
*
|
||||
*/
|
||||
Metamaps.Synapse = {
|
||||
// this function is to retrieve a synapse JSON object from the database
|
||||
// @param id = the id of the synapse to retrieve
|
||||
get: function (id, callback) {
|
||||
// if the desired topic is not yet in the local topic repository, fetch it
|
||||
if (Metamaps.Synapses.get(id) == undefined) {
|
||||
if (!callback) {
|
||||
var e = $.ajax({
|
||||
url: "/synapses/" + id + ".json",
|
||||
async: false
|
||||
});
|
||||
Metamaps.Synapses.add($.parseJSON(e.responseText));
|
||||
return Metamaps.Synapses.get(id);
|
||||
} else {
|
||||
return $.ajax({
|
||||
url: "/synapses/" + id + ".json",
|
||||
success: function (data) {
|
||||
Metamaps.Synapses.add(data);
|
||||
callback(Metamaps.Synapses.get(id));
|
||||
}
|
||||
});
|
||||
}
|
||||
} else {
|
||||
if (!callback) {
|
||||
return Metamaps.Synapses.get(id);
|
||||
} else {
|
||||
return callback(Metamaps.Synapses.get(id));
|
||||
}
|
||||
}
|
||||
},
|
||||
/*
|
||||
*
|
||||
*
|
||||
*/
|
||||
renderSynapse: function (mapping, synapse, node1, node2, createNewInDB) {
|
||||
var self = Metamaps.Synapse;
|
||||
|
||||
var edgeOnViz;
|
||||
|
||||
var newedge = synapse.createEdge(mapping);
|
||||
|
||||
Metamaps.Visualize.mGraph.graph.addAdjacence(node1, node2, newedge.data);
|
||||
edgeOnViz = Metamaps.Visualize.mGraph.graph.getAdjacence(node1.id, node2.id);
|
||||
synapse.set('edge', edgeOnViz);
|
||||
synapse.updateEdge(); // links the synapse and the mapping to the edge
|
||||
|
||||
Metamaps.Control.selectEdge(edgeOnViz);
|
||||
|
||||
var mappingSuccessCallback = function (mappingModel, response) {
|
||||
var newSynapseData = {
|
||||
mappingid: mappingModel.id,
|
||||
mappableid: mappingModel.get('mappable_id')
|
||||
};
|
||||
|
||||
$(document).trigger(Metamaps.JIT.events.newSynapse, [newSynapseData]);
|
||||
};
|
||||
var synapseSuccessCallback = function (synapseModel, response) {
|
||||
if (Metamaps.Active.Map) {
|
||||
mapping.save({ mappable_id: synapseModel.id }, {
|
||||
success: mappingSuccessCallback
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
if (!Metamaps.Settings.sandbox && createNewInDB) {
|
||||
if (synapse.isNew()) {
|
||||
synapse.save(null, {
|
||||
success: synapseSuccessCallback,
|
||||
error: function (model, response) {
|
||||
console.log('error saving synapse to database');
|
||||
}
|
||||
});
|
||||
} else if (!synapse.isNew() && Metamaps.Active.Map) {
|
||||
mapping.save(null, {
|
||||
success: mappingSuccessCallback
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
createSynapseLocally: function () {
|
||||
var self = Metamaps.Synapse,
|
||||
topic1,
|
||||
topic2,
|
||||
node1,
|
||||
node2,
|
||||
synapse,
|
||||
mapping;
|
||||
|
||||
$(document).trigger(Metamaps.Map.events.editedByActiveMapper);
|
||||
|
||||
//for each node in this array we will create a synapse going to the position2 node.
|
||||
var synapsesToCreate = [];
|
||||
|
||||
topic2 = Metamaps.Topics.get(Metamaps.Create.newSynapse.topic2id);
|
||||
node2 = topic2.get('node');
|
||||
|
||||
var len = Metamaps.Selected.Nodes.length;
|
||||
if (len == 0) {
|
||||
topic1 = Metamaps.Topics.get(Metamaps.Create.newSynapse.topic1id);
|
||||
synapsesToCreate[0] = topic1.get('node');
|
||||
} else if (len > 0) {
|
||||
synapsesToCreate = Metamaps.Selected.Nodes;
|
||||
}
|
||||
|
||||
for (var i = 0; i < synapsesToCreate.length; i++) {
|
||||
node1 = synapsesToCreate[i];
|
||||
topic1 = node1.getData('topic');
|
||||
synapse = new Metamaps.Backbone.Synapse({
|
||||
desc: Metamaps.Create.newSynapse.description,
|
||||
node1_id: topic1.isNew() ? topic1.cid : topic1.id,
|
||||
node2_id: topic2.isNew() ? topic2.cid : topic2.id,
|
||||
});
|
||||
Metamaps.Synapses.add(synapse);
|
||||
|
||||
mapping = new Metamaps.Backbone.Mapping({
|
||||
mappable_type: "Synapse",
|
||||
mappable_id: synapse.cid,
|
||||
});
|
||||
Metamaps.Mappings.add(mapping);
|
||||
|
||||
// this function also includes the creation of the synapse in the database
|
||||
self.renderSynapse(mapping, synapse, node1, node2, true);
|
||||
} // for each in synapsesToCreate
|
||||
|
||||
Metamaps.Create.newSynapse.hide();
|
||||
},
|
||||
getSynapseFromAutocomplete: function (id) {
|
||||
var self = Metamaps.Synapse,
|
||||
topic1,
|
||||
topic2,
|
||||
node1,
|
||||
node2;
|
||||
|
||||
var synapse = self.get(id);
|
||||
|
||||
var mapping = new Metamaps.Backbone.Mapping({
|
||||
mappable_type: "Synapse",
|
||||
mappable_id: synapse.id,
|
||||
});
|
||||
Metamaps.Mappings.add(mapping);
|
||||
|
||||
topic1 = Metamaps.Topics.get(Metamaps.Create.newSynapse.topic1id);
|
||||
node1 = topic1.get('node');
|
||||
topic2 = Metamaps.Topics.get(Metamaps.Create.newSynapse.topic2id);
|
||||
node2 = topic2.get('node');
|
||||
Metamaps.Create.newSynapse.hide();
|
||||
|
||||
self.renderSynapse(mapping, synapse, node1, node2, true);
|
||||
}
|
||||
}; // end Metamaps.Synapse
|
||||
|
|
|
|||
Loading…
Reference in a new issue