cyclejs-modal
Version:
An easy way to open custom modals in a cyclejs app
43 lines • 1.24 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var xstream_1 = require("xstream");
var run_1 = require("@cycle/run");
var dom_1 = require("@cycle/dom");
var isolate_1 = require("@cycle/isolate");
var modalify_1 = require("../../../src/modalify");
function main(_a) {
var DOM = _a.DOM;
return {
DOM: xstream_1.default.of(dom_1.button('.button', ['open modal'])),
modal: DOM.select('.button')
.events('click')
.mapTo({
type: 'open',
component: isolate_1.default(modal)
})
};
}
function modal(_a) {
var DOM = _a.DOM;
return {
DOM: xstream_1.default.of(dom_1.div('.div', [
dom_1.span('.span', ['This is a modal. Yeah? :)']),
dom_1.button('.button', ['close'])
])),
modal: DOM.select('.button')
.events('click')
.mapTo({ type: 'close' })
};
}
var modalifiedMain = modalify_1.modalify(main, {
name: 'modal',
DOMDriverKey: 'DOM',
center: true,
modalContainerClass: null,
background: 'rgba(0,0,0,0.8)',
zIndex: 500
});
run_1.run(modalifiedMain, {
DOM: dom_1.makeDOMDriver('#app')
});
//# sourceMappingURL=index.js.map