github/elm-mdl
1
0
Fork 0
mirror of https://github.com/correl/elm-mdl.git synced 2024-11-23 19:19:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update.

Browse source
This commit is contained in:
Søren Debois 2016-04-20 15:32:31 +02:00
parent 8602ff5d01
commit 1d2c4f0a8b
1 changed files with 24 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
wip.js
View file

@ -11405,21 +11405,22 @@ Elm.Material.Helpers.make = function (_elm) {
$Time = Elm.Time.make(_elm); $Time = Elm.Time.make(_elm);
var _op = {}; var _op = {};
var delay = F2(function (t,x) { return $Effects.task(A3($Basics.flip,$Task.andThen,$Basics.always($Task.succeed(x)),$Task.sleep(t)));}); var delay = F2(function (t,x) { return $Effects.task(A3($Basics.flip,$Task.andThen,$Basics.always($Task.succeed(x)),$Task.sleep(t)));});
var fx = function (_p0) { return $Effects.task($Task.succeed(_p0));};
var lift = F6(function (get,set,fwd,update,action,model) { var lift = F6(function (get,set,fwd,update,action,model) {
var _p0 = A2(update,action,get(model)); var _p1 = A2(update,action,get(model));
var submodel$ = _p0._0; var submodel$ = _p1._0;
var e = _p0._1; var e = _p1._1;
return {ctor: "_Tuple2",_0: A2(set,model,submodel$),_1: A2($Effects.map,fwd,e)}; return {ctor: "_Tuple2",_0: A2(set,model,submodel$),_1: A2($Effects.map,fwd,e)};
}); });
var lift$ = F5(function (get,set,update,action,model) { return {ctor: "_Tuple2",_0: A2(set,model,A2(update,action,get(model))),_1: $Effects.none};}); var lift$ = F5(function (get,set,update,action,model) { return {ctor: "_Tuple2",_0: A2(set,model,A2(update,action,get(model))),_1: $Effects.none};});
var map2nd = F2(function (f,_p1) { var _p2 = _p1;return {ctor: "_Tuple2",_0: _p2._0,_1: f(_p2._1)};}); var map2nd = F2(function (f,_p2) { var _p3 = _p2;return {ctor: "_Tuple2",_0: _p3._0,_1: f(_p3._1)};});
var map1st = F2(function (f,_p3) { var _p4 = _p3;return {ctor: "_Tuple2",_0: f(_p4._0),_1: _p4._1};}); var map1st = F2(function (f,_p4) { var _p5 = _p4;return {ctor: "_Tuple2",_0: f(_p5._0),_1: _p5._1};});
var map2 = F2(function (f,_p5) { var _p6 = _p5;return {ctor: "_Tuple3",_0: _p6._0,_1: f(_p6._1),_2: _p6._2};}); var map2 = F2(function (f,_p6) { var _p7 = _p6;return {ctor: "_Tuple3",_0: _p7._0,_1: f(_p7._1),_2: _p7._2};});
var map1 = F2(function (f,_p7) { var _p8 = _p7;return {ctor: "_Tuple3",_0: f(_p8._0),_1: _p8._1,_2: _p8._2};}); var map1 = F2(function (f,_p8) { var _p9 = _p8;return {ctor: "_Tuple3",_0: f(_p9._0),_1: _p9._1,_2: _p9._2};});
var blurOn = function (evt) { return A2($Html$Attributes.attribute,A2($Basics._op["++"],"on",evt),"this.blur()");}; var blurOn = function (evt) { return A2($Html$Attributes.attribute,A2($Basics._op["++"],"on",evt),"this.blur()");};
var clip = F3(function (lower,upper,k) { return A2($Basics.max,lower,A2($Basics.min,k,upper));}); var clip = F3(function (lower,upper,k) { return A2($Basics.max,lower,A2($Basics.min,k,upper));});
var mapFx = F2(function (f,_p9) { var _p10 = _p9;return {ctor: "_Tuple2",_0: _p10._0,_1: A2($Effects.map,f,_p10._1)};}); var mapFx = F2(function (f,_p10) { var _p11 = _p10;return {ctor: "_Tuple2",_0: _p11._0,_1: A2($Effects.map,f,_p11._1)};});
var addFx = F2(function (effect1,_p11) { var _p12 = _p11;return {ctor: "_Tuple2",_0: _p12._0,_1: $Effects.batch(_U.list([effect1,_p12._1]))};}); var addFx = F2(function (effect1,_p12) { var _p13 = _p12;return {ctor: "_Tuple2",_0: _p13._0,_1: $Effects.batch(_U.list([effect1,_p13._1]))};});
var effect = F2(function (e,x) { return {ctor: "_Tuple2",_0: x,_1: e};}); var effect = F2(function (e,x) { return {ctor: "_Tuple2",_0: x,_1: e};});
var pure = effect($Effects.none); var pure = effect($Effects.none);
var filter = F3(function (elem,attr,html) { return A2(elem,attr,A2($List.filterMap,function (x) { return x;},html));}); var filter = F3(function (elem,attr,html) { return A2(elem,attr,A2($List.filterMap,function (x) { return x;},html));});
@ -11437,6 +11438,7 @@ Elm.Material.Helpers.make = function (_elm) {
,map2nd: map2nd ,map2nd: map2nd
,lift$: lift$ ,lift$: lift$
,lift: lift ,lift: lift
,fx: fx
,delay: delay}; ,delay: delay};
}; };
Elm.Material = Elm.Material || {}; Elm.Material = Elm.Material || {};
@ -14276,7 +14278,6 @@ Elm.Material.Layout.make = function (_elm) {
$Html = Elm.Html.make(_elm), $Html = Elm.Html.make(_elm),
$Html$Attributes = Elm.Html.Attributes.make(_elm), $Html$Attributes = Elm.Html.Attributes.make(_elm),
$Html$Events = Elm.Html.Events.make(_elm), $Html$Events = Elm.Html.Events.make(_elm),
$Json$Decode = Elm.Json.Decode.make(_elm),
$List = Elm.List.make(_elm), $List = Elm.List.make(_elm),
$Material$Helpers = Elm.Material.Helpers.make(_elm), $Material$Helpers = Elm.Material.Helpers.make(_elm),
$Material$Icon = Elm.Material.Icon.make(_elm), $Material$Icon = Elm.Material.Icon.make(_elm),
@ -14304,10 +14305,9 @@ Elm.Material.Layout.make = function (_elm) {
var navigation = function (contents) { return A2($Html.nav,_U.list([$Html$Attributes.$class("mdl-navigation")]),contents);}; var navigation = function (contents) { return A2($Html.nav,_U.list([$Html$Attributes.$class("mdl-navigation")]),contents);};
var title = function (t) { return A2($Html.span,_U.list([$Html$Attributes.$class("mdl-layout__title")]),_U.list([$Html.text(t)]));}; var title = function (t) { return A2($Html.span,_U.list([$Html$Attributes.$class("mdl-layout__title")]),_U.list([$Html.text(t)]));};
var spacer = A2($Html.div,_U.list([$Html$Attributes.$class("mdl-layout-spacer")]),_U.list([])); var spacer = A2($Html.div,_U.list([$Html$Attributes.$class("mdl-layout-spacer")]),_U.list([]));
var TransitionEnd = {ctor: "TransitionEnd"};
var Click = {ctor: "Click"};
var Ripple = F2(function (a,b) { return {ctor: "Ripple",_0: a,_1: b};}); var Ripple = F2(function (a,b) { return {ctor: "Ripple",_0: a,_1: b};});
var ScrollContents = function (a) { return {ctor: "ScrollContents",_0: a};}; var TransitionEnd = {ctor: "TransitionEnd"};
var TransitionHeader = function (a) { return {ctor: "TransitionHeader",_0: a};};
var ScrollTab = function (a) { return {ctor: "ScrollTab",_0: a};}; var ScrollTab = function (a) { return {ctor: "ScrollTab",_0: a};};
var SmallScreen = function (a) { return {ctor: "SmallScreen",_0: a};}; var SmallScreen = function (a) { return {ctor: "SmallScreen",_0: a};};
var ToggleDrawer = {ctor: "ToggleDrawer"}; var ToggleDrawer = {ctor: "ToggleDrawer"};
@ -14379,15 +14379,10 @@ Elm.Material.Layout.make = function (_elm) {
return "mdl-layout__header--waterfall"; return "mdl-layout__header--waterfall";
}} }}
}(); }();
var _p6 = A2($Debug.log,"foo",model.state);
return A2($Html.header, return A2($Html.header,
A2($List.append, A2($List.append,
isWaterfall(model.mode) ? _U.list([A2($Html$Events.onClick,addr,Click) isWaterfall(model.mode) ? _U.list([A2($Html$Events.onClick,addr,TransitionHeader(false))]) : _U.list([]),
,A3($Html$Events.on,
"transitionend",
$Json$Decode.value,
function (_p6) {
return A2($Signal.message,addr,TransitionEnd);
})]) : _U.list([]),
_U.list([$Html$Attributes.classList(_U.list([{ctor: "_Tuple2",_0: "mdl-layout__header",_1: true} _U.list([$Html$Attributes.classList(_U.list([{ctor: "_Tuple2",_0: "mdl-layout__header",_1: true}
,{ctor: "_Tuple2" ,{ctor: "_Tuple2"
,_0: "is-casting-shadow" ,_0: "is-casting-shadow"
@ -14432,11 +14427,12 @@ Elm.Material.Layout.make = function (_elm) {
var effect = _p10._1; var effect = _p10._1;
return {ctor: "_Tuple2",_0: _U.update(model,{state: S(state$)}),_1: effect}; return {ctor: "_Tuple2",_0: _U.update(model,{state: S(state$)}),_1: effect};
case "ScrollTab": return {ctor: "_Tuple2",_0: model,_1: $Effects.none}; case "ScrollTab": return {ctor: "_Tuple2",_0: model,_1: $Effects.none};
case "ScrollContents": var headerVisible = state.isSmallScreen || model.fixedHeader; case "TransitionHeader": var headerVisible = $Basics.not(state.isSmallScreen) || model.fixedHeader;
var state$ = _U.update(state,{isCompact: _p8._0,isAnimating: headerVisible}); var state$ = _U.update(state,{isCompact: _p8._0,isAnimating: headerVisible});
return {ctor: "_Tuple2",_0: _U.update(model,{state: S(state$)}),_1: $Effects.none}; return $Basics.not(state.isAnimating) ? {ctor: "_Tuple2"
case "TransitionEnd": return {ctor: "_Tuple2",_0: _U.update(model,{state: S(_U.update(state,{isAnimating: false}))}),_1: $Effects.none}; ,_0: _U.update(model,{state: S(state$)})
default: return {ctor: "_Tuple2",_0: _U.update(model,{state: S(_U.update(state,{isAnimating: true,isCompact: false}))}),_1: $Effects.none};} ,_1: A2($Material$Helpers.delay,200,TransitionEnd)} : {ctor: "_Tuple2",_0: model,_1: $Effects.none};
default: return {ctor: "_Tuple2",_0: _U.update(model,{state: S(_U.update(state,{isAnimating: false}))}),_1: $Effects.none};}
}); });
var State$ = F4(function (a,b,c,d) { return {tabs: a,isSmallScreen: b,isCompact: c,isAnimating: d};}); var State$ = F4(function (a,b,c,d) { return {tabs: a,isSmallScreen: b,isCompact: c,isAnimating: d};});
var scrollMailbox = $Signal.mailbox(0.0); var scrollMailbox = $Signal.mailbox(0.0);
@ -14448,7 +14444,7 @@ Elm.Material.Layout.make = function (_elm) {
$Signal.dropRepeats(A2($Signal.map,F2(function (x,y) { return _U.cmp(x,y) > 0;})(1024),$Window.width))) $Signal.dropRepeats(A2($Signal.map,F2(function (x,y) { return _U.cmp(x,y) > 0;})(1024),$Window.width)))
,A2($Signal.map, ,A2($Signal.map,
function (_p15) { function (_p15) {
return f(ScrollContents(_p15)); return f(TransitionHeader(_p15));
}, },
$Signal.dropRepeats(A2($Signal.map,F2(function (x,y) { return _U.cmp(x,y) < 0;})(0.0),scrollMailbox.signal)))])); $Signal.dropRepeats(A2($Signal.map,F2(function (x,y) { return _U.cmp(x,y) < 0;})(0.0),scrollMailbox.signal)))]));
}; };
@ -14653,8 +14649,7 @@ Elm.Main.make = function (_elm) {
,{ctor: "_Tuple2",_0: "padding-left",_1: "8%"} ,{ctor: "_Tuple2",_0: "padding-left",_1: "8%"}
,{ctor: "_Tuple2",_0: "padding-right",_1: "8%"}])) ,{ctor: "_Tuple2",_0: "padding-right",_1: "8%"}]))
,$Html$Attributes.key($Basics.toString($Basics.fst(model.routing)))]), ,$Html$Attributes.key($Basics.toString($Basics.fst(model.routing)))]),
_U.list([A2(A2($Maybe.withDefault,e404,A2($Array.get,model.layout.selectedTab,tabViews)),addr,model) _U.list([A2(A2($Maybe.withDefault,e404,A2($Array.get,model.layout.selectedTab,tabViews)),addr,model)]));
,$Material$Style.stylesheet("\n html, body {\n overflow-y: auto;\n min-height: 100%;\n}\n\nmdl-layout {\n min-height: 100%;\n}\n .mdl-layout {\n overflow: visible;\n}\n.mdl-layout__drawer {\n position: fixed;\n}\n.mdl-layout__content {\n display: block;\n overflow: visible;\n margin-top: 64px;\n}\n.is-small-screen .mdl-layout__content {\n margin-top: 56px;\n}\n.mdl-layout__header {\n position: fixed;\n}\n.mdl-layout__obfuscator {\n position: fixed;\n}\n ")]));
return A3($Material$Scheme.topWithScheme, return A3($Material$Scheme.topWithScheme,
$Material$Color.Teal, $Material$Color.Teal,
$Material$Color.Red, $Material$Color.Red,
@ -14728,7 +14723,8 @@ Elm.Main.make = function (_elm) {
}); });
var ApplyRoute = function (a) { return {ctor: "ApplyRoute",_0: a};}; var ApplyRoute = function (a) { return {ctor: "ApplyRoute",_0: a};};
var Model = F5(function (a,b,c,d,e) { return {layout: a,routing: b,buttons: c,textfields: d,snackbar: e};}); var Model = F5(function (a,b,c,d,e) { return {layout: a,routing: b,buttons: c,textfields: d,snackbar: e};});
var layoutModel = _U.update($Material$Layout.defaultLayoutModel,{state: $Material$Layout.initState($List.length(tabs)),fixedHeader: true}); var layoutModel = _U.update($Material$Layout.defaultLayoutModel,
{state: $Material$Layout.initState($List.length(tabs)),mode: $Material$Layout.Waterfall(false),fixedHeader: false});
var E404 = {ctor: "E404"}; var E404 = {ctor: "E404"};
var Tab = function (a) { return {ctor: "Tab",_0: a};}; var Tab = function (a) { return {ctor: "Tab",_0: a};};
var route0 = {ctor: "_Tuple2",_0: Tab(0),_1: $Hop$Types.newLocation}; var route0 = {ctor: "_Tuple2",_0: Tab(0),_1: $Hop$Types.newLocation};