Skip to content
Permalink
Browse files

Rudimentary, terrible-looking panel

  • Loading branch information...
StoneCypher committed Apr 6, 2015
1 parent d61c325 commit d24ce425bda58c110581e18d5ca402aa9efc3611
Showing with 36 additions and 1 deletion.
  1. +5 −1 TipCalcApp.jsx
  2. +30 −0 TipCalcPanel.jsx
  3. +1 −0 index.html
@@ -2,7 +2,11 @@
var TipCalcApp = flocks.createClass({

render: function() {
return <TipCalcLayout>Basic App in layout!</TipCalcLayout>;
return (
<TipCalcLayout>
<TipCalcPanel/>
</TipCalcLayout>
);
}

});
@@ -0,0 +1,30 @@

var TipCalcPanel = flocks.createClass({

render: function() {

return (

<div id="panel">

<label id="amt" for="billAmount">
Bill amount: $<input id="billAmount"/>
</label>

<div id="howHappy">
<input type="button" value={"25%"}/>
<input type="button" value={"20%"}/>
<input type="button" value={"15%"}/>
</div>

<div id="result">
Total: $
</div>

</div>

);

}

});
@@ -11,6 +11,7 @@
<script defer src="http://fb.me/react-0.13.1.js"></script>
<script defer src="http://cdnjs.cloudflare.com/ajax/libs/flocks.js/1.6.0/flocks.js"></script>

<script type="text/jsx" defer src="TipCalcPanel.jsx"></script>
<script type="text/jsx" defer src="TipCalcLayout.jsx"></script>
<script type="text/jsx" defer src="TipCalcApp.jsx"></script>

0 comments on commit d24ce42

Please sign in to comment.
You can’t perform that action at this time.