"use strict";var e=function(e){return e&&e.__esModule?e["default"]:e},t=e(require("react")),r=e(require("./target-view")),a=e(require("../services/lps-service")),n=e(require("marked"));module.exports=t.createClass({displayName:"lps-view",getInitialState:function(){return{isSelected:!1}},onClick:function(){a.addEntity()},render:function(){var e=this,a={};this.props.isSelected?a.display="":a.display="none",a.color="white";var i=[],s=0;this.props.targets.forEach(function(a){i.push(t.createElement(r,{setTargetId:e.props.setTargetId,target:a})),i.push(t.createElement("hr",{key:s++}))});var l="Click the `Add Target` button to add a single target to Jibo's Local Perceptual Space.\n\n* `shift+scroll` to zoom in and out.\n\n* `shift+drag` to move camera.\n\n* `shift+alt+drag` to move the LPS target on the ground.\n\n* `alt+drag` to move the height of the target.";return t.createElement("div",{className:"right-pane",ref:"rightPane",style:a},t.createElement("div",{className:"panel-heading",style:{padding:"0px"}},t.createElement("h2",{style:{textAlign:"center",marginTop:"6px",marginBottom:"6px"}},"Targets")),t.createElement("button",{className:"btn",style:{margin:"10px"},onClick:this.props.onAddTarget},"Add a target"),t.createElement("br",null),t.createElement("div",{style:{padding:20},dangerouslySetInnerHTML:{__html:n(l,{sanitize:!0})}}),t.createElement("hr",{key:s++}),t.createElement("div",{className:"arguments-scroll-container"},i))}});