2013-02-20 22:36:16 +00:00
|
|
|
|
2013-03-09 07:12:40 +00:00
|
|
|
Elm.Native.Window = function(elm) {
|
2013-02-22 23:19:40 +00:00
|
|
|
'use strict';
|
2013-02-20 22:36:16 +00:00
|
|
|
|
2013-03-09 07:12:40 +00:00
|
|
|
elm.Native = elm.Native || {};
|
|
|
|
if (elm.Native.Window) return elm.Native.Window;
|
2013-02-20 22:36:16 +00:00
|
|
|
|
2013-03-09 07:12:40 +00:00
|
|
|
var Signal = Elm.Signal(elm);
|
2013-03-10 03:02:07 +00:00
|
|
|
var Tuple2 = Elm.Native.Utils(elm).Tuple2;
|
2013-03-09 07:12:40 +00:00
|
|
|
|
2013-03-10 03:02:07 +00:00
|
|
|
var dimensions = Signal.constant(Tuple2(elm.node.clientWidth,
|
|
|
|
elm.node.clientHeight));
|
2013-02-20 22:36:16 +00:00
|
|
|
dimensions.defaultNumberOfKids = 2;
|
|
|
|
|
2013-03-10 03:02:07 +00:00
|
|
|
// Do not move width and height into Elm. By setting the default number of kids,
|
|
|
|
// the resize listener can be detached.
|
2013-03-09 07:12:40 +00:00
|
|
|
var width = A2(Signal.lift, function(p){return p._0}, dimensions);
|
2013-02-20 22:36:16 +00:00
|
|
|
width.defaultNumberOfKids = 0;
|
|
|
|
|
2013-03-09 07:12:40 +00:00
|
|
|
var height = A2(Signal.lift, function(p){return p._1}, dimensions);
|
2013-02-20 22:36:16 +00:00
|
|
|
height.defaultNumberOfKids = 0;
|
|
|
|
|
2013-03-09 07:12:40 +00:00
|
|
|
function resize(e) {
|
2013-03-10 03:02:07 +00:00
|
|
|
console.log('use the base node (should happen after resize)');
|
|
|
|
var hasListener = elm.notify(dimensions.id, Tuple2(elm.node.clientWidth,
|
|
|
|
elm.node.clientHeight));
|
|
|
|
if (!hasListener) window.removeEventListener('resize', resize);
|
2013-03-09 07:12:40 +00:00
|
|
|
}
|
2013-03-10 03:02:07 +00:00
|
|
|
window.addEventListener('resize', resize);
|
2013-03-09 07:12:40 +00:00
|
|
|
|
|
|
|
return elm.Native.Window = {
|
|
|
|
dimensions:dimensions,
|
|
|
|
width:width,
|
|
|
|
height:height
|
|
|
|
};
|
|
|
|
|
|
|
|
};
|