43 lines
838 B
JavaScript
43 lines
838 B
JavaScript
|
var layout = (function() {
|
||
|
|
|
||
|
|
var render = function() {
|
||
|
|
var html = helper.e("html");
|
||
|
|
html.style.setProperty("--layout-width", "calc(" + helper.getObject({
|
||
|
|
object: state.get(),
|
||
|
|
path: "layout.width"
|
||
|
|
}) + "vw - var(--layout-width-gutter))");
|
||
|
|
};
|
||
|
|
|
||
|
|
var edge = function(action) {
|
||
|
|
var body = helper.e("body");
|
||
|
|
var container = helper.makeNode({
|
||
|
|
tag: "div",
|
||
|
|
attr: [{
|
||
|
|
key: "class",
|
||
|
|
value: "container container-edge"
|
||
|
|
}]
|
||
|
|
});
|
||
|
|
var state = {
|
||
|
|
show: function() {
|
||
|
|
body.appendChild(container);
|
||
|
|
},
|
||
|
|
hide: function() {
|
||
|
|
body.removeChild(helper.e(".container-edge"));
|
||
|
|
}
|
||
|
|
};
|
||
|
|
state[action]();
|
||
|
|
};
|
||
|
|
|
||
|
|
var init = function() {
|
||
|
|
render();
|
||
|
|
};
|
||
|
|
|
||
|
|
// exposed methods
|
||
|
|
return {
|
||
|
|
edge: edge,
|
||
|
|
render: render,
|
||
|
|
init: init
|
||
|
|
};
|
||
|
|
|
||
|
|
})();
|