Hawkin
/
arangodb
mirror of https://gitee.com/bigwinds/arangodb
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

GraphViewer: JSLintified GraphViewerUI

This commit is contained in:
Michael Hackstein 2013-04-10 17:11:37 +02:00
parent 9f68cfa048
commit 07941f6f48
2 changed files with 31 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
html/admin/js/graphViewer/jasmine_test/runnerGraphViewer.html
View File

@ -34,7 +34,6 @@
<script type="text/javascript" src="../ui/edgeShaperControls.js"></script> <script type="text/javascript" src="../ui/edgeShaperControls.js"></script>
<script type="text/javascript" src="../ui/uiComponentsHelper.js"></script> <script type="text/javascript" src="../ui/uiComponentsHelper.js"></script>
<script type="text/javascript" src="../ui/eventDispatcherControls.js"></script> <script type="text/javascript" src="../ui/eventDispatcherControls.js"></script>
<script type="text/javascript" src="../ui/graphViewerUI.js"></script> <script type="text/javascript" src="../ui/graphViewerUI.js"></script>
<script type="text/javascript" src="../graphViewer.js"></script> <script type="text/javascript" src="../graphViewer.js"></script>

41
html/admin/js/graphViewer/ui/graphViewerUI.js
View File

@ -1,5 +1,7 @@
/*jslint indent: 2, nomen: true, maxlen: 100, white: true plusplus: true */ /*jslint indent: 2, nomen: true, maxlen: 100, white: true plusplus: true */
/*global document, $, _ */ /*global document, $, _ */
/*global EventDispatcherControls, NodeShaperControls, EdgeShaperControls*/
/*global GraphViewer, d3*/
//////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////
/// @brief Graph functionality /// @brief Graph functionality
/// ///
@ -40,7 +42,10 @@ function GraphViewerUI(container, adapterConfig) {
throw "An adapter configuration has to be given"; throw "An adapter configuration has to be given";
} }
var makeBootstrapDropdown = function (div, id, title) { var graphViewer,
width = container.width, // TODO
height = container.height, // TODO
makeBootstrapDropdown = function (div, id, title) {
var btn, caret, list; var btn, caret, list;
div.className = "dropdown"; div.className = "dropdown";
btn = document.createElement("a"); btn = document.createElement("a");
@ -68,7 +73,12 @@ function GraphViewerUI(container, adapterConfig) {
createToolbox = function() { createToolbox = function() {
var toolbox = document.createElement("div"), var toolbox = document.createElement("div"),
toollist = document.createElement("ul"), toollist = document.createElement("ul"),
dispatcherUI = new EventDispatcherControls(toollist, graphViewer.nodeShaper, graphViewer.edgeShaper, graphViewer.dispatcherConfig); dispatcherUI = new EventDispatcherControls(
toollist,
graphViewer.nodeShaper,
graphViewer.edgeShaper,
graphViewer.dispatcherConfig
);
toolbox.id = "toolbox"; toolbox.id = "toolbox";
toolbox.className = "toolbox"; toolbox.className = "toolbox";
container.appendChild(toolbox); container.appendChild(toolbox);
@ -82,11 +92,25 @@ function GraphViewerUI(container, adapterConfig) {
searchField = document.createElement("input"), searchField = document.createElement("input"),
searchStart = document.createElement("img"), searchStart = document.createElement("img"),
nodeShaperDropDown = document.createElement("div"), nodeShaperDropDown = document.createElement("div"),
nodeShaperList = makeBootstrapDropdown(nodeShaperDropDown, "nodeshaperdropdown", "Node Shaper"), nodeShaperList = makeBootstrapDropdown(
nodeShaperDropDown,
"nodeshaperdropdown",
"Node Shaper"
),
edgeShaperDropDown = document.createElement("div"), edgeShaperDropDown = document.createElement("div"),
edgeShaperList = makeBootstrapDropdown(edgeShaperDropDown, "edgeshaperdropdown", "Edge Shaper"), edgeShaperList = makeBootstrapDropdown(
nodeShaperUI = new NodeShaperControls(nodeShaperList, graphViewer.nodeShaper), edgeShaperDropDown,
edgeShaperUI = new EdgeShaperControls(edgeShaperList, graphViewer.edgeShaper); "edgeshaperdropdown",
"Edge Shaper"
),
nodeShaperUI = new NodeShaperControls(
nodeShaperList,
graphViewer.nodeShaper
),
edgeShaperUI = new EdgeShaperControls(
edgeShaperList,
graphViewer.edgeShaper
);
menubar.id = "menubar"; menubar.id = "menubar";
@ -117,10 +141,7 @@ function GraphViewerUI(container, adapterConfig) {
nodeShaperUI.addAll(); nodeShaperUI.addAll();
edgeShaperUI.addAll(); edgeShaperUI.addAll();
}, };
graphViewer,
width = container.width, // TODO
height = container.height; // TODO
createSVG(); createSVG();
graphViewer = new GraphViewer(d3.select("#" + container.id + " svg"), 10, 10, adapterConfig); graphViewer = new GraphViewer(d3.select("#" + container.id + " svg"), 10, 10, adapterConfig);