Skip to content

T
Tia-dev
Commit 2eb003db authored by EKSAD's avatar EKSAD
Browse files
Options

Create Report Items

parent 3b8b4384
Hide whitespace changes
Inline Side-by-side
Showing with 281 additions and 207 deletions
src/api/index.js
View file @ 2eb003db
...@@ -88,6 +88,7 @@ const create = (baseURL = 'https://tia.eksad.com/tia-reporting-dev/public/') => ...@@ -88,6 +88,7 @@ const create = (baseURL = 'https://tia.eksad.com/tia-reporting-dev/public/') =>
// Perusahaan // Perusahaan
const getPerusahaan = () => api.get('company/get_all_company') const getPerusahaan = () => api.get('company/get_all_company')
const getPerusahaanActive = () => api.get('company/get_all_company_active')
const createPerusahaan = (body) => api.post('/company/create_company', body) const createPerusahaan = (body) => api.post('/company/create_company', body)
const updatePerusahaan = (body) => api.post('/company/update_company', body) const updatePerusahaan = (body) => api.post('/company/update_company', body)
const getPerusahaanHierarki = () => api.get('company/get_company_hierarki') const getPerusahaanHierarki = () => api.get('company/get_company_hierarki')
...@@ -114,7 +115,8 @@ const create = (baseURL = 'https://tia.eksad.com/tia-reporting-dev/public/') => ...@@ -114,7 +115,8 @@ const create = (baseURL = 'https://tia.eksad.com/tia-reporting-dev/public/') =>
//Report Items //Report Items
const getReportItems = () => api.get('item_report/get_all_item_report') const getReportItems = () => api.get('item_report/get_all_item_report')
const getReportType = () => api.get('type_report/get_all_type_report') const getInputType = () => api.get('type_report/get_all_type_report')
const getReportType = () => api.get('report/get_all_report')
const searchReportItems = (body) => api.post('/item_report/search_item_report', body) const searchReportItems = (body) => api.post('/item_report/search_item_report', body)
const createReportItems = (body) => api.post('/item_report/create_item_report', body) const createReportItems = (body) => api.post('/item_report/create_item_report', body)
...@@ -177,7 +179,9 @@ const create = (baseURL = 'https://tia.eksad.com/tia-reporting-dev/public/') => ...@@ -177,7 +179,9 @@ const create = (baseURL = 'https://tia.eksad.com/tia-reporting-dev/public/') =>
getReportItems, getReportItems,
searchReportItems, searchReportItems,
createReportItems, createReportItems,
getInputType,
getReportType, getReportType,
getPerusahaanActive
} }
} }
......
src/container/MasterData/formReportItems/CreateReportItems.js
View file @ 2eb003db
...@@ -7,118 +7,136 @@ import { titleCase } from '../../../library/Utils'; ...@@ -7,118 +7,136 @@ import { titleCase } from '../../../library/Utils';
import format from "date-fns/format"; import format from "date-fns/format";
import { DatePicker } from '@material-ui/pickers'; import { DatePicker } from '@material-ui/pickers';
const companies = [
{
value: '',
label: '',
},
{
value: '1',
label: 'TIA',
},
{
value: '2',
label: 'TIA',
},
];
const dataTypes = [
{
value: '',
label: '',
},
{
value: '1',
label: 'Formula',
},
{
value: '2',
label: 'Formula',
},
];
const parents = [
{
value: '-',
label: '-',
},
{
value: '1',
label: '1',
},
{
value: '2',
label: '2',
},
];
export default class CreateReportItems extends Component { export default class CreateReportItems extends Component {
constructor(props) { constructor(props) {
super(props) super(props)
this.state = { this.state = {
reportType: null, InputType: null,
company: null, company: null,
startDate: new Date(), parent: null,
endDate: new Date(), reportType: null,
listReportType: null, startDate: null,
endDate: null,
order: '',
description: '',
uom: '',
weight: '',
formula: '',
realVal: '',
condition: '',
date: new Date(),
listInputType: null,
listCompany: null, listCompany: null,
listReportType: null,
listParent: null,
errorOrder: false,
errorDesc: false,
errorFormula: false,
errorRV: false,
errorCF: false,
errorStartDate: false,
errorEndDate: false,
msgErrorOrder: '',
msgErrorDesc: '',
msgErrorFormula: '',
masgErrorRV: '',
msgErrorCF: '',
msgErrorSD: '',
msgErrorED: '',
} }
} }
handleStartDate = (date) => {
this.setState({
startDate: date
});
};
handleEndDate = (date) => {
this.setState({
endDate: date
});
};
componentDidMount() { componentDidMount() {
this.getReportType() this.getInputType()
this.getPerusahaan() this.getPerusahaan()
this.getReportType()
this.getParent()
} }
handleChange(e, type) { handleChange(e, type) {
let data = this.state let data = this.state
let isDate = type !== '' ? true : false let isDate = type !== ''? true : false
if (isDate && type == 'start_date') { if (isDate && type === 'start_date') {
this.setState({ startDate: format(e, 'yyyy-MM-dd') }, () => { this.setState({...data, startDate: format(e, 'yyyy-MM-dd'), endDate: null,
// console.log(this.state.startDate) errorOrder: false,
errorStartDate: false,
errorEndDate: false,
msgErrorOrder: '',
msgErrorSD: '',
msgErrorED: '',
}) })
} else if (isDate && type == 'end_date') { } else if (isDate && type === 'end_date') {
this.setState({ endDate: format(e, 'yyyy-MM-dd') }, () => { this.setState({...data, endDate : format(e, 'yyyy-MM-dd'),
// console.log(this.state.endDate) errorOrder: false,
errorStartDate: false,
errorEndDate: false,
msgErrorOrder: '',
msgErrorSD: '',
msgErrorED: '',
}) })
} else { } else {
// this.setState({...data, tempData: {...this.state.tempData, [e.target.name] : e.target.value}}) this.setState({...data, [e.target.name]: e.target.value,
errorOrder: false,
errorStartDate: false,
errorEndDate: false,
msgErrorOrder: '',
msgErrorSD: '',
msgErrorED: '',
})
} }
} }
validasi() { validasi() {
// alert('coba ya')
if (R.isEmpty(this.state.order)) {
this.setState({errorOrder: true, msgErrorOrder: 'Order Harus Diisi'})
} else if (R.isNil(this.state.startDate)) {
this.setState({errorStartDate: true, msgErrorSD: 'Start Date tidak boleh kosong'})
} else if (R.isNil(this.state.endDate)) {
this.setState({errorEndDate: true, msgErrorED: 'End Date tidak boleh kosong'})
} else {
this.addReportItems()
}
} }
getReportType() { addReportItems() {
api.create().getReportType().then((response) => { alert("test")
console.log(response) // let payload = {
// "role_name": this.state.roleName,
// "start_date": this.state.startDate,
// "end_date": this.state.endDate,
// "privileges": this.state.privileges
// }
// // console.log(payload)
// api.create().addRole(payload).then((response) => {
// console.log(response)
// if (response.data.status === 'success') {
// this.props.refresh()
// this.props.onClickClose()
// } else {
// alert(response.data.message)
// }
// })
}
getInputType() {
api.create().getInputType().then((response) => {
// console.log(response)
if(response.data.status === 'success') { if(response.data.status === 'success') {
let data = response.data.data let data = response.data.data
let reportData = data.map((item) => { let inputData = data.map((item) => {
return { return {
type_report_id: item.type_report_id, type_report_id: item.type_report_id,
type_report_name: item.type_report_name type_report_name: item.type_report_name
} }
}) })
let defaultProps = { let defaultProps = {
options: reportData, options: inputData,
getOptionLabel: (option) => titleCase(option.type_report_name), getOptionLabel: (option) => titleCase(option.type_report_name),
}; };
this.setState({listReportType: defaultProps, reportData: response.data.data}) this.setState({listInputType: defaultProps, inputData: response.data.data})
} else { } else {
alert(response.data.message) alert(response.data.message)
} }
...@@ -126,8 +144,8 @@ export default class CreateReportItems extends Component { ...@@ -126,8 +144,8 @@ export default class CreateReportItems extends Component {
} }
getPerusahaan() { getPerusahaan() {
api.create().getPerusahaan().then((response) => { api.create().getPerusahaanActive().then((response) => {
console.log(response) // console.log(response)
if(response.data.status === 'success') { if(response.data.status === 'success') {
let data = response.data.data let data = response.data.data
let companyData = data.map((item) => { let companyData = data.map((item) => {
...@@ -147,6 +165,49 @@ export default class CreateReportItems extends Component { ...@@ -147,6 +165,49 @@ export default class CreateReportItems extends Component {
}) })
} }
getReportType() {
api.create().getReportType().then((response) => {
// console.log(response)
if(response.data.status === 'success') {
let data = response.data.data
let reportTypeData = data.map((item) => {
return {
report_id: item.report_id,
report_name: item.report_name,
}
})
let defaultProps = {
options: reportTypeData,
getOptionLabel: (option) => titleCase(option.report_name),
};
this.setState({listReportType: defaultProps, reportTypeData: response.data.data})
} else {
alert(response.data.message)
}
})
}
getParent() {
api.create().getReportItems().then((response) => {
// console.log(response)
if(response.data.status === 'success') {
let data = response.data.data
let parentData = data.map((item) => {
return {
item_report_id: item.item_report_id
}
})
let defaultProps = {
options: parentData,
getOptionLabel: (option) => titleCase(option.item_report_id),
};
this.setState({listParent: defaultProps, parentData: response.data.data})
} else {
alert(response.data.message)
}
})
}
render() { render() {
const { startDate, endDate } = this.state; const { startDate, endDate } = this.state;
...@@ -185,7 +246,6 @@ export default class CreateReportItems extends Component { ...@@ -185,7 +246,6 @@ export default class CreateReportItems extends Component {
fontSize: 11, fontSize: 11,
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
paddingLeft: 10
} }
}} }}
InputLabelProps={{ InputLabelProps={{
...@@ -194,18 +254,29 @@ export default class CreateReportItems extends Component { ...@@ -194,18 +254,29 @@ export default class CreateReportItems extends Component {
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
color: '#7e8085', color: '#7e8085',
paddingLeft: 10
} }
}} }}
/> />
</div> </div>
<div className="margin-top-10px" style={{paddingLeft: 10}} > <div className="margin-top-10px" style={{padding: 10}} >
<Autocomplete <Autocomplete
{...this.state.listCompany} {...this.state.listCompany}
id="company" id="company"
onChange={(event, newInputValue) => this.setState({company: newInputValue})} onChange={(event, newInputValue) => this.setState({company: newInputValue})}
debug debug
renderInput={(params) => <TextField {...params} label="Perusahaan" margin="normal" style={{marginTop: 7}}/>} renderInput={(params) =>
<TextField {...params}
label="Perusahaan"
InputLabelProps={{
style: {
fontSize: 11,
fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif',
color: '#7e8085'
}
}}
InputProps={{ ...params.InputProps, style: { fontSize: 11, fontWeight: 600, fontFamily: 'Nunito Sans, sans-serif' } }}
/>}
value={this.state.company} value={this.state.company}
/> />
</div> </div>
...@@ -220,7 +291,6 @@ export default class CreateReportItems extends Component { ...@@ -220,7 +291,6 @@ export default class CreateReportItems extends Component {
fontSize: 11, fontSize: 11,
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
paddingLeft: 10
} }
}} }}
InputLabelProps={{ InputLabelProps={{
...@@ -229,7 +299,6 @@ export default class CreateReportItems extends Component { ...@@ -229,7 +299,6 @@ export default class CreateReportItems extends Component {
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
color: '#7e8085', color: '#7e8085',
paddingLeft: 10
} }
}} }}
> >
...@@ -246,7 +315,6 @@ export default class CreateReportItems extends Component { ...@@ -246,7 +315,6 @@ export default class CreateReportItems extends Component {
fontSize: 11, fontSize: 11,
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
paddingLeft: 10
} }
}} }}
InputLabelProps={{ InputLabelProps={{
...@@ -255,20 +323,31 @@ export default class CreateReportItems extends Component { ...@@ -255,20 +323,31 @@ export default class CreateReportItems extends Component {
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
color: '#7e8085', color: '#7e8085',
paddingLeft: 10
} }
}} }}
> >
</TextField> </TextField>
</div> </div>
<div className="margin-top-10px" style={{paddingLeft: 10}} > <div className="margin-top-10px" style={{padding: 10}}>
<Autocomplete <Autocomplete
{...this.state.listReportType} {...this.state.listInputType}
id="reportTypes" id="inputType"
onChange={(event, newInputValue) => this.setState({reportType: newInputValue})} onChange={(event, newInputValue) => this.setState({InputType: newInputValue})}
debug debug
renderInput={(params) => <TextField {...params} label="Tipe Data" margin="normal" style={{marginTop: 7}}/>} renderInput={(params) =>
value={this.state.reportType} <TextField {...params}
label="Tipe Data"
InputLabelProps={{
style: {
fontSize: 11,
fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif',
color: '#7e8085'
}
}}
InputProps={{ ...params.InputProps, style: { fontSize: 11, fontWeight: 600, fontFamily: 'Nunito Sans, sans-serif' } }}
/>}
value={this.state.InputType}
/> />
</div> </div>
...@@ -285,7 +364,6 @@ export default class CreateReportItems extends Component { ...@@ -285,7 +364,6 @@ export default class CreateReportItems extends Component {
fontSize: 11, fontSize: 11,
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
paddingLeft: 10
} }
}} }}
InputLabelProps={{ InputLabelProps={{
...@@ -294,41 +372,40 @@ export default class CreateReportItems extends Component { ...@@ -294,41 +372,40 @@ export default class CreateReportItems extends Component {
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
color: '#7e8085', color: '#7e8085',
paddingLeft: 10
} }
}} }}
/> />
</div> </div>
<div className="margin-top-10px" style={{ padding: 10, borderRadius: 5 }}> <div className="margin-top-10px" style={{ padding: 10, borderRadius: 5 }}>
<DatePicker <DatePicker
margin="normal" margin="normal"
id="startDate" id="startDate"
value={startDate} label="Berlaku Mulai"
onChange={this.handleStartDate} format="dd MMMM yyyy"
label="Berlaku Mulai" value={this.state.startDate}
format="dd MMMM yyyy" error={this.state.errorStartDate}
KeyboardButtonProps={{ helperText={this.state.msgErrorSD}
'aria-label': 'change date', onChange={(e) => this.handleChange(e, 'start_date')}
}} KeyboardButtonProps={{
inputProps={{ 'aria-label': 'change date',
style: { }}
fontSize: 11, inputProps={{
fontWeight: 600, style: {
fontFamily: 'Nunito Sans, sans-serif', fontSize: 11,
paddingLeft: 10 fontWeight: 600,
} fontFamily: 'Nunito Sans, sans-serif',
}} }
InputLabelProps={{ }}
style: { InputLabelProps={{
fontSize: 11, style: {
color: '#7e8085', fontSize: 11,
fontWeight: 600, color: '#7e8085',
fontFamily: 'Nunito Sans, sans-serif', fontWeight: 600,
paddingLeft: 10 fontFamily: 'Nunito Sans, sans-serif',
} }
}} }}
style={{ padding: 0, margin: 0, width: '100%' }} style={{padding: 0, margin: 0, width: '100%'}}
/> />
</div> </div>
<div className="margin-top-10px" style={{ backgroundColor: '#e8e8e8', padding: 10, borderRadius: 5 }}> <div className="margin-top-10px" style={{ backgroundColor: '#e8e8e8', padding: 10, borderRadius: 5 }}>
...@@ -343,7 +420,6 @@ export default class CreateReportItems extends Component { ...@@ -343,7 +420,6 @@ export default class CreateReportItems extends Component {
fontSize: 11, fontSize: 11,
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
paddingLeft: 10
} }
}} }}
InputLabelProps={{ InputLabelProps={{
...@@ -352,7 +428,6 @@ export default class CreateReportItems extends Component { ...@@ -352,7 +428,6 @@ export default class CreateReportItems extends Component {
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
color: '#7e8085', color: '#7e8085',
paddingLeft: 10
} }
}} }}
/> />
...@@ -371,28 +446,43 @@ export default class CreateReportItems extends Component { ...@@ -371,28 +446,43 @@ export default class CreateReportItems extends Component {
</div> </div>
<div className="column-2"> <div className="column-2">
<div className="margin-top-10px" style={{paddingLeft: 10}} > <div className="margin-top-10px" style={{padding: 10}}>
<Autocomplete <Autocomplete
{...this.state.listReportType} {...this.state.listReportType}
id="reportTypes" id="reportType"
onChange={(event, newInputValue) => this.setState({reportType: newInputValue})} onChange={(event, newInputValue) => this.setState({reportType: newInputValue})}
debug debug
renderInput={(params) => <TextField {...params} label="Jenis Laporan" margin="normal" style={{marginTop: 7}}/>} renderInput={(params) =>
<TextField {...params}
label="Jenis Laporan"
InputLabelProps={{
style: {
fontSize: 11,
fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif',
color: '#7e8085'
}
}}
InputProps={{ ...params.InputProps, style: { fontSize: 11, fontWeight: 600, fontFamily: 'Nunito Sans, sans-serif' } }}
/>}
value={this.state.reportType} value={this.state.reportType}
/> />
</div> </div>
<div className="margin-top-10px" style={{ padding: 10, borderRadius: 5 }}> <div className="margin-top-10px" style={{ padding: 10, borderRadius: 5 }}>
<TextField <TextField
style={{ width: '100%' }} style={{ width: '100%' }}
id="order" id="orders"
name="order"
label="Order" label="Order"
// value="" value={this.state.order}
error={this.state.errorOrder}
helperText={this.state.msgErrorOrder}
onChange={(e) => this.handleChange(e, '')}
inputProps={{ inputProps={{
style: { style: {
fontSize: 11, fontSize: 11,
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
paddingLeft: 10
} }
}} }}
InputLabelProps={{ InputLabelProps={{
...@@ -401,47 +491,32 @@ export default class CreateReportItems extends Component { ...@@ -401,47 +491,32 @@ export default class CreateReportItems extends Component {
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
color: '#7e8085', color: '#7e8085',
paddingLeft: 10
} }
}} }}
> >
</TextField> </TextField>
</div> </div>
<div style={{ padding: 10, borderRadius: 5 }}> <div style={{padding: 10}} >
<TextField <Autocomplete
id="parent" {...this.state.listParent}
style={{ width: '100%' }} id="parentId"
select onChange={(event, newInputValue) => this.setState({parent: newInputValue})}
label="Parent" debug
// onChange={handleChange} renderInput={(params) =>
helperText="" <TextField {...params}
SelectProps={{ label="Parent ID"
native: true, InputLabelProps={{
}} style: {
InputLabelProps={{ fontSize: 11,
style: { fontWeight: 600,
fontSize: 11, fontFamily: 'Nunito Sans, sans-serif',
fontWeight: 600, color: '#7e8085'
fontFamily: 'Nunito Sans, sans-serif', }
color: '#7e8085', }}
paddingLeft: 10 InputProps={{ ...params.InputProps, style: { fontSize: 11, fontWeight: 600, fontFamily: 'Nunito Sans, sans-serif' } }}
} />}
}} value={this.state.parent}
inputProps={{ />
style: {
fontSize: 11,
fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif',
paddingLeft: 10
}
}}
>
{parents.map((option) => (
<option key={option.value} value={option.value}>
{option.label}
</option>
))}
</TextField>
</div> </div>
<div style={{ padding: 10, borderRadius: 5 }}> <div style={{ padding: 10, borderRadius: 5 }}>
<TextField <TextField
...@@ -454,7 +529,6 @@ export default class CreateReportItems extends Component { ...@@ -454,7 +529,6 @@ export default class CreateReportItems extends Component {
fontSize: 11, fontSize: 11,
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
paddingLeft: 10
} }
}} }}
InputLabelProps={{ InputLabelProps={{
...@@ -463,7 +537,6 @@ export default class CreateReportItems extends Component { ...@@ -463,7 +537,6 @@ export default class CreateReportItems extends Component {
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
color: '#7e8085', color: '#7e8085',
paddingLeft: 10
} }
}} }}
> >
...@@ -480,7 +553,6 @@ export default class CreateReportItems extends Component { ...@@ -480,7 +553,6 @@ export default class CreateReportItems extends Component {
fontSize: 11, fontSize: 11,
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
paddingLeft: 10
} }
}} }}
InputLabelProps={{ InputLabelProps={{
...@@ -489,7 +561,6 @@ export default class CreateReportItems extends Component { ...@@ -489,7 +561,6 @@ export default class CreateReportItems extends Component {
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
color: '#7e8085', color: '#7e8085',
paddingLeft: 10
} }
}} }}
> >
...@@ -507,7 +578,6 @@ export default class CreateReportItems extends Component { ...@@ -507,7 +578,6 @@ export default class CreateReportItems extends Component {
fontSize: 11, fontSize: 11,
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
paddingLeft: 10
} }
}} }}
InputLabelProps={{ InputLabelProps={{
...@@ -516,41 +586,41 @@ export default class CreateReportItems extends Component { ...@@ -516,41 +586,41 @@ export default class CreateReportItems extends Component {
fontWeight: 600, fontWeight: 600,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
color: '#7e8085', color: '#7e8085',
paddingLeft: 10
} }
}} }}
/> />
</div> </div>
<div className="margin-top-10px" style={{ padding: 10, borderRadius: 5 }}> <div className="margin-top-10px" style={{ padding: 10, borderRadius: 5 }}>
<DatePicker <DatePicker
margin="normal" margin="normal"
id="endDate" id="endDate"
value={endDate} label="Berlaku Hingga"
onChange={this.handleEndDate} format="dd MMMM yyyy"
label="Berlaku Hingga" value={this.state.endDate}
format="dd MMMM yyyy" error={this.state.errorEndDate}
KeyboardButtonProps={{ helperText={this.state.msgErrorED}
'aria-label': 'change date', onChange={(e) => this.handleChange(e, 'end_date')}
}} minDate={this.state.startDate}
inputProps={{ KeyboardButtonProps={{
style: { 'aria-label': 'change date',
fontSize: 11, }}
fontWeight: 600, inputProps={{
fontFamily: 'Nunito Sans, sans-serif', style: {
paddingLeft: 10 fontSize: 11,
} fontWeight: 600,
}} fontFamily: 'Nunito Sans, sans-serif',
InputLabelProps={{ }
style: { }}
fontSize: 11, InputLabelProps={{
color: '#7e8085', style: {
fontWeight: 600, fontSize: 11,
fontFamily: 'Nunito Sans, sans-serif', color: '#7e8085',
paddingLeft: 10 fontWeight: 600,
} fontFamily: 'Nunito Sans, sans-serif',
}} }
}}
style={{ padding: 0, margin: 0, width: '100%' }}
style={{padding: 0, margin: 0, width: '100%'}}
/> />
</div> </div>
</div> </div>
...@@ -568,10 +638,10 @@ export default class CreateReportItems extends Component { ...@@ -568,10 +638,10 @@ export default class CreateReportItems extends Component {
</div> </div>
</button> </button>
</div> </div>
<div className="column-2" style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center' }}> <div className="column-2" style={{display: 'flex', justifyContent: 'flex-end', alignItems: 'center'}}>
<div style={{ width: 102, height: 30, backgroundColor: '#354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center' }}> <div onClick={() => this.validasi()} style={{ width: 102, height: 30, backgroundColor: '#354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center' }}>
<span style={{ color: '#fff', fontSize: 11 }}>Simpan</span> <span style={{ color: '#fff', fontSize: 11 }}>Simpan</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment