hopglass/lib/router.js

215 lines
4 KiB
JavaScript
Raw Normal View History

2015-03-25 20:25:41 +01:00
define(function () {
2015-03-29 16:14:10 +02:00
return function () {
var self = this
2015-03-25 20:25:41 +01:00
var objects = { nodes: {}, links: {} }
var targets = []
2015-07-07 00:06:38 +02:00
var views = {}
var currentView
var currentObject
var running = false
2015-03-25 20:25:41 +01:00
2015-07-07 00:06:38 +02:00
function saveState() {
var e = []
2015-03-29 16:14:10 +02:00
2015-07-07 00:06:38 +02:00
if (currentView)
e.push("v:" + currentView)
2015-03-29 16:14:10 +02:00
2015-07-07 00:06:38 +02:00
if (currentObject) {
if ("node" in currentObject)
e.push("n:" + encodeURIComponent(currentObject.node.nodeinfo.node_id))
if ("link" in currentObject)
e.push("l:" + encodeURIComponent(currentObject.link.id))
2015-03-29 16:14:10 +02:00
}
2015-07-07 00:06:38 +02:00
var s = "#!" + e.join(";")
2015-03-29 16:14:10 +02:00
window.history.pushState(s, undefined, s)
}
2015-03-25 20:25:41 +01:00
function resetView(push) {
push = trueDefault(push)
targets.forEach( function (t) {
t.resetView()
})
2015-07-07 00:06:38 +02:00
if (push) {
currentObject = undefined
2015-03-25 20:25:41 +01:00
saveState()
2015-07-07 00:06:38 +02:00
}
2015-03-25 20:25:41 +01:00
}
2015-03-25 20:55:49 +01:00
function gotoNode(d) {
2015-03-31 16:30:16 +02:00
if (!d)
return false
2015-03-25 20:25:41 +01:00
targets.forEach( function (t) {
t.gotoNode(d)
})
2015-03-31 16:30:16 +02:00
return true
2015-03-25 20:25:41 +01:00
}
2015-03-25 20:55:49 +01:00
function gotoLink(d) {
2015-03-31 16:30:16 +02:00
if (!d)
return false
2015-03-25 20:25:41 +01:00
targets.forEach( function (t) {
t.gotoLink(d)
})
2015-03-31 16:30:16 +02:00
return true
2015-03-25 20:25:41 +01:00
}
function gotoLocation(d) {
if (!d)
return false
targets.forEach( function (t) {
if(!t.gotoLocation)console.warn("has no gotoLocation", t)
t.gotoLocation(d)
})
return true
}
2015-03-25 20:25:41 +01:00
function loadState(s) {
if (!s)
2015-03-27 22:25:28 +01:00
return false
2015-03-25 20:25:41 +01:00
s = decodeURIComponent(s)
2015-03-25 20:25:41 +01:00
if (!s.startsWith("#!"))
2015-03-27 22:25:28 +01:00
return false
2015-03-25 20:25:41 +01:00
2015-07-07 00:06:38 +02:00
var targetSet = false
2015-03-25 20:25:41 +01:00
2015-07-07 00:06:38 +02:00
s.slice(2).split(";").forEach(function (d) {
var args = d.split(":")
2015-03-25 20:25:41 +01:00
2015-07-07 00:06:38 +02:00
if (args[0] === "v" && args[1] in views) {
currentView = args[1]
views[args[1]]()
2015-03-27 22:25:28 +01:00
}
2015-03-25 20:25:41 +01:00
2015-07-07 00:06:38 +02:00
var id
if (args[0] === "n") {
id = args[1]
2015-07-07 00:06:38 +02:00
if (id in objects.nodes) {
currentObject = { node: objects.nodes[id] }
gotoNode(objects.nodes[id])
targetSet = true
}
2015-03-27 22:25:28 +01:00
}
2015-07-07 00:06:38 +02:00
if (args[0] === "l") {
id = args[1]
2015-07-07 00:06:38 +02:00
if (id in objects.links) {
currentObject = { link: objects.links[id] }
gotoLink(objects.links[id])
targetSet = true
}
}
})
return targetSet
2015-03-27 22:25:28 +01:00
}
self.start = function () {
running = true
2015-03-27 22:25:28 +01:00
if (!loadState(window.location.hash))
resetView(false)
window.onpopstate = function (d) {
if (!loadState(d.state))
resetView(false)
2015-03-25 20:25:41 +01:00
}
}
2015-07-07 00:06:38 +02:00
self.view = function (d) {
if (d in views) {
views[d]()
2015-07-07 00:20:34 +02:00
if (!currentView || running)
2015-07-07 00:06:38 +02:00
currentView = d
2015-07-07 00:10:42 +02:00
2015-07-07 00:30:35 +02:00
if (!running)
return
saveState()
if (!currentObject) {
resetView(false)
return
2015-07-07 00:06:38 +02:00
}
2015-07-07 00:30:35 +02:00
if ("node" in currentObject)
gotoNode(currentObject.node)
if ("link" in currentObject)
gotoLink(currentObject.link)
2015-07-07 00:06:38 +02:00
}
}
2015-03-25 20:55:49 +01:00
self.node = function (d) {
return function () {
2015-07-07 00:06:38 +02:00
if (gotoNode(d)) {
currentObject = { node: d }
saveState()
}
2015-03-31 16:30:16 +02:00
2015-03-25 20:55:49 +01:00
return false
}
}
self.link = function (d) {
return function () {
2015-07-07 00:06:38 +02:00
if (gotoLink(d)) {
currentObject = { link: d }
saveState()
}
2015-03-31 16:30:16 +02:00
2015-03-25 20:55:49 +01:00
return false
}
}
self.gotoLocation = gotoLocation
2015-03-25 20:55:49 +01:00
self.reset = function () {
resetView()
}
2015-03-31 22:18:09 +02:00
self.addTarget = function (d) {
targets.push(d)
}
self.removeTarget = function (d) {
targets = targets.filter( function (e) {
return d !== e
})
}
2015-03-25 20:25:41 +01:00
2015-07-07 00:06:38 +02:00
self.addView = function (k, d) {
views[k] = d
}
2015-03-29 17:48:25 +02:00
self.setData = function (data) {
2015-03-25 20:25:41 +01:00
objects.nodes = {}
objects.links = {}
2015-03-29 17:48:25 +02:00
data.nodes.all.forEach( function (d) {
2015-03-25 20:25:41 +01:00
objects.nodes[d.nodeinfo.node_id] = d
})
2015-03-31 17:21:58 +02:00
data.graph.links.forEach( function (d) {
2015-04-06 23:10:37 +02:00
objects.links[d.id] = d
2015-03-25 20:25:41 +01:00
})
}
return self
}
})