New boilerplate
This commit is contained in:
15
dist/index.html
vendored
Executable file
15
dist/index.html
vendored
Executable file
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<style>
|
||||
div {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script src="vendors.js"></script>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
1
dist/main.js
vendored
Executable file
1
dist/main.js
vendored
Executable file
@@ -0,0 +1 @@
|
||||
!function e(t,o,c){function n(s,a){if(!o[s]){if(!t[s]){var i="function"==typeof require&&require;if(!a&&i)return i(s,!0);if(r)return r(s,!0);var l=new Error("Cannot find module '"+s+"'");throw l.code="MODULE_NOT_FOUND",l}var h=o[s]={exports:{}};t[s][0].call(h.exports,function(e){var o=t[s][1][e];return n(o?o:e)},h,h.exports,e,t,o,c)}return o[s].exports}for(var r="function"==typeof require&&require,s=0;s<c.length;s++)n(c[s]);return n}({"./app/main.js":[function(e){var t=e("react"),o=e("flux-react");o.debug(),o.createActions(["checkAll","uncheckAll","check"]);var c=e("./App.js");t.renderComponent(c(null),document.body)},{"./App.js":"/Users/christianalfoni/Documents/dev/flux-react-boilerplate/app/App.js","flux-react":"flux-react",react:"react"}],"/Users/christianalfoni/Documents/dev/flux-react-boilerplate/app/App.js":[function(e,t){var o=e("react"),c=e("./components/Checkboxes.js"),n=e("./components/NameThrower.js"),r=o.createClass({displayName:"App",render:function(){return o.DOM.div(null,o.DOM.h1(null,"Hello world!"),o.DOM.div(null,c(null)),o.DOM.div(null,n(null)))}});t.exports=r},{"./components/Checkboxes.js":"/Users/christianalfoni/Documents/dev/flux-react-boilerplate/app/components/Checkboxes.js","./components/NameThrower.js":"/Users/christianalfoni/Documents/dev/flux-react-boilerplate/app/components/NameThrower.js",react:"react"}],"/Users/christianalfoni/Documents/dev/flux-react-boilerplate/app/components/Checkboxes.js":[function(e,t){var o=e("react"),c=e("flux-react"),n=e("./Checkboxes/ColoredCheckbox.js"),r=e("../stores/CheckboxStore.js"),s=o.createClass({displayName:"Checkboxes",stores:[r],getInitialState:function(){return{checkboxes:r.getCheckboxes()}},componentWillMount:function(){r.addChangeListener(this.update)},componentWillUnmount:function(){r.removeChangeListener(this.update)},update:function(){this.setState({checkboxes:r.getCheckboxes()})},check:function(e){c.action.check(e)},checkAll:function(){c.action.checkAll()},uncheckAll:function(){c.action.uncheckAll()},renderCheckbox:function(e,t){return n({key:t,color:e.color,checked:e.checked,onChange:this.check})},render:function(){var e=this.state.checkboxes.map(this.renderCheckbox);return o.DOM.div(null,o.DOM.div(null,e),o.DOM.div(null,o.DOM.button({onClick:this.checkAll},"Check all"),o.DOM.button({onClick:this.uncheckAll},"Uncheck all")))}});t.exports=s},{"../stores/CheckboxStore.js":"/Users/christianalfoni/Documents/dev/flux-react-boilerplate/app/stores/CheckboxStore.js","./Checkboxes/ColoredCheckbox.js":"/Users/christianalfoni/Documents/dev/flux-react-boilerplate/app/components/Checkboxes/ColoredCheckbox.js","flux-react":"flux-react",react:"react"}],"/Users/christianalfoni/Documents/dev/flux-react-boilerplate/app/components/Checkboxes/ColoredCheckbox.js":[function(e,t){var o=e("react"),c=o.createClass({displayName:"ColoredCheckbox",changeColor:function(){this.props.onChange(this.props.color)},render:function(){var e={backgroundColor:this.props.color,padding:"5px"};return o.DOM.span({key:this.props.key,style:e},o.DOM.input({type:"checkbox",onChange:this.changeColor,checked:this.props.checked}))}});t.exports=c},{react:"react"}],"/Users/christianalfoni/Documents/dev/flux-react-boilerplate/app/components/NameThrower.js":[function(e,t){var o=e("react"),c=e("../stores/CheckboxStore.js"),n=o.createClass({displayName:"NameThrower",getInitialState:function(){return{name:"",colors:c.getColors()}},componentWillMount:function(){c.addChangeListener(this.update)},componentWillUnmount:function(){c.removeChangeListener(this.update)},update:function(){this.setState({colors:c.getColors()})},updateName:function(e){this.setState({name:e.target.value})},renderColors:function(e,t){var c={color:e};return o.DOM.div({key:t,style:c},this.state.name)},render:function(){var e=this.state.colors.map(this.renderColors);return o.DOM.div(null,o.DOM.div(null,o.DOM.input({type:"text",value:this.state.name,onChange:this.updateName})),o.DOM.div(null,e))}});t.exports=n},{"../stores/CheckboxStore.js":"/Users/christianalfoni/Documents/dev/flux-react-boilerplate/app/stores/CheckboxStore.js",react:"react"}],"/Users/christianalfoni/Documents/dev/flux-react-boilerplate/app/stores/CheckboxStore.js":[function(e,t){var o=e("flux-react"),c=o.createStore({getInitialState:function(){return{checkboxes:[{color:"red",checked:!1},{color:"blue",checked:!1},{color:"green",checked:!1}]}},actions:["checkAll","uncheckAll","check"],checkAll:function(){this.state.checkboxes.forEach(function(e){e.checked=!0}),this.emitChange()},uncheckAll:function(){this.state.checkboxes.forEach(function(e){e.checked=!1}),this.emitChange()},check:function(e){this.state.checkboxes.forEach(function(t){t.color===e&&(t.checked=!t.checked)}),this.emitChange()},exports:{getCheckboxes:function(){return this.checkboxes},getColors:function(){return this.checkboxes.map(function(e){return e.checked?e.color:"black"})}}});t.exports=c},{"flux-react":"flux-react"}]},{},["./app/main.js"]);
|
||||
6
dist/vendors.js
vendored
Executable file
6
dist/vendors.js
vendored
Executable file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user