git.iko.soy/elk
on fb760ee help sign in
elk/libraries/Native/Signal/Window.js
45 lines 1.4 kB history raw
1Elm.Native.Window = {};
2Elm.Native.Window.make = function(elm) {
4 elm.Native = elm.Native || {};
5 elm.Native.Window = elm.Native.Window || {};
6 if (elm.Native.Window.values) return elm.Native.Window.values;
8 var Signal = Elm.Signal.make(elm);
9 var Tuple2 = Elm.Native.Utils.make(elm).Tuple2;
11 function getWidth() { return elm.node.clientWidth; }
12 function getHeight() {
13 if (elm.display === ElmRuntime.Display.FULLSCREEN) {
14 return window.innerHeight;
15 }
16 return elm.node.clientHeight;
17 }
19 var dimensions = Signal.constant(Tuple2(getWidth(), getHeight()));
20 dimensions.defaultNumberOfKids = 2;
22 // Do not move width and height into Elm. By setting the default number of kids,
23 // the resize listener can be detached.
24 var width = A2(Signal.lift, function(p){return p._0;}, dimensions);
25 width.defaultNumberOfKids = 0;
27 var height = A2(Signal.lift, function(p){return p._1;}, dimensions);
28 height.defaultNumberOfKids = 0;
30 function resizeIfNeeded() {
31 var w = getWidth();
32 var h = getHeight();
33 if (dimensions.value._0 === w && dimensions.value._1 === h) return;
34 elm.notify(dimensions.id, Tuple2(w,h));
35 }
36 elm.addListener([dimensions.id], window, 'resize', resizeIfNeeded);
38 return elm.Native.Window.values = {
39 dimensions:dimensions,
40 width:width,
41 height:height,
42 resizeIfNeeded:resizeIfNeeded
43 };
45};