Skip to content

T
Tia-dev
Commit 2255ee6e authored by Dida Adams Arizona's avatar Dida Adams Arizona
Browse files
Options

Merge branch 'didam' into 'master' 

update delete

See merge request !265
parents 816c209e e1179e48
Hide whitespace changes
Inline Side-by-side
Showing with 374 additions and 239 deletions
src/container/ApprovalMatrix/ApprovalMatrix.js
View file @ 2255ee6e
...@@ -45,6 +45,7 @@ export default class ApprovalMatrix extends Component { ...@@ -45,6 +45,7 @@ export default class ApprovalMatrix extends Component {
messageAlert: '', messageAlert: '',
btncreate: false, btncreate: false,
btnedit: false, btnedit: false,
btndelete: false,
load: false, load: false,
judul: '', judul: '',
popupDel: false, popupDel: false,
...@@ -334,6 +335,7 @@ export default class ApprovalMatrix extends Component { ...@@ -334,6 +335,7 @@ export default class ApprovalMatrix extends Component {
this.setState({ this.setState({
btncreate: response.data.data.create, btncreate: response.data.data.create,
btnedit: response.data.data.edit, btnedit: response.data.data.edit,
btndelete: response.data.data.delete,
load: true load: true
}) })
} else { } else {
...@@ -610,39 +612,41 @@ export default class ApprovalMatrix extends Component { ...@@ -610,39 +612,41 @@ export default class ApprovalMatrix extends Component {
customBodyRender: (val, tableMeta) => { customBodyRender: (val, tableMeta) => {
console.log(tableMeta) console.log(tableMeta)
return ( return (
this.state.btnedit && ( <div style={{ display: 'flex' }}>
<div style={{ display: 'flex' }}> {this.state.btnedit && <span>
<a data-tip={'Edit'} data-for="edit"> <a data-tip={'Edit'} data-for="edit">
<button <button
style={{ style={{
backgroundColor: 'transparent', backgroundColor: 'transparent',
cursor: 'pointer', cursor: 'pointer',
borderColor: 'transparent', borderColor: 'transparent',
marginRight: 15 marginRight: 15
}} }}
// onClick={() => console.log(tableMeta)} // onClick={() => console.log(tableMeta)}
onClick={() => this.openPopUp(tableMeta.rowData, 'edit')} onClick={() => this.openPopUp(tableMeta.rowData, 'edit')}
> >
<img src={Images.editCopy} /> <img src={Images.editCopy} />
</button> </button>
</a> </a>
<ReactTooltip border={true} id="edit" place="bottom" type="light" effect="solid" /> <ReactTooltip border={true} id="edit" place="bottom" type="light" effect="solid" />
</span>}
{this.state.btndelete && <span>
<a data-tip={'Delete'} data-for="delete"> <a data-tip={'Delete'} data-for="delete">
<button <button
style={{ style={{
backgroundColor: 'transparent', backgroundColor: 'transparent',
cursor: 'pointer', cursor: 'pointer',
borderColor: 'transparent', borderColor: 'transparent',
}} }}
// onClick={() => console.log(tableMeta)} // onClick={() => console.log(tableMeta)}
onClick={() => this.openPopUp(tableMeta.rowData, 'delete')} onClick={() => this.openPopUp(tableMeta.rowData, 'delete')}
> >
<img src={Images.delete} /> <img src={Images.delete} />
</button> </button>
</a> </a>
<ReactTooltip border={true} id="delete" place="bottom" type="light" effect="solid" /> <ReactTooltip border={true} id="delete" place="bottom" type="light" effect="solid" />
</div > </span>}
) </div >
); );
} }
} }
......
src/container/MasterData/Parameter/Parameter.js
View file @ 2255ee6e
...@@ -36,6 +36,7 @@ export default class Parameter extends Component { ...@@ -36,6 +36,7 @@ export default class Parameter extends Component {
messageAlert: '', messageAlert: '',
create: false, create: false,
edit: false, edit: false,
delete: false,
load: false, load: false,
judul: '' judul: ''
} }
...@@ -58,6 +59,7 @@ export default class Parameter extends Component { ...@@ -58,6 +59,7 @@ export default class Parameter extends Component {
this.setState({ this.setState({
create: response.data.data.create, create: response.data.data.create,
edit: response.data.data.edit, edit: response.data.data.edit,
delete: response.data.data.delete,
load: true load: true
}) })
} else { } else {
...@@ -682,39 +684,46 @@ export default class Parameter extends Component { ...@@ -682,39 +684,46 @@ export default class Parameter extends Component {
filter: false, filter: false,
customBodyRender: (val, tableMeta) => { customBodyRender: (val, tableMeta) => {
return ( return (
this.state.edit && ( <div style={{ display: 'flex' }}>
<div style={{ display: 'flex' }}> {this.state.edit &&
<a data-tip={'Edit'} data-for="edit"> <span>
<button <a data-tip={'Edit'} data-for="edit">
style={{ <button
backgroundColor: 'transparent', style={{
cursor: 'pointer', backgroundColor: 'transparent',
borderColor: 'transparent', cursor: 'pointer',
marginRight: 15 borderColor: 'transparent',
}} marginRight: 15
// onClick={() => console.log(tableMeta)} }}
onClick={() => this.openPopUp(tableMeta.rowData, 'edit')} // onClick={() => console.log(tableMeta)}
> onClick={() => this.openPopUp(tableMeta.rowData, 'edit')}
<img src={Images.editCopy} /> >
</button> <img src={Images.editCopy} />
</a> </button>
<ReactTooltip border={true} id="edit" place="bottom" type="light" effect="solid" /> </a>
<a data-tip={'Delete'} data-for="delete"> <ReactTooltip border={true} id="edit" place="bottom" type="light" effect="solid" />
<button </span>
style={{ }
backgroundColor: 'transparent', {this.state.delete &&
cursor: 'pointer', <span>
borderColor: 'transparent', <a data-tip={'Delete'} data-for="delete">
}} <button
// onClick={() => console.log(tableMeta)} style={{
onClick={() => this.openPopUp(tableMeta.rowData, 'delete')} backgroundColor: 'transparent',
> cursor: 'pointer',
<img src={Images.delete} /> borderColor: 'transparent',
</button> }}
</a> // onClick={() => console.log(tableMeta)}
<ReactTooltip border={true} id="delete" place="bottom" type="light" effect="solid" /> onClick={() => this.openPopUp(tableMeta.rowData, 'delete')}
</div > >
) <img src={Images.delete} />
</button>
</a>
<ReactTooltip border={true} id="delete" place="bottom" type="light" effect="solid" />
</span>
}
</div >
); );
} }
} }
......
src/container/MasterData/Perusahaan/Perusahaan.js
View file @ 2255ee6e
...@@ -49,6 +49,7 @@ export default class Perusahaan extends Component { ...@@ -49,6 +49,7 @@ export default class Perusahaan extends Component {
messageAlert: '', messageAlert: '',
create: false, create: false,
edit: false, edit: false,
delete: false,
load: false, load: false,
judul: '', judul: '',
rowData: [], rowData: [],
...@@ -281,6 +282,7 @@ export default class Perusahaan extends Component { ...@@ -281,6 +282,7 @@ export default class Perusahaan extends Component {
this.setState({ this.setState({
create: response.data.data.create, create: response.data.data.create,
edit: response.data.data.edit, edit: response.data.data.edit,
delete: response.data.data.delete,
load: true load: true
}) })
} else { } else {
...@@ -525,49 +527,55 @@ export default class Perusahaan extends Component { ...@@ -525,49 +527,55 @@ export default class Perusahaan extends Component {
sort: false, sort: false,
customBodyRender: (val, tableMeta) => { customBodyRender: (val, tableMeta) => {
return ( return (
this.state.edit && ( <div style={{ display: 'flex' }}>
<div style={{ display: 'flex' }}> {this.state.edit &&
<a data-tip={'Edit'} data-for="edit"> <span>
<button <a data-tip={'Edit'} data-for="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')}
<div style={{ display: 'flex' }}> >
{!tableMeta.rowData[2].includes("TIA") ? <div style={{ display: 'flex' }}>
<img src={Images.editCopy} /> : {!tableMeta.rowData[2].includes("TIA") ?
null <img src={Images.editCopy} /> :
} null
</div > }
</button> </div >
</a> </button>
<ReactTooltip border={true} id="edit" place="bottom" type="light" effect="solid" /> </a>
<a data-tip={'Delete'} data-for="delete"> <ReactTooltip border={true} id="edit" place="bottom" type="light" effect="solid" />
<button </span>
style={{ }
backgroundColor: 'transparent', {this.state.delete &&
cursor: 'pointer', <span>
borderColor: 'transparent', <a data-tip={'Delete'} data-for="delete">
marginLeft: 10 <button
}} style={{
// onClick={() => this.setState({ visibleEdit: true, data: tableMeta.rowData })} backgroundColor: 'transparent',
onClick={() => this.openPopUp(tableMeta.rowData, 'delete')} cursor: 'pointer',
> borderColor: 'transparent',
<div style={{ display: 'flex' }}> marginLeft: 10
{!tableMeta.rowData[2].includes("TIA") ? }}
<img src={Images.delete} /> : // onClick={() => this.setState({ visibleEdit: true, data: tableMeta.rowData })}
null onClick={() => this.openPopUp(tableMeta.rowData, 'delete')}
} >
</div > <div style={{ display: 'flex' }}>
</button> {!tableMeta.rowData[2].includes("TIA") ?
</a> <img src={Images.delete} /> :
<ReactTooltip border={true} id="delete" place="bottom" type="light" effect="solid" /> null
</div> }
) </div >
</button>
</a>
<ReactTooltip border={true} id="delete" place="bottom" type="light" effect="solid" />
</span>
}
</div>
); );
} }
} }
......
src/container/MasterData/ReportItems.js
View file @ 2255ee6e
...@@ -44,6 +44,7 @@ export default class ReportItems extends Component { ...@@ -44,6 +44,7 @@ export default class ReportItems extends Component {
messageAlert: '', messageAlert: '',
buttonCreate: false, buttonCreate: false,
buttonEdit: false, buttonEdit: false,
buttonDelete: false,
load: false, load: false,
judul: '', judul: '',
reportNameDelete: '', reportNameDelete: '',
...@@ -585,6 +586,7 @@ export default class ReportItems extends Component { ...@@ -585,6 +586,7 @@ export default class ReportItems extends Component {
this.setState({ this.setState({
buttonCreate: response.data.data.create, buttonCreate: response.data.data.create,
buttonEdit: response.data.data.edit, buttonEdit: response.data.data.edit,
buttonDelete: response.data.data.delete,
load: true load: true
}) })
} else { } else {
...@@ -829,39 +831,45 @@ export default class ReportItems extends Component { ...@@ -829,39 +831,45 @@ export default class ReportItems extends Component {
sort: false, sort: false,
customBodyRender: (val, tableMeta) => { customBodyRender: (val, tableMeta) => {
return ( return (
this.state.buttonEdit && ( <div style={{ display: 'flex' }}>
<div style={{ display: 'flex' }}> {this.state.buttonEdit &&
<a data-tip={'Edit'} data-for="edit"> <span>
<button <a data-tip={'Edit'} data-for="edit">
style={{ <button
backgroundColor: 'transparent', style={{
cursor: 'pointer', backgroundColor: 'transparent',
borderColor: 'transparent' cursor: 'pointer',
}} borderColor: 'transparent'
onClick={() => this.openPopUp(tableMeta.rowData, 'edit')} }}
onClick={() => this.openPopUp(tableMeta.rowData, 'edit')}
> >
<img src={Images.editCopy} /> <img src={Images.editCopy} />
</button> </button>
</a> </a>
<ReactTooltip border={true} id="edit" place="bottom" type="light" effect="solid" /> <ReactTooltip border={true} id="edit" place="bottom" type="light" effect="solid" />
<a data-tip={'Delete'} data-for="delete"> </span>
<button }
style={{ {this.state.buttonDelete &&
backgroundColor: 'transparent', <span>
cursor: 'pointer', <a data-tip={'Delete'} data-for="delete">
borderColor: 'transparent', <button
marginLeft: 15 style={{
}} backgroundColor: 'transparent',
// onClick={() => console.log(tableMeta)} cursor: 'pointer',
onClick={() => this.openPopUp(tableMeta.rowData, 'delete')} borderColor: 'transparent',
> marginLeft: 15
<img src={Images.delete} /> }}
</button> // onClick={() => console.log(tableMeta)}
</a> onClick={() => this.openPopUp(tableMeta.rowData, 'delete')}
<ReactTooltip border={true} id="delete" place="bottom" type="light" effect="solid" /> >
</div > <img src={Images.delete} />
) </button>
</a>
<ReactTooltip border={true} id="delete" place="bottom" type="light" effect="solid" />
</span>
}
</div >
); );
} }
} }
......
src/container/MasterData/UnitBisnis.js
View file @ 2255ee6e
...@@ -45,6 +45,7 @@ export default class UnitBisnis extends Component { ...@@ -45,6 +45,7 @@ export default class UnitBisnis extends Component {
messageAlert: '', messageAlert: '',
create: false, create: false,
edit: false, edit: false,
delete: false,
load: false, load: false,
judul: '', judul: '',
rowData: [], rowData: [],
...@@ -228,6 +229,7 @@ export default class UnitBisnis extends Component { ...@@ -228,6 +229,7 @@ export default class UnitBisnis extends Component {
this.setState({ this.setState({
create: response.data.data.create, create: response.data.data.create,
edit: response.data.data.edit, edit: response.data.data.edit,
delete: response.data.data.delete,
load: true load: true
}) })
} else { } else {
...@@ -477,39 +479,45 @@ export default class UnitBisnis extends Component { ...@@ -477,39 +479,45 @@ export default class UnitBisnis extends Component {
sort: false, sort: false,
customBodyRender: (val, tableMeta) => { customBodyRender: (val, tableMeta) => {
return ( return (
this.state.edit && ( <div style={{ display: 'flex' }}>
<div style={{ display: 'flex' }}> {this.state.edit &&
<a data-tip={'Edit'} data-for="edit"> <span>
<button <a data-tip={'Edit'} data-for="edit">
style={{ <button
backgroundColor: 'transparent', style={{
cursor: 'pointer', backgroundColor: 'transparent',
borderColor: 'transparent', cursor: 'pointer',
marginRight: 15 borderColor: 'transparent',
}} marginRight: 15
// onClick={() => console.log(tableMeta)} }}
onClick={() => this.openPopUp(tableMeta.rowData, 'edit')} // onClick={() => console.log(tableMeta)}
> onClick={() => this.openPopUp(tableMeta.rowData, 'edit')}
<img src={Images.editCopy} /> >
</button> <img src={Images.editCopy} />
</a> </button>
<ReactTooltip border={true} id="edit" place="bottom" type="light" effect="solid" /> </a>
<a data-tip={'Delete'} data-for="delete"> <ReactTooltip border={true} id="edit" place="bottom" type="light" effect="solid" />
<button </span>
style={{ }
backgroundColor: 'transparent', {this.state.delete &&
cursor: 'pointer', <span>
borderColor: 'transparent', <a data-tip={'Delete'} data-for="delete">
}} <button
// onClick={() => console.log(tableMeta)} style={{
onClick={() => this.openPopUp(tableMeta.rowData, 'delete')} backgroundColor: 'transparent',
> cursor: 'pointer',
<img src={Images.delete} /> borderColor: 'transparent',
</button> }}
</a> // onClick={() => console.log(tableMeta)}
<ReactTooltip border={true} id="delete" place="bottom" type="light" effect="solid" /> onClick={() => this.openPopUp(tableMeta.rowData, 'delete')}
</div > >
) <img src={Images.delete} />
</button>
</a>
<ReactTooltip border={true} id="delete" place="bottom" type="light" effect="solid" />
</span>
}
</div >
); );
} }
} }
......
src/container/Otorisasi/User.js
View file @ 2255ee6e
...@@ -184,7 +184,27 @@ export default class UserRole extends Component { ...@@ -184,7 +184,27 @@ export default class UserRole extends Component {
let data = this.state.rowData let data = this.state.rowData
api.create().deleteUser(data[1]).then((response) => { api.create().deleteUser(data[1]).then((response) => {
this.setState({popupDel: false}) this.setState({popupDel: false})
this.getUser() if (response.data) {
if (response.ok) {
if (response.data.status == 'success') {
this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'success' })
} else {
this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
if (response.data.message.includes("Someone Logged In")) {
setTimeout(() => {
localStorage.removeItem(Constant.TOKEN)
window.location.reload();
}, 1000);
}
})
}
} else {
this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
}
} else {
this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error' })
}
this.getUser()
}) })
} }
...@@ -516,30 +536,40 @@ export default class UserRole extends Component { ...@@ -516,30 +536,40 @@ export default class UserRole extends Component {
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{/* {tableMeta.rowData[6] === "Active" ? */} {/* {tableMeta.rowData[6] === "Active" ? */}
{this.state.buttonEdit && ( {this.state.buttonEdit && (
<button <span>
style={{ <a data-tip={'Edit'} data-for="edit">
backgroundColor: 'transparent', <button
cursor: 'pointer', style={{
borderColor: 'transparent', backgroundColor: 'transparent',
}} cursor: 'pointer',
// onClick={() => console.log(tableMeta.rowData[1])} borderColor: 'transparent',
onClick={() => this.setState({ edit: true, indexData: tableMeta.rowData[1] })} }}
> // onClick={() => console.log(tableMeta.rowData[1])}
<img src={Images.editCopy} /> onClick={() => this.setState({ edit: true, indexData: tableMeta.rowData[1] })}
</button> >
<img src={Images.editCopy} />
</button>
</a>
<ReactTooltip border={true} id="edit" place="bottom" type="light" effect="solid" />
</span>
)} )}
{this.state.buttonDelete && ( {this.state.buttonDelete && (
<button <span>
style={{ <a data-tip={'Delete'} data-for="delete">
backgroundColor: 'transparent', <button
cursor: 'pointer', style={{
borderColor: 'transparent', backgroundColor: 'transparent',
marginLeft: 10 cursor: 'pointer',
}} borderColor: 'transparent',
onClick={() => this.setState({popupDel: true, rowData: tableMeta.rowData})} marginLeft: 10
> }}
<img src={Images.delete} /> onClick={() => this.setState({popupDel: true, rowData: tableMeta.rowData})}
</button> >
<img src={Images.delete} />
</button>
</a>
<ReactTooltip border={true} id="delete" place="bottom" type="light" effect="solid" />
</span>
)} )}
{/* : {/* :
null null
...@@ -809,35 +839,69 @@ export default class UserRole extends Component { ...@@ -809,35 +839,69 @@ export default class UserRole extends Component {
)} )}
{this.state.popupDel && ( {this.state.popupDel && (
<div className="test app-popup-show"> <div className="test app-popup-show">
<div className="popup-content background-white border-radius" style={{ borderRadius: 8, padding: 50 }}> <div className="popup-content background-white border-radius" style={{ borderRadius: 8 }}>
<div style={{ display: 'flex', justifyContent: 'center' }}> <div style={{ display: 'flex', justifyContent: 'center', paddingTop: 20 }}>
<img src={Images.failed} /> <img src={Images.failed} />
</div> </div>
<div style={{ display: 'grid', justifyContent: 'center', marginTop: 20 }}> <div style={{ display: 'grid', justifyContent: 'center', marginTop: 20, paddingBottom: 20 }}>
<span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}> <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold', fontFamily: 'Nunito Sans, sans-serif' }}>
Delete {titleCase(this.state.rowData[2])} ? Delete {titleCase(this.state.rowData[2])} ?
</span> </span>
{/* <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}> </div>
{`Please try again later.`} <div className="border-top grid grid-2x" style={{ height: 56, backgroundColor: '#f5f5f5', paddingLeft: 20, paddingRight: 20 }}>
</span> */} <div className="column-1" style={{ alignSelf: 'center' }}>
</div> <button
<div style={{ display: 'flex', justifyContent: 'center', marginTop: 24 }}> type="button"
<button onClick={()=> this.setState({popupDel: false})}
className={"btn-save"} >
onClick={()=> this.setState({popupDel: false})} <div style={{ width: 102, height: 30, border: 'solid 1px #354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center' }}>
> <span style={{ color: '#354960', fontSize: 11 }}>Cancel</span>
<span style={{ color: 'white' }}>Cancel</span> </div>
</button> </button>
<button </div>
className={"btn-save"} <div className="column-2" style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center' }}>
style={{ marginLeft: 50}} <button
onClick={()=> this.deleteUser()} type="button"
> onClick={()=> this.deleteUser()}
<span style={{ color: 'white' }}>Delete</span> >
</button> <div style={{ width: 102, height: 30, backgroundColor: '#354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center' }}>
<span style={{ color: '#fff', fontSize: 11 }}>Delete</span>
</div>
</button>
</div>
</div>
</div> </div>
</div>
</div> </div>
// <div className="test app-popup-show">
// <div className="popup-content background-white border-radius" style={{ borderRadius: 8, padding: 50 }}>
// <div style={{ display: 'flex', justifyContent: 'center' }}>
// <img src={Images.failed} />
// </div>
// <div style={{ display: 'grid', justifyContent: 'center', marginTop: 20 }}>
// <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}>
// Delete {titleCase(this.state.rowData[2])} ?
// </span>
// {/* <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}>
// {`Please try again later.`}
// </span> */}
// </div>
// <div style={{ display: 'flex', justifyContent: 'center', marginTop: 24 }}>
// <button
// className={"btn-save"}
// onClick={()=> this.setState({popupDel: false})}
// >
// <span style={{ color: 'white' }}>Cancel</span>
// </button>
// <button
// className={"btn-save"}
// style={{ marginLeft: 50}}
// onClick={()=> this.deleteUser()}
// >
// <span style={{ color: 'white' }}>Delete</span>
// </button>
// </div>
// </div>
// </div>
)} )}
{this.state.popupError && ( {this.state.popupError && (
<PopUpFailedSave onClickClose={() => this.setState({ popupError: false })} /> <PopUpFailedSave onClickClose={() => this.setState({ popupError: false })} />
......
src/container/Otorisasi/UserRole.js
View file @ 2255ee6e
...@@ -363,35 +363,69 @@ class UserRole extends Component { ...@@ -363,35 +363,69 @@ class UserRole extends Component {
)} )}
{this.state.popupDel && ( {this.state.popupDel && (
<div className="test app-popup-show"> <div className="test app-popup-show">
<div className="popup-content background-white border-radius" style={{ borderRadius: 8, padding: 50 }}> <div className="popup-content background-white border-radius" style={{ borderRadius: 8 }}>
<div style={{ display: 'flex', justifyContent: 'center' }}> <div style={{ display: 'flex', justifyContent: 'center', paddingTop: 20 }}>
<img src={Images.failed} /> <img src={Images.failed} />
</div>
<div style={{ display: 'grid', justifyContent: 'center', marginTop: 20, paddingBottom: 20 }}>
<span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold', fontFamily: 'Nunito Sans, sans-serif' }}>
Delete {titleCase(this.state.rowData[2])} ?
</span>
</div>
<div className="border-top grid grid-2x" style={{ height: 56, backgroundColor: '#f5f5f5', paddingLeft: 20, paddingRight: 20 }}>
<div className="column-1" style={{ alignSelf: 'center' }}>
<button
type="button"
onClick={()=> this.setState({popupDel: false})}
>
<div style={{ width: 102, height: 30, border: 'solid 1px #354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center' }}>
<span style={{ color: '#354960', fontSize: 11 }}>Cancel</span>
</div>
</button>
</div>
<div className="column-2" style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center' }}>
<button
type="button"
onClick={()=> this.deleteRole()}
>
<div style={{ width: 102, height: 30, backgroundColor: '#354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center' }}>
<span style={{ color: '#fff', fontSize: 11 }}>Delete</span>
</div>
</button>
</div>
</div>
</div> </div>
<div style={{ display: 'grid', justifyContent: 'center', marginTop: 20 }}>
<span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}>
Delete {titleCase(this.state.rowData[2])} ?
</span>
{/* <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}>
{`Please try again later.`}
</span> */}
</div>
<div style={{ display: 'flex', justifyContent: 'center', marginTop: 24 }}>
<button
className={"btn-save"}
onClick={()=> this.setState({popupDel: false})}
>
<span style={{ color: 'white' }}>Cancel</span>
</button>
<button
className={"btn-save"}
style={{ marginLeft: 50}}
onClick={()=> this.deleteRole()}
>
<span style={{ color: 'white' }}>Delete</span>
</button>
</div>
</div>
</div> </div>
// <div className="test app-popup-show">
// <div className="popup-content background-white border-radius" style={{ borderRadius: 8, padding: 50 }}>
// <div style={{ display: 'flex', justifyContent: 'center' }}>
// <img src={Images.failed} />
// </div>
// <div style={{ display: 'grid', justifyContent: 'center', marginTop: 20 }}>
// <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}>
// Delete {titleCase(this.state.rowData[2])} ?
// </span>
// {/* <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}>
// {`Please try again later.`}
// </span> */}
// </div>
// <div style={{ display: 'flex', justifyContent: 'center', marginTop: 24 }}>
// <button
// className={"btn-save"}
// onClick={()=> this.setState({popupDel: false})}
// >
// <span style={{ color: 'white' }}>Cancel</span>
// </button>
// <button
// className={"btn-save"}
// style={{ marginLeft: 50}}
// onClick={()=> this.deleteRole()}
// >
// <span style={{ color: 'white' }}>Delete</span>
// </button>
// </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