김지은
8 months ago
3 changed files with 570 additions and 210 deletions
@ -0,0 +1,337 @@ |
|||||||
|
import { |
||||||
|
Button, |
||||||
|
Row, |
||||||
|
Col, |
||||||
|
FormGroup, |
||||||
|
Label, |
||||||
|
Input, |
||||||
|
Modal, |
||||||
|
ModalHeader, |
||||||
|
ModalBody, |
||||||
|
CustomInput |
||||||
|
} from 'reactstrap'; |
||||||
|
|
||||||
|
export default function ControlFsm({ modal, handler }) { |
||||||
|
return ( |
||||||
|
<div className='vertically-centered-modal'> |
||||||
|
<Modal |
||||||
|
isOpen={modal} |
||||||
|
toggle={handler} |
||||||
|
className='modal-dialog-centered modal-lg' |
||||||
|
> |
||||||
|
<ModalHeader toggle={handler}>FSM 비행계획서</ModalHeader> |
||||||
|
<ModalBody className='pal-modal-body'> |
||||||
|
<div className='fsm-wrap'> |
||||||
|
<div className='fsm-box'> |
||||||
|
<div className='fsm-ti'> |
||||||
|
<h5>비행계획서 상세정보</h5> |
||||||
|
<div className='btn-wrap'> |
||||||
|
<Button>CHG</Button> |
||||||
|
<Button>CNL</Button> |
||||||
|
<Button color='success'>비행계획서 제출</Button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<Row> |
||||||
|
<Col className='list-input' md='3' sm='12'> |
||||||
|
<FormGroup> |
||||||
|
<Label for=''>서류구분</Label> |
||||||
|
<Input type='select' name='select' bsSize='sm' id=''> |
||||||
|
<option>비행계획서 작성</option> |
||||||
|
</Input> |
||||||
|
</FormGroup> |
||||||
|
</Col> |
||||||
|
<Col className='list-input' md='3' sm='12'> |
||||||
|
<FormGroup> |
||||||
|
<Label for=''>항공기 등록기호</Label> |
||||||
|
<Input |
||||||
|
type='text' |
||||||
|
id='' |
||||||
|
bsSize='sm' |
||||||
|
placeholder='' |
||||||
|
value='' |
||||||
|
/> |
||||||
|
</FormGroup> |
||||||
|
</Col> |
||||||
|
<Col className='list-input' md='3' sm='12'> |
||||||
|
<FormGroup> |
||||||
|
<Label for=''>비행계획일자</Label> |
||||||
|
<Input |
||||||
|
type='text' |
||||||
|
id='' |
||||||
|
bsSize='sm' |
||||||
|
placeholder='' |
||||||
|
value='' |
||||||
|
/> |
||||||
|
</FormGroup> |
||||||
|
</Col> |
||||||
|
</Row> |
||||||
|
<Row> |
||||||
|
<Col className='list-input' md='3' sm='12'> |
||||||
|
<FormGroup> |
||||||
|
<Label for=''>Priority</Label> |
||||||
|
<Input type='select' name='select' bsSize='sm' id=''> |
||||||
|
<option>FF</option> |
||||||
|
</Input> |
||||||
|
</FormGroup> |
||||||
|
</Col> |
||||||
|
<Col className='list-input' md='3' sm='12'> |
||||||
|
<FormGroup> |
||||||
|
<Label for=''>Filing Time</Label> |
||||||
|
<Input |
||||||
|
type='text' |
||||||
|
id='' |
||||||
|
bsSize='sm' |
||||||
|
placeholder='' |
||||||
|
value='' |
||||||
|
/> |
||||||
|
</FormGroup> |
||||||
|
</Col> |
||||||
|
<Col className='list-input' md='3' sm='12'> |
||||||
|
<FormGroup> |
||||||
|
<Label for=''>의뢰부서</Label> |
||||||
|
<Input |
||||||
|
type='text' |
||||||
|
id='' |
||||||
|
bsSize='sm' |
||||||
|
placeholder='' |
||||||
|
value='' |
||||||
|
/> |
||||||
|
</FormGroup> |
||||||
|
</Col> |
||||||
|
</Row> |
||||||
|
<hr /> |
||||||
|
<Row> |
||||||
|
<Col className='list-input' md='3' sm='12'> |
||||||
|
<FormGroup> |
||||||
|
<Label for=''>Message Type</Label> |
||||||
|
<Input type='text' bsSize='sm' id='' /> |
||||||
|
</FormGroup> |
||||||
|
</Col> |
||||||
|
<Col className='list-input' md='3' sm='12'> |
||||||
|
<FormGroup> |
||||||
|
<Label for=''>Flight Identity(Callsign)</Label> |
||||||
|
<Input type='text' bsSize='sm' id='' /> |
||||||
|
</FormGroup> |
||||||
|
</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> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</ModalBody> |
||||||
|
</Modal> |
||||||
|
</div> |
||||||
|
); |
||||||
|
} |
Loading…
Reference in new issue