Skip to content

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

Merge branch 'didam' into 'master' 

Didam

See merge request !977
parents 21a26477 56894852
Hide whitespace changes
Inline Side-by-side
Showing with 25 additions and 11 deletions
src/container/HomePage.js
View file @ 92769d24
......@@ -8,6 +8,7 @@ import api from '../api';
import { Link } from 'react-router-dom';
import { PropagateLoader } from 'react-spinners';
import { titleCase } from '../library/Utils';
import { format } from 'date-fns';
var ct = require("../library/CustomTable");
const getMuiTheme = () => createMuiTheme(ct.customTable());
......@@ -216,7 +217,7 @@ class HomePage extends Component {
return (
<div style={{ display: 'flex' }}>
<Link to={{
pathname: this.state.isApproverMB ? `/home/master-budget/` : `/home/monthly-report/`,
pathname: String(tableMeta.rowData[3]).toLocaleLowerCase().includes("master") ? `/home/master-budget/` : `/home/monthly-report/`,
state: {
userType: 'approver',
rawData: this.state.rawData[tableMeta.rowIndex]
......@@ -297,8 +298,7 @@ class HomePage extends Component {
/>
</div>
);
let bulan = new Date().toLocaleString('default', { month: 'long'})
let bulan = format(new Date(), 'MMM')
let tahun = new Date().getFullYear()
return (
<div style={{ flex: 1, backgroundColor: '#f8f8f8', minHeight: this.props.height }}>
......@@ -520,7 +520,7 @@ class HomePage extends Component {
{/* : this.state.isApproverMRList === true || this.state.isApprover === false ? */}
<div style={{ flex: 1, padding: 20, width: '100%' }}>
<Paper style={{ width: 450, padding: 20, borderRadius: 10 }}>
<Typography style={{ fontWeight: 'bold', textDecorationLine: 'underline' }}>{`Monthly Report ${this.state.valueSubmitMR}/${this.state.listSubcoMR.length} - ${bulan} ${tahun}`}</Typography>
<Typography style={{ fontWeight: 'bold', textDecorationLine: 'underline' }}>{`Monthly Report - ${bulan} ${tahun} ${this.state.valueSubmitMR}/${this.state.listSubcoMR.length}`}</Typography>
{this.state.listSubcoMR.map((item, index) => {
return (
<div style={{ display: 'flex', justifyContent: 'space-between', marginTop: 10, paddingLeft: 10 }}>
......
src/container/MonthlyReport.js
View file @ 92769d24
......@@ -68,7 +68,8 @@ export default class MonthlyReport extends Component {
listStatus: [],
selectedStatus: [],
detailRevisiCheck: [],
isApprovedMB: false
isApprovedMB: false,
textRevision: ''
}
this.myRef = React.createRef()
this.fileHandler = this.fileHandler.bind(this);
......@@ -107,10 +108,21 @@ export default class MonthlyReport extends Component {
}
componentDidMount() {
this.getPermission()
// this.getPermission()
this.setState({ loading: true })
this.props.selectIndex('Monthly Report')
if (this.props.location.state !== undefined) {
// console.log(this.props);
this.setState({ userType: this.props.location.state.userType, intent: 'Home', lastPeriod: this.props.location.state.rawData.periode, rawData: this.props.location.state.rawData }, () => {
this.getPermission()
})
} else {
this.getPermission()
}
// console.log(this.props)
// this.getCompanyActive()
// this.getCompanySubmitted()
// console.log(a)
}
getChecApprover() {
......@@ -581,7 +593,8 @@ export default class MonthlyReport extends Component {
lastRevision: response.data.data.last_revision,
btnApprove: response.data.data.is_submit,
monthlyReportId: response.data.data ? response.data.data.monthly_report_id : null,
isApprovedMB: response.data.data.is_approved_master_budget
isApprovedMB: response.data.data.is_approved_master_budget,
textRevision: response.data.data.text_revision
}, () => {
// // console.log(this.state.lastStatus);
this.historyApproval()
......@@ -1370,6 +1383,7 @@ export default class MonthlyReport extends Component {
style={{ width: 250 }}
onChange={(event, newInputValue) => {
this.setState({selectedStatus: newInputValue}, () => {
console.log(newInputValue);
this.getCompanySubmitted()
})
}}
......@@ -1433,7 +1447,7 @@ export default class MonthlyReport extends Component {
<div style={{ width: '50%' }}>
<Typography style={{ fontSize: '16px', color: '#4b4b4b', fontWeight: 'bold' }}>Attachment: </Typography>
</div>
{!this.state.approverTrue && (this.state.lastStatus === 'SUBMIT' || this.state.lastStatus === 'REVISION') && (
{!this.state.checkApprover && (this.state.lastStatus === 'SUBMIT' || this.state.lastStatus === 'REVISION') && (
<div style={{ width: '50%' }}>
<button
style={{
......@@ -1479,7 +1493,7 @@ export default class MonthlyReport extends Component {
: null
}
</div>
{!this.state.approverTrue && (this.state.lastStatus === 'SUBMIT' || this.state.lastStatus === 'REVISION') && (
{!this.state.checkApprover && (this.state.lastStatus === 'SUBMIT' || this.state.lastStatus === 'REVISION') && (
<div style={{ width: '50%' }}>
{
this.state.listAttachment.length > 0 ?
......@@ -1534,7 +1548,7 @@ export default class MonthlyReport extends Component {
</div> :
this.state.lastStatus === 'REVISION' ?
<div style={{ width: '100%', padding: '10px 20px', backgroundColor: 'yellow', textAlign: 'center', marginTop: 20 }}>
<span>NEED REVISION</span>
<span>{this.state.textRevision}</span>
</div> :
this.state.lastStatus === 'APPROVED' ?
<div style={{ width: '100%', padding: '10px 20px', backgroundColor: 'yellow', textAlign: 'center', marginTop: 20 }}>
......@@ -1587,7 +1601,7 @@ export default class MonthlyReport extends Component {
</div>
</div>
:
this.state.approverTrue?
this.state.checkApprover?
this.state.lastStatus === 'WAITING FOR REVIEW' ?
<div style={{ borderTop: 'solid 1px #c4c4c4', padding: 10, backgroundColor: '#f5f5f5', width: '100%', display: 'flex', justifyContent: 'flex-end' }} >
<button
......
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