Skip to content

T
Tia-dev
Commit db1f9ecb authored by Deni Rinaldi's avatar Deni Rinaldi
Browse files
Options

Merge branch 'deni-dev(pc)' into 'master' 

update permision

See merge request !204
parents 163b234e df4d80e6
Hide whitespace changes
Inline Side-by-side
Showing with 139 additions and 100 deletions
src/api/index.js
View file @ db1f9ecb
...@@ -160,6 +160,7 @@ const create = (baseURL = 'https://tia.eksad.com/tia-reporting-dev/public/') => ...@@ -160,6 +160,7 @@ const create = (baseURL = 'https://tia.eksad.com/tia-reporting-dev/public/') =>
const uploadAttachment = (body) => api.post('transaction/upload_attachment', body) const uploadAttachment = (body) => api.post('transaction/upload_attachment', body)
const getRevision = (body) => api.post('transaction/get_revision', body) const getRevision = (body) => api.post('transaction/get_revision', body)
const getPeriodeTransaction = () => api.get('transaction/get_periode') const getPeriodeTransaction = () => api.get('transaction/get_periode')
const deleteAttachment = (id) => api.post(`transaction/delete_attachment/${id}`)
//Template //Template
const downloadTemplate = (fileName, fileType) => api.get(`attachment/download_file?fileName=${fileName}&&fileType=${fileType}`) const downloadTemplate = (fileName, fileType) => api.get(`attachment/download_file?fileName=${fileName}&&fileType=${fileType}`)
...@@ -262,7 +263,8 @@ const create = (baseURL = 'https://tia.eksad.com/tia-reporting-dev/public/') => ...@@ -262,7 +263,8 @@ const create = (baseURL = 'https://tia.eksad.com/tia-reporting-dev/public/') =>
getMasterBudgetAtt, getMasterBudgetAtt,
uploadAttachment, uploadAttachment,
getPeriodeTransaction, getPeriodeTransaction,
getRevision getRevision,
deleteAttachment
} }
} }
......
src/container/ApprovalMatrix/ApprovalMatrix.js
View file @ db1f9ecb
...@@ -591,7 +591,6 @@ export default class ApprovalMatrix extends Component { ...@@ -591,7 +591,6 @@ export default class ApprovalMatrix extends Component {
backgroundColor: 'transparent', backgroundColor: 'transparent',
cursor: 'pointer', cursor: 'pointer',
borderColor: 'transparent', borderColor: 'transparent',
marginLeft: 16,
padding: 0, padding: 0,
margin: 5 margin: 5
}} }}
...@@ -608,7 +607,6 @@ export default class ApprovalMatrix extends Component { ...@@ -608,7 +607,6 @@ export default class ApprovalMatrix extends Component {
backgroundColor: 'transparent', backgroundColor: 'transparent',
cursor: 'pointer', cursor: 'pointer',
borderColor: 'transparent', borderColor: 'transparent',
marginLeft: 16,
padding: 0, padding: 0,
margin: 5 margin: 5
}} }}
...@@ -624,7 +622,6 @@ export default class ApprovalMatrix extends Component { ...@@ -624,7 +622,6 @@ export default class ApprovalMatrix extends Component {
backgroundColor: 'transparent', backgroundColor: 'transparent',
cursor: 'pointer', cursor: 'pointer',
borderColor: 'transparent', borderColor: 'transparent',
marginLeft: 16,
padding: 0, padding: 0,
margin: 5 margin: 5
}} }}
...@@ -635,15 +632,15 @@ export default class ApprovalMatrix extends Component { ...@@ -635,15 +632,15 @@ export default class ApprovalMatrix extends Component {
</a> </a>
<ReactTooltip border={true} id="visualisasi" place="bottom" type="light" effect="solid" /> <ReactTooltip border={true} id="visualisasi" place="bottom" type="light" effect="solid" />
{this.state.btncreate && ( {this.state.btncreate && (
<a data-tip={'Add'} data-for="create"> <a data-tip={'Add New'} data-for="create">
<button <button
style={{ style={{
backgroundColor: 'transparent', backgroundColor: 'transparent',
cursor: 'pointer', cursor: 'pointer',
borderColor: 'transparent', borderColor: 'transparent',
marginLeft: 16,
padding: 0, padding: 0,
margin: 5 margin: 5,
marginRight: 20
}} }}
onClick={() => this.setState({ visibleCreate: true })} onClick={() => this.setState({ visibleCreate: true })}
> >
......
src/container/BudgetTahunan.js
View file @ db1f9ecb
...@@ -244,7 +244,17 @@ export default class BudgetTahunan extends Component { ...@@ -244,7 +244,17 @@ export default class BudgetTahunan extends Component {
}) })
} }
} }
// console.log(response) })
}
deleteAttachment(item) {
api.create().deleteAttachment(item.attachment_id).then(response => {
if (response.data) {
if (response.data.status === "success") {
this.getReport()
this.getReportAttachment()
}
}
}) })
} }
...@@ -291,9 +301,9 @@ export default class BudgetTahunan extends Component { ...@@ -291,9 +301,9 @@ export default class BudgetTahunan extends Component {
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{val === "submitted" || val === "approved" ? {val === "submitted" || val === "approved" ?
<img src={Images.ceklis} style={{ width: 31, height: 24 }} /> : <img src={Images.ceklis} style={{ width: 31, height: 24 }} /> :
val === "revision" ? val === "revision" ?
<span>Revisi</span> : <span>Revisi</span> :
null null
} }
</div > </div >
); );
...@@ -476,7 +486,18 @@ export default class BudgetTahunan extends Component { ...@@ -476,7 +486,18 @@ export default class BudgetTahunan extends Component {
{this.state.listAttachment.length > 0 ? {this.state.listAttachment.length > 0 ?
this.state.listAttachment.map((item) => { this.state.listAttachment.map((item) => {
return ( return (
<Typography style={{ fontSize: '16px', color: '#ff3939' }}>Delete</Typography> <button
style={{
backgroundColor: 'transparent',
cursor: 'pointer',
borderColor: 'transparent',
outline: 'none',
display: 'grid'
}}
onClick={() => this.deleteAttachment(item)}
>
<Typography style={{ fontSize: '16px', color: '#ff3939' }}>Delete</Typography>
</button>
) )
}) })
: null : null
......
src/container/MasterData/Parameter/CreateParameter.js
View file @ db1f9ecb
...@@ -674,7 +674,7 @@ export default class CreateParameter extends Component { ...@@ -674,7 +674,7 @@ export default class CreateParameter extends Component {
helperText={this.state.msgErrorPerusahaan} helperText={this.state.msgErrorPerusahaan}
InputProps={{ ...params.InputProps, style: { fontSize: 11 } }} InputProps={{ ...params.InputProps, style: { fontSize: 11 } }}
InputLabelProps={{ style: { fontSize: 11, color: '#7e8085' } }} InputLabelProps={{ style: { fontSize: 11, color: '#7e8085' } }}
label="Company" />} label="Company Name" />}
value={this.state.getPerusahaan} value={this.state.getPerusahaan}
/> />
</div> </div>
...@@ -1044,7 +1044,7 @@ export default class CreateParameter extends Component { ...@@ -1044,7 +1044,7 @@ export default class CreateParameter extends Component {
{...params} {...params}
InputProps={{ ...params.InputProps, style: { fontSize: 11 } }} InputProps={{ ...params.InputProps, style: { fontSize: 11 } }}
InputLabelProps={{ style: { fontSize: 11, color: '#7e8085' } }} InputLabelProps={{ style: { fontSize: 11, color: '#7e8085' } }}
label="Company" label="Company Name"
error={this.state.errorPerusahaan} error={this.state.errorPerusahaan}
helperText={this.state.msgErrorPerusahaan} helperText={this.state.msgErrorPerusahaan}
/>} />}
......
src/container/MasterData/Perusahaan/Perusahaan.js
View file @ db1f9ecb
...@@ -42,7 +42,10 @@ export default class Perusahaan extends Component { ...@@ -42,7 +42,10 @@ export default class Perusahaan extends Component {
popupError: false, popupError: false,
alert: false, alert: false,
tipeAlert: '', tipeAlert: '',
messageAlert: '' messageAlert: '',
create: false,
edit: false,
load: false
} }
this.fileHandler = this.fileHandler.bind(this); this.fileHandler = this.fileHandler.bind(this);
} }
...@@ -278,7 +281,7 @@ export default class Perusahaan extends Component { ...@@ -278,7 +281,7 @@ export default class Perusahaan extends Component {
} }
} else { } else {
this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', dataTable: [] }) this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', dataTable: [] })
} }
}) })
} }
...@@ -385,8 +388,8 @@ export default class Perusahaan extends Component { ...@@ -385,8 +388,8 @@ export default class Perusahaan extends Component {
console.log(response) console.log(response)
if (response.data) { if (response.data) {
if (response.data.status == "success") { if (response.data.status == "success") {
this.getData() this.getData()
this.setState({ visiblePerusahaan: true, alert: true, messageAlert: response.data.message, tipeAlert: 'success' }) this.setState({ visiblePerusahaan: true, alert: true, messageAlert: response.data.message, tipeAlert: 'success' })
} else { } else {
this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }) this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' })
} }
...@@ -407,17 +410,19 @@ export default class Perusahaan extends Component { ...@@ -407,17 +410,19 @@ export default class Perusahaan extends Component {
customBodyRender: (val, tableMeta) => { customBodyRender: (val, tableMeta) => {
return ( return (
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
<button {this.state.edit && (
style={{ <button
backgroundColor: 'transparent', style={{
cursor: 'pointer', backgroundColor: 'transparent',
borderColor: 'transparent' cursor: 'pointer',
}} borderColor: 'transparent'
// onClick={() => this.setState({ visibleEdit: true, data: tableMeta.rowData })} }}
onClick={() => this.openPopUp(tableMeta.rowData, 'edit')} // onClick={() => this.setState({ visibleEdit: true, data: tableMeta.rowData })}
> onClick={() => this.openPopUp(tableMeta.rowData, 'edit')}
<img src={Images.editCopy} /> >
</button> <img src={Images.editCopy} />
</button>
)}
</div > </div >
); );
} }
...@@ -524,19 +529,21 @@ export default class Perusahaan extends Component { ...@@ -524,19 +529,21 @@ export default class Perusahaan extends Component {
</button> </button>
</a> </a>
<ReactTooltip border={true} id="template" place="bottom" type="light" effect="solid" /> <ReactTooltip border={true} id="template" place="bottom" type="light" effect="solid" />
<a data-tip={'Upload'} data-for="upload"> {this.state.create && (
<button <a data-tip={'Upload'} data-for="upload">
style={{ <button
backgroundColor: 'transparent', style={{
cursor: 'pointer', backgroundColor: 'transparent',
borderColor: 'transparent', cursor: 'pointer',
margin: 5 borderColor: 'transparent',
}} margin: 5
onClick={() => this.setState({ visibleUpload: true })} }}
> onClick={() => this.setState({ visibleUpload: true })}
<img src={Images.upload} /> >
</button> <img src={Images.upload} />
</a> </button>
</a>
)}
<ReactTooltip border={true} id="upload" place="bottom" type="light" effect="solid" /> <ReactTooltip border={true} id="upload" place="bottom" type="light" effect="solid" />
<a data-tip={'Download'} data-for="download"> <a data-tip={'Download'} data-for="download">
<button <button
...@@ -566,19 +573,22 @@ export default class Perusahaan extends Component { ...@@ -566,19 +573,22 @@ export default class Perusahaan extends Component {
</button> </button>
</a> </a>
<ReactTooltip border={true} id="visual" place="bottom" type="light" effect="solid" /> <ReactTooltip border={true} id="visual" place="bottom" type="light" effect="solid" />
<a data-tip={'Add'} data-for="create"> {this.state.create && (
<button <a data-tip={'Add New'} data-for="create">
style={{ <button
backgroundColor: 'transparent', style={{
cursor: 'pointer', backgroundColor: 'transparent',
borderColor: 'transparent', cursor: 'pointer',
margin: 5 borderColor: 'transparent',
}} margin: 5,
onClick={() => this.setState({ visibleCreate: true })} marginRight: 20
> }}
<img src={Images.add} /> onClick={() => this.setState({ visibleCreate: true })}
</button> >
</a> <img src={Images.add} />
</button>
</a>
)}
<ReactTooltip border={true} id="create" place="bottom" type="light" effect="solid" /> <ReactTooltip border={true} id="create" place="bottom" type="light" effect="solid" />
</div> </div>
</div> </div>
...@@ -598,6 +608,8 @@ export default class Perusahaan extends Component { ...@@ -598,6 +608,8 @@ export default class Perusahaan extends Component {
: :
this.state.visibleVisual === true ? this.state.visibleVisual === true ?
<VisualPerusahaan <VisualPerusahaan
buttonCreate={this.state.create}
buttonEdit={this.state.edit}
onClickClose={() => this.setState({ visibleVisual: false, visiblePerusahaan: true })} onClickClose={() => this.setState({ visibleVisual: false, visiblePerusahaan: true })}
height={this.props.height} height={this.props.height}
/> />
...@@ -686,7 +698,7 @@ export default class Perusahaan extends Component { ...@@ -686,7 +698,7 @@ export default class Perusahaan extends Component {
className="btn btn-circle btn-white" className="btn btn-circle btn-white"
onClick={() => this.setState({ visibleUpload: false })} onClick={() => this.setState({ visibleUpload: false })}
> >
<img src={Images.close}/> <img src={Images.close} />
</button> </button>
</div> </div>
</div> </div>
......
src/container/MasterData/Perusahaan/VisualPerusahaan.js
View file @ db1f9ecb
...@@ -16,22 +16,24 @@ export default class VisualPerusahaan extends Component { ...@@ -16,22 +16,24 @@ export default class VisualPerusahaan extends Component {
super(props) super(props)
this.state = { this.state = {
items: [ items: [
{ id: 0, GG: 'Accumulated Depreciation (negative value)', collapse: false, {
id: 0, GG: 'Accumulated Depreciation (negative value)', collapse: false,
children: [ children: [
{ id: 3, GG: 'Beginning Balance', collapse: false }, { id: 3, GG: 'Beginning Balance', collapse: false },
{ id: 4, GG: 'Depreciation expense MTD (please fill in, if any)', collapse: false }, { id: 4, GG: 'Depreciation expense MTD (please fill in, if any)', collapse: false },
{ id: 5, GG: 'Depreciation expense MTD (please fill in, if any)', collapse: false } { id: 5, GG: 'Depreciation expense MTD (please fill in, if any)', collapse: false }
] ]
},{ }, {
id: 1, GG: 'Control Gain/(Loss) on Fixed Assets', collapse: false id: 1, GG: 'Control Gain/(Loss) on Fixed Assets', collapse: false
},{ }, {
id: 2, GG: 'Gain/(Loss) on Fixed Assets', collapse: false, id: 2, GG: 'Gain/(Loss) on Fixed Assets', collapse: false,
children: [ children: [
{ id: 6, GG: 'NBV', collapse: false, {
children : [ id: 6, GG: 'NBV', collapse: false,
children: [
{ id: 8, GG: 'Cost', collapse: false }, { id: 8, GG: 'Cost', collapse: false },
{ id: 9, GG: 'Accm. Depreciation', collapse: false }, { id: 9, GG: 'Accm. Depreciation', collapse: false },
] ]
}, },
{ id: 7, GG: 'Proceed from sale or disposal of Fixed Assets (please fill in, if any)', collapse: false }, { id: 7, GG: 'Proceed from sale or disposal of Fixed Assets (please fill in, if any)', collapse: false },
] ]
...@@ -52,7 +54,7 @@ export default class VisualPerusahaan extends Component { ...@@ -52,7 +54,7 @@ export default class VisualPerusahaan extends Component {
getPerusahaan() { getPerusahaan() {
api.create().getPerusahaanHierarki().then((response) => { api.create().getPerusahaanHierarki().then((response) => {
console.log(response) console.log(response)
if (response.data) { if (response.data) {
if (response.data.status == 'success') { if (response.data.status == 'success') {
this.setState({ items: response.data.data }) this.setState({ items: response.data.data })
console.log(response.data.data) console.log(response.data.data)
...@@ -78,7 +80,7 @@ export default class VisualPerusahaan extends Component { ...@@ -78,7 +80,7 @@ export default class VisualPerusahaan extends Component {
arrayCollapse.push(collapseCase) arrayCollapse.push(collapseCase)
} }
if (this.refNestable) { if (this.refNestable) {
this.refNestable.collapse(arrayCollapse.length > 0? arrayCollapse : 'NONE'); this.refNestable.collapse(arrayCollapse.length > 0 ? arrayCollapse : 'NONE');
} }
}; };
...@@ -88,9 +90,9 @@ export default class VisualPerusahaan extends Component { ...@@ -88,9 +90,9 @@ export default class VisualPerusahaan extends Component {
} }
api.create().saveVisualisasiPerusahaan(payload).then((response) => { api.create().saveVisualisasiPerusahaan(payload).then((response) => {
// if (response.data.status == 'ucces') { // if (response.data.status == 'ucces') {
this.props.onClickClose() this.props.onClickClose()
// } else { // } else {
// alert(response.data.message) // alert(response.data.message)
// } // }
}) })
} }
...@@ -99,9 +101,9 @@ export default class VisualPerusahaan extends Component { ...@@ -99,9 +101,9 @@ export default class VisualPerusahaan extends Component {
return ( return (
<div> <div>
<button type="button" onClick={() => this.collapse(item.id)}> <button type="button" onClick={() => this.collapse(item.id)}>
{collapseIcon ? (this.state.arrayCollapse.includes(item.id)? <AddIcon/> : <RemoveIcon/>) : null} {collapseIcon ? (this.state.arrayCollapse.includes(item.id) ? <AddIcon /> : <RemoveIcon />) : null}
</button> </button>
<label style={{marginLeft: collapseIcon ? 10 : 0}}>{item.company_name}</label> <label style={{ marginLeft: collapseIcon ? 10 : 0 }}>{item.company_name}</label>
</div> </div>
) )
}; };
...@@ -113,46 +115,49 @@ export default class VisualPerusahaan extends Component { ...@@ -113,46 +115,49 @@ export default class VisualPerusahaan extends Component {
render() { render() {
return ( return (
<div> <div>
<div style={{ height: this.props.height }}> <div style={{ height: this.props.height }}>
<div style={{ width: '100%', backgroundColor: '#354960' }} /> <div style={{ width: '100%', backgroundColor: '#354960' }} />
<div> <div>
<div style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', paddingRight: 25, paddingLeft: 25, marginTop: -150 }}> <div style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', paddingRight: 25, paddingLeft: 25, marginTop: -150 }}>
<label style={{ color: 'white', width: '20%', fontSize: 16, paddingTop: 8 }}>Company Hierarchy</label> <label style={{ color: 'white', width: '20%', fontSize: 16, paddingTop: 8 }}>Company Hierarchy</label>
</div> </div>
<div style={{ display: 'flex', paddingRight: 25, paddingLeft: 25 }}> <div style={{ display: 'flex', paddingRight: 25, paddingLeft: 25 }}>
<label style={{ color: '#51c6ea', width: '20%', fontSize: 11 }}>Master Data / Company / <label style={{ color: '#51c6ea', width: '20%', fontSize: 11 }}>Master Data / Company /
<span style={{ color: 'white', width: '20%', fontSize: 11 }}> Visualization</span> <span style={{ color: 'white', width: '20%', fontSize: 11 }}> Visualization</span>
</label> </label>
</div>
<div style={{ padding: 25, width: '100%' }}>
<div style={{ width: '100%', padding: 25, backgroundColor: 'white', borderRadius: 6, border: 'solid 1px #c4c4c4' }}>
<Nestable
items={this.state.items}
collapsed={this.state.defaultCollapsed}
renderItem={this.renderItem}
ref={el => this.refNestable = el}
onChange={(e) => this.setState({ items: e }, () => console.log(JSON.stringify(e)))}
/>
</div> </div>
<div style={{ padding: 25, width: '100%' }}> </div>
<div style={{ width: '100%', padding: 25, backgroundColor: 'white', borderRadius: 6, border: 'solid 1px #c4c4c4'}}> <div className="row" style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', paddingRight: 15, paddingLeft: 15, paddingBottom: 25 }}>
<Nestable <div onClick={() => this.props.onClickClose()} style={{ width: 102, height: 30, marginLeft: 25, backgroundColor: 'dodgerblue', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center', cursor: "pointer" }}>
items={this.state.items} <span style={{ color: '#fff', fontSize: 11 }}>Back</span>
collapsed={this.state.defaultCollapsed}
renderItem={this.renderItem}
ref={el => this.refNestable = el}
onChange={(e) => this.setState({items: e}, () => console.log(JSON.stringify(e)))}
/>
</div>
</div> </div>
<div className="row" style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', paddingRight: 15, paddingLeft: 15, paddingBottom: 25 }}>
<div onClick={() => this.props.onClickClose()} style={{ width: 102, height: 30, marginLeft: 25, backgroundColor: 'dodgerblue', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center', cursor:"pointer" }}> {this.props.buttonEdit && (
<span style={{ color: '#fff', fontSize: 11 }}>Back</span>
</div>
<div className="row" style={{ float: 'right', marginRight: 25 }}> <div className="row" style={{ float: 'right', marginRight: 25 }}>
<div onClick={() => this.props.onClickClose()} style={{ width: 102, height: 30, border: 'solid 1px #354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center', cursor:"pointer" }}> <div onClick={() => this.props.onClickClose()} style={{ width: 102, height: 30, border: 'solid 1px #354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center', cursor: "pointer" }}>
<span style={{ color: '#354960', fontSize: 11 }} >Cancel</span> <span style={{ color: '#354960', fontSize: 11 }} >Cancel</span>
</div> </div>
<div onClick={() => this.handleSave()} style={{ width: 102, height: 30, marginLeft: 25, backgroundColor: '#354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center', cursor:"pointer" }}> <div onClick={() => this.handleSave()} style={{ width: 102, height: 30, marginLeft: 25, backgroundColor: '#354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center', cursor: "pointer" }}>
<span style={{ color: '#fff', fontSize: 11 }}>Save</span> <span style={{ color: '#fff', fontSize: 11 }}>Save</span>
</div> </div>
</div> </div>
</div> )}
</div> </div>
</div> </div>
</div>
</div> </div>
); );
} }
} }
src/container/MasterData/UnitBisnis.js
View file @ db1f9ecb
...@@ -217,7 +217,7 @@ export default class UnitBisnis extends Component { ...@@ -217,7 +217,7 @@ export default class UnitBisnis extends Component {
getData() { getData() {
api.create().getUnitBisnis().then((response) => { api.create().getUnitBisnis().then((response) => {
console.log(response) // console.log(response)
if (response.data) { if (response.data) {
if (response.data.status == 'success') { if (response.data.status == 'success') {
let data = response.data.data let data = response.data.data
......
src/container/Otorisasi/User.js
View file @ db1f9ecb
...@@ -573,13 +573,14 @@ export default class UserRole extends Component { ...@@ -573,13 +573,14 @@ export default class UserRole extends Component {
</a> </a>
<ReactTooltip border={true} id="download" place="bottom" type="light" effect="solid" /> <ReactTooltip border={true} id="download" place="bottom" type="light" effect="solid" />
{this.state.buttonCreate && ( {this.state.buttonCreate && (
<a data-tip={'Create'} data-for="create"> <a data-tip={'Add New'} data-for="create">
<button <button
style={{ style={{
backgroundColor: 'transparent', backgroundColor: 'transparent',
cursor: 'pointer', cursor: 'pointer',
borderColor: 'transparent', borderColor: 'transparent',
margin: 5 margin: 5,
marginRight: 20
}} }}
onClick={() => this.setState({ add: true })} onClick={() => this.setState({ add: true })}
> >
......
src/container/Otorisasi/UserRole.js
View file @ db1f9ecb
...@@ -257,13 +257,14 @@ class UserRole extends Component { ...@@ -257,13 +257,14 @@ class UserRole extends Component {
{/* <label style={{ color: 'white', width: '60%', justifyContent: 'center', display: 'flex', backgroundColor: 'white', borderWidth: 2, alignItems: 'center' }}>Search</label> */} {/* <label style={{ color: 'white', width: '60%', justifyContent: 'center', display: 'flex', backgroundColor: 'white', borderWidth: 2, alignItems: 'center' }}>Search</label> */}
<div style={{ width: '20%', justifyContent: 'flex-end', display: 'flex' }}> <div style={{ width: '20%', justifyContent: 'flex-end', display: 'flex' }}>
{this.state.buttonCreate && ( {this.state.buttonCreate && (
<a data-tip={'Create'} data-for="create"> <a data-tip={'Add New'} data-for="create">
<button <button
style={{ style={{
backgroundColor: 'transparent', backgroundColor: 'transparent',
cursor: 'pointer', cursor: 'pointer',
borderColor: 'transparent', borderColor: 'transparent',
margin: 5 margin: 5,
marginRight: 20
}} }}
onClick={() => this.setState({ add: true })} onClick={() => this.setState({ add: true })}
> >
......
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