cyclejs-modal
Version:
An easy way to open custom modals in a cyclejs app
36 lines • 1.12 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var rxjs_run_1 = require("@cycle/rxjs-run");
var rxjs_1 = require("rxjs");
var operators_1 = require("rxjs/operators");
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: rxjs_1.of(dom_1.button('.button', ['open modal'])),
modal: DOM.select('.button')
.events('click')
.pipe(operators_1.mapTo({
type: 'open',
component: isolate_1.default(modal)
}))
};
}
function modal(_a) {
var DOM = _a.DOM;
return {
DOM: rxjs_1.of(dom_1.div('.div', [
dom_1.span('.span', ['This is an rxjs modal! :)']),
dom_1.button('.button', ['close'])
])),
modal: DOM.select('.button')
.events('click')
.pipe(operators_1.mapTo({ type: 'close' }))
};
}
rxjs_run_1.run(modalify_1.modalify(main), {
DOM: dom_1.makeDOMDriver('#app')
});
//# sourceMappingURL=index.js.map