|
|
@ -1,5 +1,5 @@ |
|
|
|
import { useState } from 'react'; |
|
|
|
import { useState } from 'react'; |
|
|
|
import { Button, Row, Col, FormGroup, Label, Input, Modal, ModalHeader, ModalBody } from 'reactstrap'; |
|
|
|
import { Button, Row, Col, FormGroup, Label, Input, Modal, ModalHeader, ModalBody, CustomInput } from 'reactstrap'; |
|
|
|
|
|
|
|
|
|
|
|
export default function ControlFsm({ modal, handler }) { |
|
|
|
export default function ControlFsm({ modal, handler }) { |
|
|
|
return ( |
|
|
|
return ( |
|
|
@ -127,6 +127,292 @@ export default function ControlFsm({ modal, handler }) { |
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Flight Rules</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Flight Type</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Number</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Aicrraft Type</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Wake Turb. Cat.</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Equipment</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Departure</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Time</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Cruising Speed</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Flight Level</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Route</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='textarea' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Arrival</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Total EET</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>1st ALTN</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>2st ALTN</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Other information</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='textarea' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>E</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>P</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>R/</Label> |
|
|
|
|
|
|
|
<div className='checkbox-inline'> |
|
|
|
|
|
|
|
<CustomInput inline type='checkbox' id='exampleCustomCheckbox' label='U' defaultChecked /> |
|
|
|
|
|
|
|
<CustomInput inline type='checkbox' id='exampleCustomCheckbox2' label='V' /> |
|
|
|
|
|
|
|
<CustomInput inline type='checkbox' id='exampleCustomCheckbox3' label='E' /> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
</Row> |
|
|
|
|
|
|
|
<Row> |
|
|
|
|
|
|
|
<Col className='list-input' md='6' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>S/</Label> |
|
|
|
|
|
|
|
<div className='checkbox-inline'> |
|
|
|
|
|
|
|
<CustomInput inline type='checkbox' id='4' label='P' defaultChecked /> |
|
|
|
|
|
|
|
<CustomInput inline type='checkbox' id='5' label='D' /> |
|
|
|
|
|
|
|
<CustomInput inline type='checkbox' id='6' label='M' /> |
|
|
|
|
|
|
|
<CustomInput inline type='checkbox' id='7' label='J' /> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='6' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>J/</Label> |
|
|
|
|
|
|
|
<div className='checkbox-inline'> |
|
|
|
|
|
|
|
<CustomInput inline type='checkbox' id='8' label='L' defaultChecked /> |
|
|
|
|
|
|
|
<CustomInput inline type='checkbox' id='9' label='F' /> |
|
|
|
|
|
|
|
<CustomInput inline type='checkbox' id='10' label='U' /> |
|
|
|
|
|
|
|
<CustomInput inline type='checkbox' id='11' label='V' /> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
</Row> |
|
|
|
|
|
|
|
<Row> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>D/Number</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Capacity</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Cover</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>Colour</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>A/</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>N/</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='3' sm='12'> |
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for=''>C/</Label> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|