Skip to content

T
Tia-dev
Commit 26ab9b2a authored by EKSAD's avatar EKSAD
Browse files
Options

apdet

parent 4db33235
Hide whitespace changes
Inline Side-by-side
Showing with 42 additions and 39 deletions
src/container/Otorisasi/UserRole.js
View file @ 26ab9b2a
...@@ -232,46 +232,49 @@ class UserRole extends Component { ...@@ -232,46 +232,49 @@ class UserRole extends Component {
</Alert> </Alert>
</Snackbar> </Snackbar>
<div> <div>
<div style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', paddingRight: 25, paddingLeft: 25, marginTop: -118 }}> {this.state.load && (
<label style={{ color: 'white', fontSize: 16, alignSelf: 'center', width: '20%', }}>Master Data - Role & Authorization</label>
<div style={{ color: 'white', width: '50%', height: 37, display: 'flex', backgroundColor: 'white', borderWidth: 2, alignItems: 'center', borderRadius: 6, paddingLeft: 5, paddingRight: 5, alignSelf: 'center' }}> <div style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', paddingRight: 25, paddingLeft: 25, marginTop: -118 }}>
<img src={Images.searchBlack} style={{ marginRight: 10 }} /> <label style={{ color: 'white', fontSize: 16, alignSelf: 'center', width: '20%', }}>Master Data - Role & Authorization</label>
<InputBase <div style={{ color: 'white', width: '50%', height: 37, display: 'flex', backgroundColor: 'white', borderWidth: 2, alignItems: 'center', borderRadius: 6, paddingLeft: 5, paddingRight: 5, alignSelf: 'center' }}>
style={{ width: '100%' }} <img src={Images.searchBlack} style={{ marginRight: 10 }} />
placeholder="Search" <InputBase
value={this.state.search} style={{ width: '100%' }}
onChange={(e) => { placeholder="Search"
this.setState({ search: e.target.value }, () => { value={this.state.search}
if (this.state.search.length > 0) { onChange={(e) => {
this.searchRole() this.setState({ search: e.target.value }, () => {
} else { if (this.state.search.length > 0) {
this.getRole() this.searchRole()
} } else {
}); this.getRole()
}} }
inputProps={{ 'aria-label': 'naked' }} });
/> }}
</div> inputProps={{ 'aria-label': 'naked' }}
{/* <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>
{this.state.buttonCreate && ( {/* <label style={{ color: 'white', width: '60%', justifyContent: 'center', display: 'flex', backgroundColor: 'white', borderWidth: 2, alignItems: 'center' }}>Search</label> */}
<a data-tip={'Create'} data-for="create"> <div style={{ width: '20%', justifyContent: 'flex-end', display: 'flex' }}>
<button {this.state.buttonCreate && (
style={{ <a data-tip={'Create'} data-for="create">
backgroundColor: 'transparent', <button
cursor: 'pointer', style={{
borderColor: 'transparent', backgroundColor: 'transparent',
margin: 5 cursor: 'pointer',
}} borderColor: 'transparent',
onClick={() => this.setState({ add: true })} margin: 5
> }}
<img src={Images.add} /> onClick={() => this.setState({ add: true })}
</button> >
</a> <img src={Images.add} />
)} </button>
<ReactTooltip border={true} id="create" place="bottom" type="light" effect="solid" /> </a>
)}
<ReactTooltip border={true} id="create" place="bottom" type="light" effect="solid" />
</div>
</div> </div>
</div> )}
<div style={{ padding: 25 }}> <div style={{ padding: 25 }}>
<MuiThemeProvider theme={getMuiTheme()}> <MuiThemeProvider theme={getMuiTheme()}>
<MUIDataTable <MUIDataTable
......
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