Mirroring/coriolis
1
0
Fork 0
mirror of https://github.com/EDCD/coriolis.git synced 2025-12-10 07:05:35 +00:00
Code Issues Projects Releases Wiki Activity

2.0.1 Beta

Browse Source
This commit is contained in:
Colin McLeod
2016-02-13 22:48:48 -08:00
parent d783a38588
commit 9175fb60af
67 changed files with 1042 additions and 1112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/app/components/ModalCompare.jsx
View File

@@ -1,6 +1,6 @@
import React from 'react';
import TranslatedComponent from './TranslatedComponent';
import { Ships } from 'coriolis-data';
import { Ships } from 'coriolis-data/dist';
import Persist from '../stores/Persist';
/**
@@ -96,39 +96,47 @@ export default class ModalCompare extends TranslatedComponent {
let translate = this.context.language.translate;
let availableBuilds = unusedBuilds.map((build, i) =>
<tr key={i} onTouchTap={this._addBuild.bind(this, i)}>
<tr key={i} onClick={this._addBuild.bind(this, i)}>
<td className='tl'>{build.name}</td>
<td className='tl'>{build.buildName}</td>
</tr>
);
let selectedBuilds = usedBuilds.map((build, i) =>
<tr key={i} onTouchTap={this._removeBuild.bind(this, i)}>
<tr key={i} onClick={this._removeBuild.bind(this, i)}>
<td className='tl'>{build.name}</td><
td className='tl'>{build.buildName}</td>
</tr>
);
return <div className='modal' onTouchTap={ (e) => e.stopPropagation() }>
return <div className='modal' onClick={ (e) => e.stopPropagation() }>
<h3>{translate('PHRASE_SELECT_BUILDS')}</h3>
<div id='build-select'>
<table>
<thead><tr><th colSpan='2'>{translate('available')}</th></tr></thead>
<tbody>
{availableBuilds}
</tbody>
</table>
<div className='build-section'>
<h1>{translate('available')}</h1>
<div>
<table>
<tbody>
{availableBuilds}
</tbody>
</table>
</div>
</div>
<h1>⇆</h1>
<table>
<thead><tr><th colSpan='2'>{translate('added')}</th></tr></thead>
<tbody>
{selectedBuilds}
</tbody>
</table>
<div className='build-section'>
<h1>{translate('added')}</h1>
<div>
<table>
<tbody>
{selectedBuilds}
</tbody>
</table>
</div>
</div>
</div>
<br/>
<button className='cap' onTouchTap={this._selectBuilds.bind(this)}>{translate('Ok')}</button>
<button className='r cap' onTouchTap={() => this.context.hideModal()}>{translate('Cancel')}</button>
<button className='cap' onClick={this._selectBuilds.bind(this)}>{translate('Ok')}</button>
<button className='r cap' onClick={() => this.context.hideModal()}>{translate('Cancel')}</button>
</div>;
}
}