1 line
3.4 KiB
JavaScript
1 line
3.4 KiB
JavaScript
"use strict";var e=function(e){return e&&e.__esModule?e["default"]:e},t=e(require("react")),s=require("atom").CompositeDisposable,n=e(require("../../../common/directory-tree-view")),a=e(require("path")),i=e(require("../../../common/get-asset-packs"));module.exports=t.createClass({displayName:"choose-texture-modal",onChoose:function(){var e=this.state.currentAssetPack,t=a.join(e.root,"animations","textures"),s=a.relative(t,this.state.currentTexture);s="project"===this.state.currentAssetPack.id?a.join("animations","textures",s):a.join("node_modules",this.state.currentAssetPack.id,"animations","textures",s),this.props.onChoose(s),this.props.onClose()},onCancel:function(){this.props.onClose()},getInitialState:function(){return{currentAssetPack:{id:"project"},currentTexture:"",filter:"",key:0}},onAssetPackSelected:function(e){this.setState({currentAssetPack:e})},onSelected:function(e){console.log(e),this.setState({currentTexture:e})},getPanelHeading:function(e){return t.createElement("div",{className:"panel-heading",style:{padding:"0px",width:"100%",height:30}},t.createElement("p",{style:{textAlign:"center",marginTop:"4px",marginBottom:"4px"}},e))},render:function(){for(var e=this,s=i(this.props.root),o=void 0,r=[],c=0;c<s.length;c++){var l=s[c],m="list-item";this.state.currentAssetPack.id===l.id&&(this.state.currentAssetPack=l,o=l,m+=" selected"),r.push(t.createElement("li",{className:m,onClick:this.onAssetPackSelected.bind(this,l)},t.createElement("span",null,l.name)))}return t.createElement("div",{className:"asset-selector-modal",ref:"modal"},t.createElement("div",{className:"panel-heading",style:{padding:"0px"}},t.createElement("h2",{style:{textAlign:"center",marginTop:"6px",marginBottom:"6px"}},"Choose a Texture File")),t.createElement("label",{style:{marginLeft:10}},"Search"),t.createElement("atom-text-editor",{ref:"editor",style:{marginLeft:10,marginRight:10,marginBottom:10},mini:!0}),t.createElement("div",{className:"contents"},t.createElement("div",{className:"list-contents"},this.getPanelHeading("Asset Pack"),t.createElement("div",{className:"list-group asset-pack",ref:"assetPackList"},r)),t.createElement("div",{className:"list-contents"},this.getPanelHeading("Texture File"),t.createElement("div",{className:"asset-list"},t.createElement(n,{uri:a.resolve(o.root,"animations","textures"),onChosen:function(t){e.onSelected(t),e.onChoose()},onSelected:this.onSelected,extension:[".png",".jpg","jpeg"],filter:this.state.filter}))),t.createElement("div",{className:"preview-contents"},this.getPanelHeading("Preview"),t.createElement("div",{className:"asset-preview"},t.createElement("img",{key:this.state.key++,controls:!0,style:{width:"100%",padding:15},src:this.state.currentTexture})))),t.createElement("div",{className:"btn-group"},t.createElement("button",{className:"btn",onClick:this.onChoose},"Choose"),t.createElement("button",{className:"btn",onClick:this.onCancel},"Cancel")))},onLeft:function(){var e=t.findDOMNode(this.refs.assetPackList);e.focus()},onRight:function(){var e=t.findDOMNode(this.refs.schemaList);e.focus()},componentDidMount:function(){var e=this,n=t.findDOMNode(this.refs.editor);setTimeout(function(){n.focus(),e.disposable=new s,e.disposable.add(atom.commands.add(e.getDOMNode(),{"jibo-sdk:escape":e.onCancel})),e.disposable=atom.commands.add(n,"jibo-sdk:confirm",function(){e.onChoose()})},100);var a=n.getModel();a.onDidChange(function(){e.setState({filter:a.getText()})})},componentWillUnmount:function(){this.disposable.dispose()}}); |