김지은
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