var React = require("react");

var actions = require("../../actions.js");

var NavAction = React.createClass({
    onClick: function (e) {
        e.preventDefault();
        this.props.onClick();
    },
    render: function () {
        return (
            <a title={this.props.title}
                href="#"
                className="nav-action"
                onClick={this.onClick}>
                <i className={"fa fa-fw " + this.props.icon}></i>
            </a>
        );
    }
});

var Nav = React.createClass({
    render: function () {
        var flow = this.props.flow;

        var tabs = this.props.tabs.map(function (e) {
            var str = e.charAt(0).toUpperCase() + e.slice(1);
            var className = this.props.active === e ? "active" : "";
            var onClick = function (event) {
                this.props.selectTab(e);
                event.preventDefault();
            }.bind(this);
            return <a key={e}
                href="#"
                className={className}
                onClick={onClick}>{str}</a>;
        }.bind(this));

        var acceptButton = null;
        if(flow.intercepted){
            acceptButton = <NavAction title="[a]ccept intercepted flow" icon="fa-play" onClick={actions.FlowActions.accept.bind(null, flow)} />;
        }
        var revertButton = null;
        if(flow.modified){
            revertButton = <NavAction title="revert changes to flow [V]" icon="fa-history" onClick={actions.FlowActions.revert.bind(null, flow)} />;
        }

        return (
            <nav ref="head" className="nav-tabs nav-tabs-sm">
                {tabs}
                <NavAction title="[d]elete flow" icon="fa-trash" onClick={actions.FlowActions.delete.bind(null, flow)} />
                <NavAction title="[D]uplicate flow" icon="fa-copy" onClick={actions.FlowActions.duplicate.bind(null, flow)} />
                <NavAction disabled title="[r]eplay flow" icon="fa-repeat" onClick={actions.FlowActions.replay.bind(null, flow)} />
                {acceptButton}
                {revertButton}
            </nav>
        );
    }
});

module.exports = Nav;nge</option>
</select>
<input class='txt' type='search' size='10' name='q' value=''/>
<input type='submit' value='search'/>
</form>
</td></tr></table>
<div class='path'>path: <a href='/cgit/iCE40/yosys/tree/?id=fb8ad440a32da850e32765ec29119cacb3f3c27c'>root</a>/<a href='/cgit/iCE40/yosys/tree/manual?id=fb8ad440a32da850e32765ec29119cacb3f3c27c'>manual</a>/<a href='/cgit/iCE40/yosys/tree/manual/appnotes.sh?id=fb8ad440a32da850e32765ec29119cacb3f3c27c'>appnotes.sh</a></div><div class='content'>blob: 0ae52862ec1c0cf76af28863e4c7200d16f8da07 (<a href='/cgit/iCE40/yosys/plain/manual/appnotes.sh?id=fb8ad440a32da850e32765ec29119cacb3f3c27c'>plain</a>)
<table summary='blob content' class='blob'>
<tr><td class='linenumbers'><pre><a id='n1' href='#n1'>1</a>
<a id='n2' href='#n2'>2</a>
<a id='n3' href='#n3'>3</a>
<a id='n4' href='#n4'>4</a>
<a id='n5' href='#n5'>5</a>
<a id='n6' href='#n6'>6</a>
<a id='n7' href='#n7'>7</a>
<a id='n8' href='#n8'>8</a>
<a id='n9' href='#n9'>9</a>
<a id='n10' href='#n10'>10</a>
<a id='n11' href='#n11'>11</a>
<a id='n12' href='#n12'>12</a>
<a id='n13' href='#n13'>13</a>
<a id='n14' href='#n14'>14</a>
<a id='n15' href='#n15'>15</a>
<a id='n16' href='#n16'>16</a>
<a id='n17' href='#n17'>17</a>
<a id='n18' href='#n18'>18</a>
<a id='n19' href='#n19'>19</a>
<a id='n20' href='#n20'>20</a>
<a id='n21' href='#n21'>21</a>
<a id='n22' href='#n22'>22</a>
</pre></td>
<td class='lines'><pre><code>