Skip to content

T
Tia-dev
Commit 6983a559 authored by Rifka Kurnia Irfiana's avatar Rifka Kurnia Irfiana
Browse files
Options

ubah ui docmanag

parent 005ff046
Hide whitespace changes
Inline Side-by-side
Showing with 47 additions and 19 deletions
src/container/DocumentManagement/CreateManagementDoc.js
View file @ 6983a559
......@@ -45,7 +45,8 @@ export default class CreateManagementDoc extends Component {
fileType: '',
konfirmasi: false,
docId:'',
sizeUpload: "1"
sizeUpload: "1",
disabledPeriode: false
}
}
......@@ -72,10 +73,12 @@ export default class CreateManagementDoc extends Component {
this.setState({
sizeUpload: "1"
})
} else
this.setState({
sizeUpload: response.data.data[0].value
})
} else {
this.setState({
sizeUpload: response.data.data[0].value
})
}
// sizeUpload: response.data.data[0] ? response.data.data[0].value === undefined ? "1" : response.data.data[0].value : "1"
console.log(this.state.sizeUpload)
}
}
......@@ -235,7 +238,7 @@ export default class CreateManagementDoc extends Component {
}
validasi() {
if (String(this.props.name).includes('Manual Book TIA')){
if (this.state.disabledPeriode === true){
if (R.isNil(this.state.getPerusahaan)) {
this.setState({ errorPerusahaan: true, msgErrorPerusahaan: 'Company Cannot be Empty' })
} else if (R.isNil(this.state.getDocument)) {
......@@ -254,6 +257,12 @@ export default class CreateManagementDoc extends Component {
this.setState({ formData }, ()=> {
this.props.createDocument(this.state.formData, this.props.setting_id, this.props.name)
})
var object = {};
formData.forEach(function(value, key){
object[key] = value;
});
var json = JSON.stringify(object);
console.log(object)
}
} else {
......@@ -341,7 +350,12 @@ export default class CreateManagementDoc extends Component {
// debug
clearOnEscape
id="tipe"
onChange={(event, newInputValue) => this.setState({ getDocument: newInputValue }, () => this.clearMessage())}
onChange={(event, newInputValue) => this.setState({ getDocument: newInputValue },
() => newInputValue === null ? this.setState({ disabledPeriode: false })
: newInputValue.document_category_name === 'Manual Book TIA 4.0' ?
this.setState({ disabledPeriode: true }, () => this.clearMessage())
: this.setState({ disabledPeriode: false }, () => this.clearMessage())
)}
renderInput={(params) =>
<TextField {...params}
error={this.state.errorDocument}
......@@ -353,7 +367,8 @@ export default class CreateManagementDoc extends Component {
/>
</div>
</div>
{String(this.props.name).includes('Manual Book TIA') ? false : (
{/* {String(this.props.name).includes('Manual Book TIA') ? false : ( */}
{this.state.disabledPeriode === false ?
<div className="column-1">
<div style={{ padding: 10, borderRadius: 5 }}>
<Autocomplete
......@@ -374,8 +389,10 @@ export default class CreateManagementDoc extends Component {
/>
</div>
</div>
)}
{String(this.props.name).includes('Manual Book TIA') ? false : (
// )}
// {String(this.props.name).includes('Manual Book TIA') ? false : (
: true }
{this.state.disabledPeriode === false ?
<div className="column-2">
<div style={{ padding: 10, borderRadius: 5 }}>
<Autocomplete
......@@ -396,7 +413,8 @@ export default class CreateManagementDoc extends Component {
/>
</div>
</div>
)}
// )}
: true}
</div>
<div style={{ paddingLeft: 30, paddingRight: 30, paddingTop: 10 }}>
<UploadFile
......
src/container/DocumentManagement/EditManagementDoc.js
View file @ 6983a559
......@@ -49,7 +49,8 @@ export default class EditManagementDoc extends Component {
document_size: 0,
loadUpload: false,
sizeUpload: "1",
name: ''
name: '',
disabledPeriode: false
}
}
......@@ -379,7 +380,12 @@ export default class EditManagementDoc extends Component {
// debug
clearOnEscape
id="tipe"
onChange={(event, newInputValue) => this.setState({ getDocument: newInputValue }, () => this.clearMessage())}
onChange={(event, newInputValue) => this.setState({ getDocument: newInputValue },
() => newInputValue === null ? this.setState({ disabledPeriode: false })
: newInputValue.document_category_name === 'Manual Book TIA 4.0' ?
this.setState({ disabledPeriode: true }, () => this.clearMessage())
: this.setState({ disabledPeriode: false }, () => this.clearMessage())
)}
renderInput={(params) =>
<TextField {...params}
error={this.state.errorDocument}
......@@ -391,7 +397,8 @@ export default class EditManagementDoc extends Component {
/>
</div>
</div>
{String(this.state.name).includes('Manual Book TIA') ? false : (
{this.state.disabledPeriode === false ?
// {String(this.state.name).includes('Manual Book TIA') ? false : (
<div className="column-1">
<div style={{ padding: 10, borderRadius: 5 }}>
<Autocomplete
......@@ -412,8 +419,10 @@ export default class EditManagementDoc extends Component {
/>
</div>
</div>
)}
{String(this.state.name).includes('Manual Book TIA') ? false : (
// )}
: true }
{this.state.disabledPeriode === false ?
// {String(this.state.name).includes('Manual Book TIA') ? false : (
<div className="column-2">
<div style={{ padding: 10, borderRadius: 5 }}>
<Autocomplete
......@@ -434,7 +443,8 @@ export default class EditManagementDoc extends Component {
/>
</div>
</div>
)}
// )}
: true}
</div>
<div style={{ paddingLeft: 30, paddingRight: 30, paddingTop: 10 }}>
{this.state.loadUpload && (
......
src/library/Upload.js
View file @ 6983a559
......@@ -61,7 +61,7 @@ class Upload extends Component {
if (this.props.intent === 'management') {
if (acceptedFiles) {
if (this.props.acceptedFiles.includes(fileType)) {
if ((acceptedFiles[0].size / 1000).toFixed(0) < (this.state.sizeUpload * 1000)) {
if ((acceptedFiles[0].size / 1000).toFixed(0) < (this.props.sizeUpload * 1000)) {
this.setState({
file: acceptedFiles[0],
typeFile: fileType,
......@@ -74,7 +74,7 @@ class Upload extends Component {
})
this.props.onHandle(acceptedFiles[0])
} else {
this.setState({ alertMessage: `The file is too large. Allowed maximum size is ${this.state.sizeUpload}MB`, alert: true })
this.setState({ alertMessage: `The file is too large. Allowed maximum size is ${this.props.sizeUpload} MB`, alert: true })
// alert('File Tidak Boleh Lebih Dari 1MB')
}
} else {
......
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