mirror of https://gitee.com/bigwinds/arangodb
98 lines
2.3 KiB
JavaScript
98 lines
2.3 KiB
JavaScript
/*jslint indent: 2, nomen: true, maxlen: 100, sloppy: true, vars: true, white: true, plusplus: true, forin: true */
|
|
/*global Backbone, $, _, window, EJS, GraphViewerUI */
|
|
|
|
window.graphView = Backbone.View.extend({
|
|
el: '#content',
|
|
|
|
template: new EJS({url: 'js/templates/graphView.ejs'}),
|
|
|
|
initialize: function () {
|
|
var self = this;
|
|
this.graphs = [];
|
|
$.ajax({
|
|
cache: false,
|
|
type: 'GET',
|
|
url: "/_api/graph",
|
|
contentType: "application/json",
|
|
success: function(data) {
|
|
self.graphs = _.pluck(data.graphs, "_key");
|
|
self.render();
|
|
}
|
|
});
|
|
},
|
|
|
|
events: {
|
|
"click input[type='radio'][name='loadtype']": "toggleLoadtypeDisplay",
|
|
"click #createViewer": "createViewer"
|
|
},
|
|
|
|
toggleLoadtypeDisplay: function() {
|
|
var selected = $("input[type='radio'][name='loadtype']:checked").attr("id");
|
|
if (selected === "collections") {
|
|
$("#collection_config").css("display", "block");
|
|
$("#graph_config").css("display", "none");
|
|
} else {
|
|
$("#collection_config").css("display", "none");
|
|
$("#graph_config").css("display", "block");
|
|
}
|
|
},
|
|
|
|
createViewer: function() {
|
|
var ecol,
|
|
ncol,
|
|
aaconfig,
|
|
undirected,
|
|
randomStart,
|
|
label,
|
|
config,
|
|
ui;
|
|
|
|
ecol = $("#edgeCollection").val();
|
|
ncol = $("#nodeCollection").val();
|
|
undirected = !!$("#undirected").attr("checked");
|
|
label = $("#nodeLabel").val();
|
|
randomStart = !!$("#randomStart").attr("checked");
|
|
|
|
aaconfig = {
|
|
type: "arango",
|
|
nodeCollection: ncol,
|
|
edgeCollection: ecol,
|
|
undirected: undirected
|
|
};
|
|
|
|
if (label !== undefined && label !== "") {
|
|
config = {
|
|
nodeShaper: {
|
|
label: label
|
|
}
|
|
};
|
|
}
|
|
|
|
$("#background").remove();
|
|
if (randomStart) {
|
|
$.ajax({
|
|
cache: false,
|
|
type: 'PUT',
|
|
url: '/_api/simple/any',
|
|
data: JSON.stringify({
|
|
collection: ncol
|
|
}),
|
|
contentType: "application/json",
|
|
success: function(data) {
|
|
ui = new GraphViewerUI($("#content")[0], aaconfig, 940, 680, config, data.document._id);
|
|
}
|
|
});
|
|
} else {
|
|
ui = new GraphViewerUI($("#content")[0], aaconfig, 940, 680, config);
|
|
}
|
|
},
|
|
|
|
|
|
render: function() {
|
|
$(this.el).html(this.template.render({col: this.collection, gs: this.graphs}));
|
|
|
|
return this;
|
|
}
|
|
|
|
});
|