From 37580fcafdc94c55e880a989dc7103e97ed9edd2 Mon Sep 17 00:00:00 2001 From: Alon Levy Date: Wed, 21 Jan 2015 13:00:43 +0200 Subject: Return of the bubble. Fixes #253 --- src/client/view/bubble.js | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 src/client/view/bubble.js (limited to 'src/client/view/bubble.js') diff --git a/src/client/view/bubble.js b/src/client/view/bubble.js new file mode 100644 index 00000000..70dc5d09 --- /dev/null +++ b/src/client/view/bubble.js @@ -0,0 +1,28 @@ +define(["jquery", "Bacon"], function ($, Bacon) { +function Bubble(raw_parent, radius) { + var xmlns = "http://www.w3.org/2000/svg"; + var g = document.createElementNS(xmlns, 'g'); + var circle = document.createElementNS(xmlns, 'circle'); + + var setTransformToCenter = function (elem) { + var width = $(document.body).innerWidth(); + var height = $(document.body).innerHeight(); + + elem.setAttribute('transform', 'translate(' + width / 2 + ',' + height / 2 + ')'); + } + + g.appendChild(circle); + raw_parent.appendChild(g); + setTransformToCenter(g); + circle.className.baseVal = 'circle bubble'; + circle.id = 'bubble'; + + radius.onValue(function (r) { + setTransformToCenter(g); + circle.setAttribute("r", r); + }) +} +return { + Bubble:Bubble +} +}); -- cgit v1.3.1