nutella_framework 0.4.27 → 0.4.28

data/framework_components/room-places-interface/js/position.js

@@ -0,0 +1,6 @@
+var Position = {
+    top: "Position.top",
+    bottom: "Position.bottom",
+    right: "Position.right",
+    left: "Position.left"
+}

data/framework_components/room-places-interface/js/react/dist/beacon.js

@@ -0,0 +1,30 @@
+
+var Beacon = React.createClass({displayName: "Beacon",
+    componentDidMount: function () {
+
+    },
+    handleAddPressed: function() {
+        var resource = {rid: this.props.beacon.rid, type: "DYNAMIC", model: "IBEACON", proximity: {}};
+
+        this.props.addResource(resource);
+        this.props.updateResource(resource);
+    },
+    render: function () {
+        var self = this;
+
+        return(
+            React.createElement("tr", null, 
+                React.createElement("td", {className: "col-md-12 col-sm-12 col-xs-12"}, 
+                    React.createElement("div", {className: "col-md-4 col-sm-4 col-xs-4"}, React.createElement("div", {className: "vertical-center"}, React.createElement("span", null, this.props.beacon.rid))), 
+
+                    React.createElement("div", {className: "right"}, 
+                        React.createElement("button", {type: "button", className: "btn btn-default", onClick: this.handleAddPressed}, React.createElement("span", {className: "glyphicon glyphicon-plus", "aria-hidden": "true"}))
+                    )
+
+                )
+            )
+        );
+
+    }
+});
+

data/framework_components/room-places-interface/js/react/dist/discrete.js

@@ -0,0 +1,282 @@
+var Discrete = React.createClass({displayName: "Discrete",
+    getInitialState: function () {
+        return {
+            tracking: undefined
+        };
+    },
+    componentDidMount: function () {
+        var self = this;
+
+        nutella.net.subscribe("location/tracking/discrete/updated", function(message) {
+            var tracking = message["tracking"];
+            if(_.isEmpty(tracking)) {
+                tracking = undefined;
+            }
+            self.setState({tracking: tracking});
+        });
+
+        nutella.net.request("location/tracking/discrete", {}, function(reply) {
+            var tracking = reply["tracking"];
+            if(_.isEmpty(tracking)){
+                tracking = undefined;
+            }
+            self.setState({tracking: tracking});
+        });
+    },
+    handleEnable: function () {
+        var tracking = {
+            x: 0,
+            y: 0,
+            width: this.props.room.x,
+            height: this.props.room.y,
+            n_x: 5,
+            n_y: 5,
+            t_x: 'NUMBER',
+            t_y: 'NUMBER'
+        };
+        nutella.net.publish("location/tracking/discrete/update", {tracking: tracking});
+        self.setState({tracking: tracking});
+    },
+    handleDisable: function () {
+        self.setState({tracking: undefined});
+        nutella.net.publish("location/tracking/discrete/update", {tracking: {}});
+    },
+    handleKeyPress: function (event) {
+        if(event.which == 13) {
+            event.target.textContent = event.target.textContent.trim();
+            event.target.blur();
+        }
+    },
+    handleModifyAttribute: function (name, key, value) {
+
+        var tracking = this.state.tracking;
+
+        switch(key) {
+            case "n_x":
+            case "n_y":
+                tracking[key] = parseInt(value);
+                break;
+
+            case "width":
+            case "height":
+            case "x":
+            case "y":
+                tracking[key] = parseFloat(value);
+                break;
+        }
+
+        nutella.net.publish("location/tracking/discrete/update", {tracking: tracking});
+
+        this.setState({tracking: tracking});
+    },
+    handleTypeChange: function (axis_type, type) {
+        var tracking = this.state.tracking;
+
+        tracking[axis_type] = type;
+
+        nutella.net.publish("location/tracking/discrete/update", {tracking: tracking});
+
+        this.setState({tracking: tracking});
+    },
+    render: function () {
+        var self = this;
+
+        if(self.state.tracking == undefined) {
+            return(
+                React.createElement("div", {className: "col-md-12 col-sm-12 col-xs-12 table-responsive table_container animated", style: {overflowX: "hide", height: this.props.tableHeight}}, 
+                    React.createElement("table", {className: "table table-bordered table-striped table-hover", id: "resource_table", style: {overflowX: "visible"}}, 
+                        React.createElement("thead", {onClick: _.partial(this.props.showTable, "table.discrete"), className: "pointer"}, 
+                        React.createElement("tr", null, 
+                            React.createElement("th", {className: "col-md-12 col-sm-12 col-xs-12 text-center"}, "Discrete Tracking")
+                        )
+                        ), 
+                        React.createElement("tbody", null, 
+                        React.createElement("tr", null, 
+                            React.createElement("td", {className: "col-md-12 col-sm-12 col-xs-12"}, 
+
+                                React.createElement("div", {className: "col-md-4 col-sm-4 col-xs-4 btn-group"}, 
+                                    React.createElement("a", {className: "btn btn-default", onClick: this.handleEnable}, React.createElement("i", {className: "fa fa-ban fa-fw"})), 
+                                    React.createElement("a", {className: "btn btn-default dropdown-toggle", "data-toggle": "dropdown", href: "#"}, 
+                                        React.createElement("span", {className: "fa fa-caret-down"})), 
+                                    React.createElement("ul", {className: "dropdown-menu"}, 
+                                        React.createElement("li", null, React.createElement("a", {onClick: self.handleEnable}, React.createElement("i", {className: "fa fa-th-large fa-fw"}), " Enabled")), 
+                                        React.createElement("li", null, React.createElement("a", {onClick: self.handleDisable}, React.createElement("i", {className: "fa fa-ban fa-fw"}), " Disabled"))
+                                    )
+                                ), 
+                                React.createElement("div", {className: "col-md-8 col-sm-8 col-xs-8", style: {marginTop: "6px"}}, "Discrete tracking system disabled")
+                            )
+                        )
+                        )
+                    )
+                )
+            );
+        }
+        else {
+            var t_x = "";
+            var t_y = "";
+            switch(self.state.tracking.t_x) {
+                case 'NUMBER':
+                    t_x = React.createElement("b", null, "NUMBER");
+                    break;
+                case 'LETTER':
+                    t_x = React.createElement("b", null, "LETTER");
+                    break;
+            }
+            switch(self.state.tracking.t_y) {
+                case 'NUMBER':
+                    t_y = React.createElement("b", null, "NUMBER");
+                    break;
+                case 'LETTER':
+                    t_y = React.createElement("b", null, "LETTER");
+                    break;
+            }
+
+            return(
+                React.createElement("div", {className: "col-md-12 col-sm-12 col-xs-12 table-responsive table_container animated", style: {overflowX: "hide", height: this.props.tableHeight}}, 
+                    React.createElement("table", {className: "table table-bordered table-striped table-hover", id: "resource_table", style: {overflowX: "visible"}}, 
+                        React.createElement("thead", {onClick: _.partial(this.props.showTable, "table.discrete"), className: "pointer"}, 
+                        React.createElement("tr", null, 
+                            React.createElement("th", {className: "col-md-12 col-sm-12 col-xs-12 text-center"}, "Discrete Tracking")
+                        )
+                        ), 
+                        React.createElement("tbody", null, 
+                        React.createElement("tr", null, 
+                            React.createElement("td", {className: "col-md-12 col-sm-12 col-xs-12"}, 
+
+                                React.createElement("div", {className: "col-md-4 col-sm-3 col-xs-4 btn-group"}, 
+                                    React.createElement("a", {className: "btn btn-default", onClick: this.handleDisable}, React.createElement("i", {className: "fa fa-th-large fa-fw"})), 
+                                    React.createElement("a", {className: "btn btn-default dropdown-toggle", "data-toggle": "dropdown", href: "#"}, 
+                                        React.createElement("span", {className: "fa fa-caret-down"})), 
+                                    React.createElement("ul", {className: "dropdown-menu"}, 
+                                        React.createElement("li", null, React.createElement("a", {onClick: self.handleEnable}, React.createElement("i", {className: "fa fa-th-large fa-fw"}), " Enabled")), 
+                                        React.createElement("li", null, React.createElement("a", {onClick: self.handleDisable}, React.createElement("i", {className: "fa fa-ban fa-fw"}), " Disabled"))
+                                    )
+                                ), 
+
+
+                                React.createElement("div", {className: "right", "data-toggle": "collapse", "data-target": "#collapseExample2"}, 
+                                    React.createElement("button", {type: "button", className: "btn btn-default"}, React.createElement("span", {className: "glyphicon glyphicon-chevron-down", "aria-hidden": "true"}))
+                                ), 
+
+                                React.createElement("div", {className: "collapse", id: "collapseExample2"}, 
+                                    React.createElement("div", {style: {marginTop: "20px", padding: "10px"}}, 
+                                        React.createElement("table", {className: "table table-bordered table-striped table-hover", id: "resource_table"}, 
+                                            React.createElement("tbody", null, 
+                                            React.createElement("tr", null, 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6"}, React.createElement("span", {id: "A3"}, "X number")), 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6"}, 
+                                                    
+                                                        /*
+                                                        <span contentEditable="true"
+                                                              onKeyUp={self.handleKeyPress}
+                                                              onBlur={self.handleBlur}
+                                                              ref="n_x">
+                                                        {self.state.tracking.n_x}
+                                                        </span>
+                                                        */
+                                                    
+                                                    React.createElement(InteractiveLabel, {
+                                                        onKeyPress: self.handleKeyPress, 
+                                                        onValueChange: self.handleModifyAttribute, 
+                                                        labelName: "value", 
+                                                        labelValue: self.state.tracking.n_x, 
+                                                        labelKey: "n_x"})
+                                                )
+                                            ), 
+                                            React.createElement("tr", null, 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6"}, React.createElement("span", {id: "A3"}, "Y number")), 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6"}, 
+                                                    React.createElement(InteractiveLabel, {
+                                                        onKeyPress: self.handleKeyPress, 
+                                                        onValueChange: self.handleModifyAttribute, 
+                                                        labelName: "value", 
+                                                        labelValue: self.state.tracking.n_y, 
+                                                        labelKey: "n_y"})
+                                                )
+                                            ), 
+                                            React.createElement("tr", null, 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6"}, React.createElement("span", {id: "A3"}, "Width")), 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6"}, 
+                                                    React.createElement(InteractiveLabel, {
+                                                        onKeyPress: self.handleKeyPress, 
+                                                        onValueChange: self.handleModifyAttribute, 
+                                                        labelName: "value", 
+                                                        labelValue: self.state.tracking.width.toFixed(2), 
+                                                        labelKey: "width"})
+                                                )
+                                            ), 
+                                            React.createElement("tr", null, 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6"}, React.createElement("span", {id: "A3"}, "Height")), 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6"}, 
+                                                    React.createElement(InteractiveLabel, {
+                                                        onKeyPress: self.handleKeyPress, 
+                                                        onValueChange: self.handleModifyAttribute, 
+                                                        labelName: "value", 
+                                                        labelValue: self.state.tracking.height.toFixed(2), 
+                                                        labelKey: "height"})
+                                                )
+                                            ), 
+                                            React.createElement("tr", null, 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6"}, React.createElement("span", {id: "A3"}, "X origin")), 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6"}, 
+                                                    React.createElement(InteractiveLabel, {
+                                                        onKeyPress: self.handleKeyPress, 
+                                                        onValueChange: self.handleModifyAttribute, 
+                                                        labelName: "value", 
+                                                        labelValue: self.state.tracking.x.toFixed(2), 
+                                                        labelKey: "x"})
+                                                )
+                                            ), 
+                                            React.createElement("tr", null, 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6"}, React.createElement("span", {id: "A3"}, "Y origin")), 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6"}, 
+                                                    React.createElement(InteractiveLabel, {
+                                                        onKeyPress: self.handleKeyPress, 
+                                                        onValueChange: self.handleModifyAttribute, 
+                                                        labelName: "value", 
+                                                        labelValue: self.state.tracking.y.toFixed(2), 
+                                                        labelKey: "y"})
+                                                )
+                                            ), 
+                                            React.createElement("tr", null, 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6", style: {height: "48px"}}, React.createElement("span", {id: "A3"}, "X type")), 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6"}, 
+                                                    React.createElement("div", {className: "btn-group dropup"}, 
+                                                        React.createElement("a", {className: "btn btn-default btn-sm", href: "#"}, t_x), 
+                                                        React.createElement("a", {className: "btn btn-default dropdown-toggle btn-sm", "data-toggle": "dropdown", href: "#"}, 
+                                                            React.createElement("span", {className: "fa fa-caret-up"})), 
+                                                        React.createElement("ul", {className: "dropdown-menu"}, 
+                                                            React.createElement("li", null, React.createElement("a", {onClick: function(){self.handleTypeChange('t_x', 'NUMBER')}}, React.createElement("b", null, "N"), " Number")), 
+                                                            React.createElement("li", null, React.createElement("a", {onClick: function(){self.handleTypeChange('t_x', 'LETTER')}}, React.createElement("b", null, "L"), " Letter"))
+                                                        )
+                                                    )
+                                                )
+                                            ), 
+                                            React.createElement("tr", null, 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6", style: {height: "48px"}}, React.createElement("span", {id: "A3"}, "Y type")), 
+                                                React.createElement("td", {className: "col-md-6 col-sm-6 col-xs-6"}, 
+                                                    React.createElement("div", {className: "btn-group dropup"}, 
+                                                        React.createElement("a", {className: "btn btn-default btn-sm", href: "#"}, t_y), 
+                                                        React.createElement("a", {className: "btn btn-default dropdown-toggle btn-sm", "data-toggle": "dropdown", href: "#"}, 
+                                                            React.createElement("span", {className: "fa fa-caret-up"})), 
+                                                        React.createElement("ul", {className: "dropdown-menu"}, 
+                                                            React.createElement("li", null, React.createElement("a", {onClick: function(){self.handleTypeChange('t_y', 'NUMBER')}}, React.createElement("b", null, "N"), " Number")), 
+                                                            React.createElement("li", null, React.createElement("a", {onClick: function(){self.handleTypeChange('t_y', 'LETTER')}}, React.createElement("b", null, "L"), " Letter"))
+                                                        )
+                                                    )
+                                                )
+                                            )
+                                            )
+                                        )
+                                    )
+                                )
+
+                            )
+                        )
+                        )
+                    )
+                )
+            );
+        }
+    }
+});

data/framework_components/room-places-interface/js/react/dist/interactive-label.js

@@ -0,0 +1,54 @@
+var InteractiveLabel = React.createClass({displayName: "InteractiveLabel",
+    getInitialState: function () {
+        return {
+            value: this.props.labelValue
+        };
+    },
+    componentWillReceiveProps: function(nextProps) {
+        this.setState({
+            value: nextProps.labelValue
+        });
+    },
+    onBlur: function(event) {
+        this.onSubmit();
+
+        return false;
+    },
+    onSubmit: function(event) {
+        if(this.props.id != undefined) {
+            $("#"+this.props.id).attr("v", this.state.value);
+        }
+        this.props.onValueChange(this.props.labelName, this.props.labelKey, this.state.value);
+
+        if(event != undefined) {
+            event.preventDefault();
+        }
+
+        return false;
+    },
+    handleChange: function(event) {
+        this.setState({value: event.target.value});
+    },
+    render: function() {
+        return (
+            React.createElement("form", {onSubmit: this.onSubmit}, 
+                this.props.id != undefined ?
+                    React.createElement("input", {
+                        id: this.props.id, 
+                        className: "pointer", 
+                        value: this.state.value, 
+                        onKeyPress: this.props.onKeyPress, 
+                        onChange: this.handleChange, 
+                        onBlur: this.onBlur})
+                    :
+                    React.createElement("input", {
+                        className: "pointer", 
+                        value: this.state.value, 
+                        onKeyPress: this.props.onKeyPress, 
+                        onChange: this.handleChange, 
+                        onBlur: this.onBlur})
+                
+            )
+        )
+    }
+});

data/framework_components/room-places-interface/js/react/dist/resource-add.js

@@ -0,0 +1,203 @@
+
+var ResourceAdd = React.createClass({displayName: "ResourceAdd",
+    componentDidMount: function () {
+
+    },
+    getInitialState: function() {
+        return {name: "", model: "IPAD", type: "DYNAMIC", tracking: "CONTINUOUS"};
+    },
+    handleSubmit: function(e) {
+        e.preventDefault();
+
+        var resource = {rid: this.state.name, model: this.state.model, type: this.state.type};
+
+        nutella.net.publish("location/resource/add", resource);
+
+        if(this.state.tracking == "CONTINUOUS") {
+            if(this.state.type == "STATIC")
+                resource.proximity_range = 0;
+            resource.continuous = {x: this.props.room.x/2, y: this.props.room.y/2};
+        }
+        else if(this.state.tracking == "DISCRETE") {
+            resource.discrete = {x: 0, y: 0};
+        }
+        else if(this.state.tracking == "PROXIMITY") {
+            resource.proximity = {};
+        }
+
+
+        nutella.net.publish("location/resource/update", resource);
+
+        // Clean the form
+        this.setState({name: ""});
+    },
+    handleChangeName: function(e) {
+        this.setState({name: event.target.value});
+    },
+    handleChangeTypeDynamic: function(e) {
+        this.setState({type: "DYNAMIC"});
+    },
+    handleChangeTypeStatic: function(e) {
+        this.setState({type: "STATIC"});
+        if(this.state.tracking == "PROXIMITY") {
+            this.setState({tracking: "NONE"});
+        }
+    },
+    handleChangeTrackingContinuous: function(e) {
+        this.setState({tracking: "CONTINUOUS"});
+    },
+    handleChangeTrackingDiscrete: function(e) {
+        this.setState({tracking: "DISCRETE"});
+    },
+    handleTrackingProximity: function(e) {
+        this.setState({tracking: "PROXIMITY"});
+    },
+    handleChangeTrackingNone: function(e) {
+        this.setState({tracking: "NONE"});
+    },
+    handleChangeModelIMAC: function(e) {
+        this.setState({model: "IMAC"});
+    },
+    handleChangeModelIPHONE: function(e) {
+        this.setState({model: "IPHONE"});
+    },
+    handleChangeModelIPAD: function(e) {
+        this.setState({model: "IPAD"});
+    },
+    handleChangeModelIBEACON: function(e) {
+        this.setState({model: "IBEACON"});
+    },
+    handleChangeModelADISPLAY: function(e) {
+        this.setState({model: "ADISPLAY"});
+    },
+    handleChangeModelTTABLE: function(e) {
+        this.setState({model: "TTABLE"});
+    },
+    handleChangeModelOTHER: function(e) {
+        this.setState({model: "OTHER"});
+    },
+    handleChangeModel: function(e) {
+        this.setState({model: event.target.value});
+    },
+    render: function () {
+
+        var type = "";
+
+        if(this.state.type == "STATIC") {
+            type = React.createElement("b", null, "S");
+        }
+        else if(this.state.type == "DYNAMIC") {
+            type = React.createElement("b", null, "D");
+        }
+
+        var proximity = {};
+        if(this.state.type == "DYNAMIC")
+            proximity = React.createElement("li", {onClick: this.handleTrackingProximity}, React.createElement("a", {href: "#"}, React.createElement("i", {className: "fa fa-location-arrow fa-fw"}), " Proximity"));
+
+        var tracking = "";
+
+        if(this.state.tracking == "CONTINUOUS")
+            tracking = "fa-arrows";
+        else if(this.state.tracking == "DISCRETE")
+            tracking = "fa-th-large";
+        else if(this.state.tracking == "PROXIMITY")
+            tracking = "fa-location-arrow";
+        else
+            tracking = "fa-ban";
+
+        var model = "";
+
+        switch(this.state.model) {
+            case "IMAC":
+                model = "icon-iMac";
+                break;
+            case "IPHONE":
+                model = "icon-iPhone";
+                break;
+            case "IPAD":
+                model = "icon-iPad";
+                break;
+            case "IBEACON":
+                model = "icon-iBeacon";
+                break;
+            case "ADISPLAY":
+                model = "icon-aDisplay";
+                break;
+            case "TTABLE":
+                model = "icon-tTable";
+                break;
+            case "OTHER":
+                model = "icon-other";
+                break;
+        }
+
+        return(
+            React.createElement("div", {className: "col-md-12 col-sm-12 col-xs-12 table-responsive table_container animated", style: {"overflowX": "hide", height: this.props.tableHeight}}, 
+                React.createElement("table", {className: "table table-bordered table-striped table-hover", id: "resource_table", style: {"overflowX": "visible"}}, 
+                    React.createElement("thead", {onClick: _.partial(this.props.showTable, "table.addResource"), className: "pointer"}, 
+                        React.createElement("tr", null, 
+                            React.createElement("th", {className: "col-md-12 col-sm-12 col-xs-12 text-center"}, "Add resource")
+                        )
+                    ), 
+                    React.createElement("tbody", null, 
+                        React.createElement("tr", null, 
+                            React.createElement("td", {className: "col-md-12 col-sm-12 col-xs-12"}, 
+                                React.createElement("form", {onSubmit: this.handleSubmit}, 
+                                    React.createElement("div", {className: "col-md-4 col-sm-4 col-xs-4"}, 
+                                        React.createElement("input", {type: "text", className: "form-control", placeholder: "resource-id", value: this.state.name, onChange: this.handleChangeName})
+                                    ), 
+
+                                    React.createElement("div", {className: "btn-group"}, 
+                                        React.createElement("a", {className: "btn btn-default", href: "#"}, React.createElement("i", {className: "fa " + model + " fa-fw"})), 
+                                        React.createElement("a", {className: "btn btn-default dropdown-toggle", "data-toggle": "dropdown", href: "#"}, 
+                                            React.createElement("span", {className: "fa fa-caret-down"})
+                                        ), 
+                                        React.createElement("ul", {className: "dropdown-menu"}, 
+                                            React.createElement("li", {onClick: this.handleChangeModelIMAC}, React.createElement("a", {href: "#"}, React.createElement("i", {className: "icon-iMac"}), " iMac")), 
+                                            React.createElement("li", {onClick: this.handleChangeModelIPHONE}, React.createElement("a", {href: "#"}, React.createElement("i", {className: "icon-iPhone"}), " iPhone")), 
+                                            React.createElement("li", {onClick: this.handleChangeModelIPAD}, React.createElement("a", {href: "#"}, React.createElement("i", {className: "icon-iPad"}), " iPad")), 
+                                            React.createElement("li", {onClick: this.handleChangeModelIBEACON}, React.createElement("a", {href: "#"}, React.createElement("i", {className: "icon-iBeacon"}), " iBeacon")), 
+                                            React.createElement("li", {onClick: this.handleChangeModelADISPLAY}, React.createElement("a", {href: "#"}, React.createElement("i", {className: "icon-aDisplay"}), " Ambient Display")), 
+                                            React.createElement("li", {onClick: this.handleChangeModelTTABLE}, React.createElement("a", {href: "#"}, React.createElement("i", {className: "icon-tTable"}), " Touch Table")), 
+                                            React.createElement("li", {onClick: this.handleChangeModelOTHER}, React.createElement("a", {href: "#"}, React.createElement("i", {className: "icon-other"}), " Other"))
+                                        )
+                                    ), 
+
+                                    React.createElement("div", {className: "btn-group"}, 
+                                        React.createElement("a", {className: "btn btn-default", href: "#"}, React.createElement("i", {className: "fa " + tracking + " fa-fw"})), 
+                                        React.createElement("a", {className: "btn btn-default dropdown-toggle", "data-toggle": "dropdown", href: "#"}, 
+                                            React.createElement("span", {className: "fa fa-caret-down"})
+                                        ), 
+                                        React.createElement("ul", {className: "dropdown-menu"}, 
+                                            React.createElement("li", {onClick: this.handleChangeTrackingContinuous}, React.createElement("a", {href: "#"}, React.createElement("i", {className: "fa fa-arrows fa-fw"}), " Continuous")), 
+                                            React.createElement("li", {onClick: this.handleChangeTrackingDiscrete}, "  ", React.createElement("a", {href: "#"}, React.createElement("i", {className: "fa fa-th-large fa-fw"}), " Discrete")), 
+                                            proximity, 
+                                            React.createElement("li", {onClick: this.handleChangeTrackingNone}, "      ", React.createElement("a", {href: "#"}, React.createElement("i", {className: "fa fa-ban fa-fw"}), " Disabled"))
+                                        )
+                                    ), 
+
+                                    React.createElement("div", {className: "btn-group", role: "group"}, 
+                                        React.createElement("div", {className: "btn-group", role: "group"}, 
+                                            React.createElement("button", {type: "button", className: "btn btn-default dropdown-toggle", "data-toggle": "dropdown", "aria-expanded": "false"}, 
+                                                type, 
+                                                React.createElement("span", {className: "caret"})
+                                            ), 
+                                            React.createElement("ul", {className: "dropdown-menu", role: "menu"}, 
+                                                React.createElement("li", {onClick: this.handleChangeTypeStatic}, " ", React.createElement("a", {href: "#"}, React.createElement("b", null, "S"), " Static")), 
+                                                React.createElement("li", {onClick: this.handleChangeTypeDynamic}, React.createElement("a", {href: "#"}, React.createElement("b", null, "D"), " Dynamic"))
+                                            )
+                                        )
+                                    ), 
+
+                                    React.createElement("button", {onClick: this.handleSubmit, type: "button", className: "btn btn-default right"}, 
+                                        React.createElement("span", {className: "glyphicon glyphicon-plus", "aria-hidden": "true"})
+                                    )
+                                )
+                            )
+                        )
+                    )
+                )
+            )
+        );
+    }
+});