Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
T
Tia-dev
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Dida Adams Arizona
Tia-dev
Commits
e2edebad
Commit
e2edebad
authored
Jan 04, 2021
by
d.arizona
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
apdet yuk
parent
902c91fd
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
276 additions
and
120 deletions
+276
-120
BalanceSheetMR.js
src/container/MonthlyReport/BalanceSheetMR.js
+30
-20
FixedAssetsMovementMR.js
src/container/MonthlyReport/FixedAssetsMovementMR.js
+7
-6
ListOfCreditFacilities.js
src/container/MonthlyReport/ListOfCreditFacilities.js
+239
-94
No files found.
src/container/MonthlyReport/BalanceSheetMR.js
View file @
e2edebad
...
...
@@ -585,7 +585,7 @@ export default class BalanceSheetMR extends Component {
if
(
response
.
data
.
data
.
result
&&
err
===
false
&&
errorContrl
===
false
)
{
this
.
setState
({
loading
:
false
,
buttonError
:
false
,
editable
:
false
,
saveDraft
:
false
})
}
else
{
this
.
setState
({
loading
:
false
,
buttonError
:
true
,
editable
:
true
,
saveDraft
:
tru
e
})
this
.
setState
({
loading
:
false
,
buttonError
:
true
,
editable
:
true
,
saveDraft
:
fals
e
})
}
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
,
loading
:
false
},
()
=>
{
...
...
@@ -734,7 +734,7 @@ export default class BalanceSheetMR extends Component {
}
}
else
{
let
data
=
tableMeta
.
rowData
[
20
]
==
null
?
[]
:
tableMeta
.
rowData
[
20
]
let
indexID
=
data
.
findIndex
((
val
)
=>
val
.
item_formula
==
String
(
`
${
item
}
`
))
let
indexID
=
data
.
findIndex
((
val
)
=>
val
.
item_formula
==
String
(
`
@
${
item
}
`
))
if
(
indexID
!==
-
1
)
{
// console.log(tableMeta)
let
valuezz
=
data
[
indexID
].
value
...
...
@@ -746,14 +746,18 @@ export default class BalanceSheetMR extends Component {
let
tst
=
String
(
item
).
replace
(
'[M-1]'
,
''
)
let
indexID
=
dataTable2
.
findIndex
((
val
)
=>
val
[
21
]
==
tst
)
if
(
indexID
!==
-
1
)
{
let
valuezz
=
dataTable2
[
indexID
][
9
]
anjay
.
push
(
valuezz
==
""
?
0
:
valuezz
)
let
valuezz
=
dataTable2
[
indexID
][
10
]
if
(
item
==
dataTable2
[
tableMeta
.
rowIndex
][
21
])
{
anjay
.
push
(
0
)
}
else
{
anjay
.
push
(
valuezz
==
""
?
0
:
valuezz
)
}
}
}
else
{
let
indexID
=
dataTable2
.
findIndex
((
val
)
=>
val
[
21
]
==
item
)
if
(
indexID
!==
-
1
)
{
let
valuezz
=
dataTable2
[
indexID
][
colIdx
]
if
(
item
==
dataTable2
[
tableMeta
.
rowIndex
][
2
4
])
{
if
(
item
==
dataTable2
[
tableMeta
.
rowIndex
][
2
1
])
{
anjay
.
push
(
0
)
}
else
{
anjay
.
push
(
valuezz
==
""
?
0
:
valuezz
)
...
...
@@ -2054,16 +2058,17 @@ export default class BalanceSheetMR extends Component {
<
LightTooltip
title
=
{
"MTD Explanation vs Prev Month is Reqiured"
}
arrow
>
<
Input
disableUnderline
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'
righ
t'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
style
=
{{
fontSize
:
12
,
textAlign
:
'
lef
t'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
disabled
=
{
this
.
props
.
isApprover
?
true
:
(
this
.
state
.
get_for
==
'view'
?
true
:
false
)}
// disabled={false}
multiline
=
{
true
}
defaultValue
=
{
tableMeta
.
rowData
[
17
]}
inputProps
=
{{
style
:
{
color
:
"#5198ea"
,
textAlign
:
'
righ
t'
,
textAlign
:
'
lef
t'
,
backgroundColor
:
'#ffac99'
}
}}
...
...
@@ -2111,16 +2116,17 @@ export default class BalanceSheetMR extends Component {
// :
<
Input
disableUnderline
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'
righ
t'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
style
=
{{
fontSize
:
12
,
textAlign
:
'
lef
t'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
// disabled={Number(tableMeta.rowData[12]) < this.state.minValue || Number(tableMeta.rowData[12]) > this.state.maxValue ? false : true}
disabled
=
{
this
.
props
.
isApprover
?
true
:
(
this
.
state
.
get_for
==
'view'
?
true
:
false
)}
multiline
=
{
true
}
defaultValue
=
{
tableMeta
.
rowData
[
17
]}
inputProps
=
{{
style
:
{
color
:
Number
(
tableMeta
.
rowData
[
12
])
<
this
.
state
.
minValue
||
Number
(
tableMeta
.
rowData
[
12
])
>
this
.
state
.
maxValue
?
"#5198ea"
:
'#5198ea'
,
textAlign
:
'
righ
t'
textAlign
:
'
lef
t'
}
}}
onBlur
=
{(
event
)
=>
{
...
...
@@ -2147,16 +2153,17 @@ export default class BalanceSheetMR extends Component {
<
LightTooltip
title
=
{
"MTD Explanation vs MB is Reqiured"
}
arrow
>
<
Input
disableUnderline
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'
righ
t'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
style
=
{{
fontSize
:
12
,
textAlign
:
'
lef
t'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
multiline
=
{
true
}
// disabled={false}
disabled
=
{
this
.
props
.
isApprover
?
true
:
(
this
.
state
.
get_for
==
'view'
?
true
:
false
)}
defaultValue
=
{
tableMeta
.
rowData
[
18
]}
inputProps
=
{{
style
:
{
color
:
"#5198ea"
,
textAlign
:
'
righ
t'
,
textAlign
:
'
lef
t'
,
backgroundColor
:
'#ffac99'
}
}}
...
...
@@ -2204,8 +2211,9 @@ export default class BalanceSheetMR extends Component {
// :
<
Input
disableUnderline
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'
righ
t'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
style
=
{{
fontSize
:
12
,
textAlign
:
'
lef
t'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
multiline
=
{
true
}
placeholder
=
""
// disabled={Number(tableMeta.rowData[14]) < this.state.minValue || Number(tableMeta.rowData[14]) > this.state.maxValue ? false : true}
disabled
=
{
this
.
props
.
isApprover
?
true
:
(
this
.
state
.
get_for
==
'view'
?
true
:
false
)}
...
...
@@ -2213,7 +2221,7 @@ export default class BalanceSheetMR extends Component {
inputProps
=
{{
style
:
{
color
:
Number
(
tableMeta
.
rowData
[
14
])
<
this
.
state
.
minValue
||
Number
(
tableMeta
.
rowData
[
14
])
>
this
.
state
.
maxValue
?
"#5198ea"
:
'#5198ea'
,
textAlign
:
'
righ
t'
textAlign
:
'
lef
t'
}
}}
onBlur
=
{(
event
)
=>
{
...
...
@@ -2240,8 +2248,9 @@ export default class BalanceSheetMR extends Component {
<
LightTooltip
title
=
{
"MTD Explanation vs RB is Reqiured"
}
arrow
>
<
Input
disableUnderline
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'
righ
t'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
style
=
{{
fontSize
:
12
,
textAlign
:
'
lef
t'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
multiline
=
{
true
}
placeholder
=
""
// disabled={false}
disabled
=
{
this
.
props
.
isApprover
?
true
:
(
this
.
state
.
get_for
==
'view'
?
true
:
false
)}
...
...
@@ -2249,7 +2258,7 @@ export default class BalanceSheetMR extends Component {
inputProps
=
{{
style
:
{
color
:
"#5198ea"
,
textAlign
:
'
righ
t'
,
textAlign
:
'
lef
t'
,
backgroundColor
:
'#ffac99'
}
}}
...
...
@@ -2297,8 +2306,9 @@ export default class BalanceSheetMR extends Component {
// :
<
Input
disableUnderline
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'
righ
t'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
style
=
{{
fontSize
:
12
,
textAlign
:
'
lef
t'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
multiline
=
{
true
}
placeholder
=
""
// disabled={Number(tableMeta.rowData[16]) < this.state.minValue || Number(tableMeta.rowData[16]) > this.state.maxValue ? false : true}
disabled
=
{
this
.
props
.
isApprover
?
true
:
(
this
.
state
.
get_for
==
'view'
?
true
:
false
)}
...
...
@@ -2306,7 +2316,7 @@ export default class BalanceSheetMR extends Component {
inputProps
=
{{
style
:
{
color
:
Number
(
tableMeta
.
rowData
[
16
])
<
this
.
state
.
minValue
||
Number
(
tableMeta
.
rowData
[
16
])
>
this
.
state
.
maxValue
?
"#5198ea"
:
'#5198ea'
,
textAlign
:
'
righ
t'
textAlign
:
'
lef
t'
}
}}
onBlur
=
{(
event
)
=>
{
...
...
@@ -2583,9 +2593,9 @@ export default class BalanceSheetMR extends Component {
marginRight
:
20
}}
onClick
=
{()
=>
//
this.state.saveDraft ?
//
this.setState({ alert: true, messageAlert: 'Data Incomplete !', tipeAlert: 'error' })
//
:
this
.
state
.
saveDraft
?
this
.
setState
({
alert
:
true
,
messageAlert
:
'Data Incomplete !'
,
tipeAlert
:
'error'
})
:
this
.
state
.
handleTekTekTek
==
1
?
null
:
this
.
setState
({
handleTekTekTek
:
1
,
loading
:
true
},
()
=>
{
this
.
backToMonthlyReport
(
'draft'
)
...
...
src/container/MonthlyReport/FixedAssetsMovementMR.js
View file @
e2edebad
...
...
@@ -627,7 +627,8 @@ export default class FixedAssetsMovementMR extends Component {
}
const
handleChange
=
(
value
,
tableMeta
,
type
)
=>
{
dataTable2
[
tableMeta
.
rowIndex
][
type
]
=
value
let
val
=
String
(
value
).
split
(
","
).
join
(
""
)
dataTable2
[
tableMeta
.
rowIndex
][
type
]
=
val
// console.log(dataTable2)
// console.log(dataTable2[tableMeta.rowIndex][type]);
// console.log(value);
...
...
@@ -696,7 +697,7 @@ export default class FixedAssetsMovementMR extends Component {
dataTable2
[
tableMeta
.
rowIndex
][
tableMeta
.
columnIndex
+
type
]
=
Number
(
total
).
toFixed
(
1
)
// console.log(total);
}
return
total
return
total
*
100
}
let
columns
=
[
...
...
@@ -885,7 +886,7 @@ export default class FixedAssetsMovementMR extends Component {
}
/
>
<
/div>
:
tableMeta
.
rowData
[
0
]
===
5
?
tableMeta
.
rowData
[
0
]
===
5
||
tableMeta
.
rowData
[
0
]
===
6
?
<
span
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
}}
>
<
NumberFormat
thousandSeparator
=
{
true
}
...
...
@@ -1099,7 +1100,7 @@ export default class FixedAssetsMovementMR extends Component {
type
=
"text"
placeholder
=
""
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
11
]
).
toFixed
(
1
)}
value
=
{
Number
(
Number
(
tableMeta
.
rowData
[
11
])
*
100
).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -1143,7 +1144,7 @@ export default class FixedAssetsMovementMR extends Component {
type
=
"text"
placeholder
=
""
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
12
]
).
toFixed
(
1
)}
value
=
{
Number
(
Number
(
tableMeta
.
rowData
[
12
])
*
100
).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -1182,7 +1183,7 @@ export default class FixedAssetsMovementMR extends Component {
type
=
"text"
placeholder
=
""
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
13
]
).
toFixed
(
1
)}
value
=
{
Number
(
Number
(
tableMeta
.
rowData
[
13
])
*
100
).
toFixed
(
1
)}
/
>
}
/
>
...
...
src/container/MonthlyReport/ListOfCreditFacilities.js
View file @
e2edebad
...
...
@@ -89,7 +89,9 @@ export default class ListOfCreditFacilities extends Component {
visibleLOCFMR
:
true
,
saveDraft
:
true
,
saveComp
:
true
,
get_for
:
'view'
get_for
:
'view'
,
updateBy
:
'-'
,
notes
:
""
,
}
this
.
fileHandler
=
this
.
fileHandler
.
bind
(
this
);
}
...
...
@@ -98,6 +100,7 @@ export default class ListOfCreditFacilities extends Component {
this
.
getBankData
()
this
.
getTypeOfCredit
()
this
.
getSubmission
()
this
.
getLatestUpdate
()
}
handleGetFor
(
type
)
{
...
...
@@ -105,6 +108,7 @@ export default class ListOfCreditFacilities extends Component {
this
.
getBankData
()
this
.
getTypeOfCredit
()
this
.
getSubmission
()
this
.
getLatestUpdate
()
})
}
...
...
@@ -197,13 +201,13 @@ export default class ListOfCreditFacilities extends Component {
item
.
formula
,
item
.
level
,
// item.description,
item
.
locf
.
borrower_comp_name
===
null
?
""
:
item
.
locf
.
borrower_comp_name
===
""
?
""
:
item
.
locf
.
borrower_comp_name
,
item
.
locf
.
borrower_comp_name
===
null
||
item
.
locf
.
borrower_comp_name
===
""
?
this
.
props
.
company
.
company_name
:
item
.
locf
.
borrower_comp_name
,
item
.
locf
.
bank_name
===
null
?
null
:
item
.
locf
.
bank_name
===
""
?
null
:
{
value
:
item
.
locf
.
bank_name
},
item
.
locf
.
type_of_credit
===
null
?
null
:
item
.
locf
.
type_of_credit
===
""
?
null
:
{
value
:
item
.
locf
.
type_of_credit
},
item
.
locf
.
remarks
===
null
?
"0.0"
:
item
.
locf
.
remarks
===
""
?
"0.0"
:
item
.
locf
.
remarks
,
item
.
locf
.
loan_maturity_date
===
null
?
"0.0"
:
item
.
locf
.
loan_maturity_date
===
""
?
"0.0"
:
item
.
locf
.
loan_maturity_date
,
item
.
locf
.
interest
===
null
?
"0.0"
:
item
.
locf
.
interest
===
""
?
"0.
0"
:
item
.
locf
.
interest
,
item
.
locf
.
currency
===
null
?
"0.0"
:
item
.
locf
.
currency
===
""
?
"0.0
"
:
item
.
locf
.
currency
,
item
.
locf
.
loan_maturity_date
===
null
||
item
.
locf
.
loan_maturity_date
===
""
?
null
:
item
.
locf
.
loan_maturity_date
,
item
.
locf
.
interest
===
null
||
item
.
locf
.
interest
===
""
?
"0.0
0"
:
item
.
locf
.
interest
,
item
.
locf
.
currency
===
null
||
item
.
locf
.
currency
===
""
?
"
"
:
item
.
locf
.
currency
,
item
.
locf
.
loan_plafond_amount_ori
,
item
.
locf
.
loan_plafond_amount_idr
===
null
?
"0.0"
:
item
.
locf
.
loan_plafond_amount_idr
===
""
?
"0.0"
:
item
.
locf
.
loan_plafond_amount_idr
,
item
.
locf
.
out_loan_ki_amount_ori
,
...
...
@@ -236,11 +240,12 @@ export default class ListOfCreditFacilities extends Component {
item
.
locf
.
other_ratio3_financial
,
item
.
locf
.
other_ratio3_current
===
null
?
"0.0"
:
item
.
locf
.
other_ratio3_current
===
""
?
"0.0"
:
item
.
locf
.
other_ratio3_current
,
item
.
locf
.
other_ratio4_ratio_name
,
item
.
locf
.
other_ratio4_financia
,
,
item
.
locf
.
other_ratio4_financia
l
,
item
.
locf
.
other_ratio4_current
===
null
?
"0.0"
:
item
.
locf
.
other_ratio4_current
===
""
?
"0.0"
:
item
.
locf
.
other_ratio4_current
,
item
.
notes
,
item
.
locf
.
notes
,
// item.per_bs === null ? "0.0" : item.locf.per_bs === "" ? "0.0" : item.locf.per_bs,
// item.diff === null ? "0.0" : item.locf.diff === "" ? "0.0" : item.locf.diff,
index
],
[
9
,
""
,
""
,
""
,
""
,
""
,
{
value
:
"Grand Total"
},
null
,
""
,
""
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
""
,
"0"
,
"0"
,
"0"
,
"0"
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
"notes"
,
999999
],
)
...
...
@@ -252,13 +257,13 @@ export default class ListOfCreditFacilities extends Component {
item
.
formula
,
item
.
level
,
// item.description,
item
.
locf
.
borrower_comp_name
===
null
?
"0.0"
:
item
.
locf
.
borrower_comp_name
===
""
?
"0.0"
:
item
.
locf
.
borrower_comp_name
,
item
.
locf
.
borrower_comp_name
===
null
||
item
.
locf
.
borrower_comp_name
===
""
?
this
.
props
.
company
.
company_name
:
item
.
locf
.
borrower_comp_name
,
item
.
locf
.
bank_name
===
null
?
null
:
item
.
locf
.
bank_name
===
""
?
null
:
{
value
:
item
.
locf
.
bank_name
},
item
.
locf
.
type_of_credit
===
null
?
null
:
item
.
locf
.
type_of_credit
===
""
?
null
:
{
value
:
item
.
locf
.
type_of_credit
},
item
.
locf
.
remarks
===
null
?
"0.0"
:
item
.
locf
.
remarks
===
""
?
"0.0"
:
item
.
locf
.
remarks
,
item
.
locf
.
loan_maturity_date
===
null
?
"0.0"
:
item
.
locf
.
loan_maturity_date
===
""
?
"0.0"
:
item
.
locf
.
loan_maturity_date
,
item
.
locf
.
interest
===
null
?
"0.0"
:
item
.
locf
.
interest
===
""
?
"0.
0"
:
item
.
locf
.
interest
,
item
.
locf
.
currency
===
null
?
"0.0"
:
item
.
locf
.
currency
===
""
?
"0.0
"
:
item
.
locf
.
currency
,
item
.
locf
.
loan_maturity_date
===
null
||
item
.
locf
.
loan_maturity_date
===
""
?
null
:
item
.
locf
.
loan_maturity_date
,
item
.
locf
.
interest
===
null
||
item
.
locf
.
interest
===
""
?
"0.0
0"
:
item
.
locf
.
interest
,
item
.
locf
.
currency
===
null
||
item
.
locf
.
currency
===
""
?
"
"
:
item
.
locf
.
currency
,
item
.
locf
.
loan_plafond_amount_ori
,
item
.
locf
.
loan_plafond_amount_idr
===
null
?
"0.0"
:
item
.
locf
.
loan_plafond_amount_idr
===
""
?
"0.0"
:
item
.
locf
.
loan_plafond_amount_idr
,
item
.
locf
.
out_loan_ki_amount_ori
,
...
...
@@ -291,9 +296,10 @@ export default class ListOfCreditFacilities extends Component {
item
.
locf
.
other_ratio3_financial
,
item
.
locf
.
other_ratio3_current
===
null
?
"0.0"
:
item
.
locf
.
other_ratio3_current
===
""
?
"0.0"
:
item
.
locf
.
other_ratio3_current
,
item
.
locf
.
other_ratio4_ratio_name
,
item
.
locf
.
other_ratio4_financia
,
,
item
.
locf
.
other_ratio4_financia
l
,
item
.
locf
.
other_ratio4_current
===
null
?
"0.0"
:
item
.
locf
.
other_ratio4_current
===
""
?
"0.0"
:
item
.
locf
.
other_ratio4_current
,
item
.
notes
,
item
.
locf
.
notes
,
index
// item.per_bs === null ? "0.0" : item.locf.per_bs === "" ? "0.0" : item.locf.per_bs,
// item.diff === null ? "0.0" : item.locf.diff === "" ? "0.0" : item.locf.diff,
])
...
...
@@ -310,7 +316,7 @@ export default class ListOfCreditFacilities extends Component {
// console.log(dataTable);
if
(
dataTable
.
length
==
0
&&
this
.
state
.
get_for
==
'edit'
)
{
dataTable
.
push
(
[
3
,
""
,
""
,
""
,
""
,
this
.
props
.
company
.
company_name
,
null
,
null
,
""
,
this
.
state
.
currentDate
,
"
"
,
"0
"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
""
,
"0"
,
"0"
,
"0"
,
"0"
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
"notes"
,
0
],
[
3
,
""
,
""
,
""
,
""
,
this
.
props
.
company
.
company_name
,
null
,
null
,
""
,
this
.
state
.
currentDate
,
"
0.00"
,
"
"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
""
,
"0"
,
"0"
,
"0"
,
"0"
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
"notes"
,
0
],
[
9
,
""
,
""
,
""
,
""
,
""
,
{
value
:
"Grand Total"
},
null
,
""
,
""
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
""
,
"0"
,
"0"
,
"0"
,
"0"
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
"notes"
,
999999
],
)
}
...
...
@@ -323,6 +329,41 @@ export default class ListOfCreditFacilities extends Component {
})
}
getLatestUpdate
()
{
let
payload
=
{
"report_id"
:
this
.
props
.
report_id
,
"revision"
:
Number
(
this
.
props
.
revision
),
"periode"
:
this
.
props
.
periode
,
"company_id"
:
this
.
props
.
company
.
company_id
,
"monthly_report_id"
:
this
.
props
.
monthlyReportId
,
"months"
:
this
.
props
.
month
.
month_id
}
// console.log(payload)
api
.
create
().
getLastestUpdateMR
(
payload
).
then
(
response
=>
{
console
.
log
(
JSON
.
stringify
(
response
))
if
(
response
.
data
)
{
if
(
response
.
data
.
status
===
"success"
)
{
this
.
setState
({
updateBy
:
response
.
data
.
data
.
latest_update
===
null
?
'-'
:
response
.
data
.
data
.
latest_update
,
notes
:
response
.
data
.
data
.
notes_update
===
null
?
""
:
response
.
data
.
data
.
notes_update
})
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
typeAlert
:
'warning'
,
loading
:
false
},
()
=>
{
if
(
response
.
data
.
message
.
includes
(
"Someone Logged In"
))
{
setTimeout
(()
=>
{
localStorage
.
removeItem
(
Constant
.
TOKEN
)
window
.
location
.
reload
();
},
1000
);
}
})
}
}
else
{
// console.log('brrrrrrrr')
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
problem
,
tipeAlert
:
'error'
,
loading
:
false
})
}
})
}
fileHandler
=
(
event
)
=>
{
let
fileObj
=
event
ExcelRenderer
(
fileObj
,
(
err
,
resp
)
=>
{
...
...
@@ -417,9 +458,9 @@ export default class ListOfCreditFacilities extends Component {
item
.
bank_name
===
null
?
null
:
item
.
bank_name
===
""
?
null
:
{
value
:
item
.
bank_name
},
item
.
type_of_credit
===
null
?
null
:
item
.
type_of_credit
===
""
?
null
:
{
value
:
item
.
type_of_credit
},
item
.
remarks
===
null
?
""
:
item
.
remarks
===
""
?
""
:
item
.
remarks
,
item
.
loan_maturity_date
===
null
?
this
.
state
.
currentDate
:
item
.
loan_maturity_date
===
""
?
this
.
state
.
currentDate
:
item
.
loan_maturity_date
,
item
.
interest
===
null
?
"0"
:
item
.
interest
===
""
?
"
0"
:
item
.
interest
,
item
.
currency
===
null
?
"0.0"
:
item
.
currency
===
""
?
"0.0
"
:
item
.
currency
,
item
.
loan_maturity_date
===
null
||
item
.
loan_maturity_date
===
""
?
null
:
item
.
loan_maturity_date
,
item
.
interest
===
null
||
item
.
interest
===
""
?
"0.0
0"
:
item
.
interest
,
item
.
currency
===
null
||
item
.
currency
===
""
?
"
"
:
item
.
currency
,
item
.
loan_plafond_amount_ori
,
item
.
loan_plafond_amount_idr
===
null
?
"0.0"
:
item
.
loan_plafond_amount_idr
===
""
?
"0.0"
:
item
.
loan_plafond_amount_idr
,
item
.
out_loan_ki_amount_ori
,
...
...
@@ -468,9 +509,9 @@ export default class ListOfCreditFacilities extends Component {
item
.
bank_name
===
null
?
null
:
item
.
bank_name
===
""
?
null
:
{
value
:
item
.
bank_name
},
item
.
type_of_credit
===
null
?
null
:
item
.
type_of_credit
===
""
?
null
:
{
value
:
item
.
type_of_credit
},
item
.
remarks
===
null
?
""
:
item
.
remarks
===
""
?
""
:
item
.
remarks
,
item
.
loan_maturity_date
===
null
?
this
.
state
.
currentDate
:
item
.
loan_maturity_date
===
""
?
this
.
state
.
currentDate
:
item
.
loan_maturity_date
,
item
.
interest
===
null
?
"0"
:
item
.
interest
===
""
?
"
0"
:
item
.
interest
,
item
.
currency
===
null
?
"0.0"
:
item
.
currency
===
""
?
"0.0
"
:
item
.
currency
,
item
.
loan_maturity_date
===
null
||
item
.
loan_maturity_date
===
""
?
null
:
item
.
loan_maturity_date
,
item
.
interest
===
null
||
item
.
interest
===
""
?
"0.0
0"
:
item
.
interest
,
item
.
currency
===
null
||
item
.
currency
===
""
?
"
"
:
item
.
currency
,
item
.
loan_plafond_amount_ori
,
item
.
loan_plafond_amount_idr
===
null
?
"0.0"
:
item
.
loan_plafond_amount_idr
===
""
?
"0.0"
:
item
.
loan_plafond_amount_idr
,
item
.
out_loan_ki_amount_ori
,
...
...
@@ -519,7 +560,7 @@ export default class ListOfCreditFacilities extends Component {
// console.log(dataTable);
if
(
dataTable
.
length
==
0
)
{
dataTable
.
push
(
[
3
,
""
,
""
,
""
,
""
,
this
.
props
.
company
.
company_name
,
null
,
null
,
""
,
this
.
state
.
currentDate
,
"
"
,
"0
"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
""
,
"0"
,
"0"
,
"0"
,
"0"
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
"notes"
,
0
],
[
3
,
""
,
""
,
""
,
""
,
this
.
props
.
company
.
company_name
,
null
,
null
,
""
,
this
.
state
.
currentDate
,
"
0.00"
,
"
"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
""
,
"0"
,
"0"
,
"0"
,
"0"
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
"notes"
,
0
],
[
9
,
""
,
""
,
""
,
""
,
""
,
{
value
:
"Grand Total"
},
null
,
""
,
""
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
""
,
"0"
,
"0"
,
"0"
,
"0"
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
"0"
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
""
,
"notes"
,
999999
],
)
}
...
...
@@ -542,8 +583,12 @@ export default class ListOfCreditFacilities extends Component {
uploadLOCF
(
type
)
{
let
data
=
[]
let
error
=
false
this
.
state
.
dataTable
.
map
(
i
=>
{
if
(
i
[
0
]
==
3
)
{
if
(
i
[
6
].
value
==
null
||
i
[
7
].
value
==
null
||
i
[
8
]
==
""
||
i
[
9
]
==
""
||
i
[
10
]
==
""
||
i
[
11
]
==
""
)
{
error
=
true
}
data
.
push
({
"item_report_id"
:
i
[
1
],
"borrower_comp_name"
:
i
[
5
],
...
...
@@ -571,7 +616,7 @@ export default class ListOfCreditFacilities extends Component {
"current_ratio_current"
:
i
[
26
],
"der_financial"
:
i
[
27
],
"der_current"
:
i
[
28
],
"debt_to_ebitda_financial"
:
i
[
2
0
],
"debt_to_ebitda_financial"
:
i
[
2
9
],
"debt_to_ebitda_current"
:
i
[
30
],
"ebitda_to_interest_financial"
:
i
[
31
],
"ebitda_to_interest_current"
:
i
[
32
],
...
...
@@ -586,7 +631,7 @@ export default class ListOfCreditFacilities extends Component {
"other_ratio3_current"
:
i
[
41
],
"other_ratio4_ratio_name"
:
i
[
42
],
"other_ratio4_financial"
:
i
[
43
],
"other_ratio4_current"
:
i
[
4
],
"other_ratio4_current"
:
i
[
4
4
],
"notes"
:
i
[
45
],
})
}
...
...
@@ -604,32 +649,36 @@ export default class ListOfCreditFacilities extends Component {
"total_loan"
:
this
.
state
.
totalOutStand
}
// console.log(data);
api
.
create
(
'UPLOAD'
).
uploadMonthlyReportLOCF
(
body
).
then
(
response
=>
{
console
.
log
(
response
);
if
(
response
.
data
)
{
if
(
response
.
ok
)
{
if
(
response
.
data
.
status
===
"success"
)
{
this
.
props
.
saveToMonthlyReport
()
// this.props.onClickClose()
// this.props.getReport()
if
(
error
)
{
this
.
setState
({
handleTekTekTek
:
0
,
saveDraft
:
true
,
saveComp
:
true
,
loading
:
false
})
}
else
{
api
.
create
(
'UPLOAD'
).
uploadMonthlyReportLOCF
(
body
).
then
(
response
=>
{
console
.
log
(
response
);
if
(
response
.
data
)
{
if
(
response
.
ok
)
{
if
(
response
.
data
.
status
===
"success"
)
{
this
.
props
.
saveToMonthlyReport
()
// this.props.onClickClose()
// this.props.getReport()
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
,
loading
:
false
},
()
=>
{
if
(
response
.
data
.
message
.
includes
(
"Someone Logged In"
))
{
setTimeout
(()
=>
{
localStorage
.
removeItem
(
Constant
.
TOKEN
)
window
.
location
.
reload
();
},
1000
);
}
})
// alert(response.data.status)
}
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
,
loading
:
false
},
()
=>
{
if
(
response
.
data
.
message
.
includes
(
"Someone Logged In"
))
{
setTimeout
(()
=>
{
localStorage
.
removeItem
(
Constant
.
TOKEN
)
window
.
location
.
reload
();
},
1000
);
}
})
// alert(response.data.status)
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'error'
,
loading
:
false
})
}
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'error'
,
loading
:
false
})
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
problem
,
tipeAlert
:
'error'
,
loading
:
false
})
}
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
problem
,
tipeAlert
:
'error'
,
loading
:
false
})
}
})
})
}
}
getBankData
()
{
...
...
@@ -913,8 +962,12 @@ export default class ListOfCreditFacilities extends Component {
backToMonthlyReport
(
type
)
{
// this.setState({ loading: true })
let
data
=
[]
let
error
=
false
this
.
state
.
dataTable
.
map
(
i
=>
{
if
(
i
[
0
]
==
3
)
{
if
(
i
[
6
].
value
==
null
||
i
[
7
].
value
==
null
||
i
[
8
]
==
""
||
i
[
9
]
==
""
||
i
[
10
]
==
""
||
i
[
11
]
==
""
)
{
error
=
true
}
data
.
push
({
"item_report_id"
:
i
[
1
],
"borrower_comp_name"
:
i
[
5
],
...
...
@@ -942,7 +995,7 @@ export default class ListOfCreditFacilities extends Component {
"current_ratio_current"
:
i
[
26
],
"der_financial"
:
i
[
27
],
"der_current"
:
i
[
28
],
"debt_to_ebitda_financial"
:
i
[
2
0
],
"debt_to_ebitda_financial"
:
i
[
2
9
],
"debt_to_ebitda_current"
:
i
[
30
],
"ebitda_to_interest_financial"
:
i
[
31
],
"ebitda_to_interest_current"
:
i
[
32
],
...
...
@@ -957,7 +1010,7 @@ export default class ListOfCreditFacilities extends Component {
"other_ratio3_current"
:
i
[
41
],
"other_ratio4_ratio_name"
:
i
[
42
],
"other_ratio4_financial"
:
i
[
43
],
"other_ratio4_current"
:
i
[
4
],
"other_ratio4_current"
:
i
[
4
4
],
"notes"
:
i
[
45
],
})
}
...
...
@@ -975,24 +1028,28 @@ export default class ListOfCreditFacilities extends Component {
"total_loan"
:
this
.
state
.
totalOutStand
}
console
.
log
(
payload
)
api
.
create
(
'UPLOAD'
).
createMonthlyReportLOCF
(
payload
).
then
(
response
=>
{
console
.
log
(
response
);
if
(
response
.
data
)
{
if
(
response
.
data
.
status
===
"success"
)
{
this
.
props
.
saveToMonthlyReport
()
console
.
log
(
JSON
.
stringify
(
payload
))
if
(
error
)
{
this
.
setState
({
handleTekTekTek
:
0
,
saveDraft
:
true
,
saveComp
:
true
,
loading
:
false
})
}
else
{
api
.
create
(
'UPLOAD'
).
createMonthlyReportLOCF
(
payload
).
then
(
response
=>
{
console
.
log
(
response
);
if
(
response
.
data
)
{
if
(
response
.
data
.
status
===
"success"
)
{
this
.
props
.
saveToMonthlyReport
()
}
else
{
this
.
setState
({
loading
:
false
},
()
=>
{
this
.
props
.
saveToMonthlyReport
()
})
}
}
else
{
this
.
setState
({
loading
:
false
},
()
=>
{
this
.
props
.
saveToMonthlyReport
()
// this.getSubmission()
document
.
body
.
style
.
overflow
=
'unset'
;
})
}
}
else
{
this
.
setState
({
loading
:
false
},
()
=>
{
// this.getSubmission()
document
.
body
.
style
.
overflow
=
'unset'
;
})
}
})
})
}
}
...
...
@@ -1071,8 +1128,8 @@ export default class ListOfCreditFacilities extends Component {
null
,
""
,
this
.
state
.
currentDate
,
""
,
"
0
"
,
"
0.00
"
,
""
,
""
,
"0"
,
""
,
...
...
@@ -1106,7 +1163,7 @@ export default class ListOfCreditFacilities extends Component {
""
,
""
,
""
,
"
notez
"
,
""
,
index
],
items
,
)
...
...
@@ -1133,8 +1190,8 @@ export default class ListOfCreditFacilities extends Component {
null
,
""
,
this
.
state
.
currentDate
,
""
,
"
0
"
,
"
0.00
"
,
""
,
""
,
"0"
,
""
,
...
...
@@ -1168,7 +1225,7 @@ export default class ListOfCreditFacilities extends Component {
""
,
""
,
""
,
"
notez
"
,
""
,
index
],
items
,
)
...
...
@@ -1372,8 +1429,8 @@ export default class ListOfCreditFacilities extends Component {
null
,
""
,
this
.
state
.
currentDate
,
""
,
"
0
"
,
"
0.00
"
,
""
,
""
,
"0"
,
""
,
...
...
@@ -1407,7 +1464,7 @@ export default class ListOfCreditFacilities extends Component {
""
,
""
,
""
,
"
notez
"
,
""
,
indexxx
],
)
...
...
@@ -1632,11 +1689,29 @@ export default class ListOfCreditFacilities extends Component {
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
tableMeta
.
rowData
[
0
]
===
8
||
tableMeta
.
rowData
[
0
]
===
9
?
null
:
<
div
style
=
{{
padding
:
0
,
margin
:
0
}}
>
<
textarea
disabled
=
{
this
.
state
.
get_for
==
'view'
}
style
=
{{
borderColor
:
'white'
,
width
:
96
,
textAlign
:
'center'
,
justifyContent
:
'center'
,
padding
:
0
,
margin
:
0
,
color
:
this
.
state
.
get_for
==
'view'
?
"black"
:
"#5198ea"
}}
type
=
"text"
defaultValue
=
{
tableMeta
.
rowData
[
8
]}
onBlur
=
{(
event
)
=>
handleChange
(
event
.
target
.
value
,
tableMeta
,
tableMeta
.
columnIndex
)}
/
>
<
/div
>
// <div style={{ padding: 0, margin: 0 }}>
// <textarea disabled={this.state.get_for == 'view'} style={{ borderColor: 'white', width: 96, textAlign: 'center', justifyContent:'center', padding: 0, margin: 0, color: this.state.get_for == 'view'? "black" : "#5198ea" }} type="text" defaultValue={tableMeta.rowData[8]}
// onBlur={(event) => handleChange(event.target.value, tableMeta, tableMeta.columnIndex)} />
// </div>
<
Input
disableUnderline
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'center'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
disabled
=
{
tableMeta
.
rowData
[
0
]
==
8
||
tableMeta
.
rowData
[
0
]
==
9
||
this
.
state
.
get_for
==
'view'
?
true
:
false
}
defaultValue
=
{
tableMeta
.
rowData
[
8
]}
// disabled={false}
multiline
=
{
true
}
inputProps
=
{{
style
:
{
color
:
this
.
state
.
get_for
==
'view'
?
"black"
:
"#5198ea"
,
textAlign
:
'center'
,
backgroundColor
:
'white'
}
}}
/
>
// <ThemeProvider theme={theme}>
// <Input
// disableUnderline={true}
// style={{color: this.state.get_for == 'view'? "black" : "#5198ea", fontSize: 12, textAlign: 'center', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent', marginBottom: -105 }}
...
...
@@ -3335,22 +3410,39 @@ export default class ListOfCreditFacilities extends Component {
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
tableMeta
.
rowData
[
0
]
===
4
||
tableMeta
.
rowData
[
0
]
===
8
||
tableMeta
.
rowData
[
0
]
===
9
?
null
:
<
ThemeProvider
theme
=
{
theme
}
>
<
Input
disableUnderline
=
{
true
}
style
=
{{
color
:
this
.
state
.
get_for
==
'view'
?
"black"
:
"#5198ea"
,
fontSize
:
12
,
textAlign
:
'center'
,
borderColor
:
'transparent'
,
margin
:
0
,
backgroundColor
:
'transparent'
,
marginBottom
:
-
105
}}
type
=
"text"
placeholder
=
""
disabled
=
{
this
.
state
.
get_for
==
'view'
}
defaultValue
=
{
tableMeta
.
rowData
[
45
]}
onBlur
=
{(
event
)
=>
{
// // // console.log(event.target.value)
// updateValue(event.target.value)
handleChange
(
event
.
target
.
value
,
tableMeta
,
45
)
// // // console.log(dataTable2)
}}
/
>
<
/ThemeProvider
>
<
Input
disableUnderline
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'center'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
disabled
=
{
this
.
state
.
get_for
==
'view'
?
true
:
false
}
defaultValue
=
{
tableMeta
.
rowData
[
45
]}
// disabled={false}
multiline
=
{
true
}
inputProps
=
{{
style
:
{
color
:
this
.
state
.
get_for
==
'view'
?
"black"
:
"#5198ea"
,
textAlign
:
'center'
,
backgroundColor
:
'white'
}
}}
/
>
// <ThemeProvider theme={theme}>
// <Input
// disableUnderline={true}
// style={{ color: this.state.get_for == 'view'? "black" : "#5198ea", fontSize: 12, textAlign: 'center', borderColor: 'transparent', margin: 0, backgroundColor: 'transparent', marginBottom: -105 }}
// type="text"
// placeholder=""
// disabled={this.state.get_for == 'view'}
// defaultValue={tableMeta.rowData[45]}
// multin
// onBlur={(event) => {
// // // // console.log(event.target.value)
// // updateValue(event.target.value)
// handleChange(event.target.value, tableMeta, 45)
// // // // console.log(dataTable2)
// }}
// />
// </ThemeProvider>
}
<
/div
>
)
...
...
@@ -3585,7 +3677,10 @@ export default class ListOfCreditFacilities extends Component {
<
/MuiThemeProvider>
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'flex-end'
,
maxWidth
:
'100%'
,
paddingLeft
:
15
,
paddingRight
:
15
,
marginTop
:
5
}}
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
,
maxWidth
:
'100%'
,
paddingLeft
:
15
,
paddingRight
:
15
,
marginTop
:
5
}}
>
<
div
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginTop
:
10
}}
>
Last
Updated
by
:
{
this
.
state
.
updateBy
}
<
/Typography
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
flexDirection
:
'row'
}}
>
<
div
style
=
{{
padding
:
5
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
Total
Outstanding
Loan
<
/Typography
>
...
...
@@ -3595,7 +3690,10 @@ export default class ListOfCreditFacilities extends Component {
<
/div
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'flex-end'
,
maxWidth
:
'100%'
,
paddingLeft
:
15
,
paddingRight
:
15
}}
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
,
maxWidth
:
'100%'
,
paddingLeft
:
15
,
paddingRight
:
15
}}
>
<
div
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginTop
:
10
}}
>
Notes
:
{
this
.
state
.
notes
}
<
/Typography
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
flexDirection
:
'row'
}}
>
<
div
style
=
{{
padding
:
5
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
Diff
<
/Typography
>
...
...
@@ -3605,6 +3703,26 @@ export default class ListOfCreditFacilities extends Component {
<
/div
>
<
/div
>
<
/div
>
{
/* <div style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%', paddingLeft: 15, paddingRight: 15, marginTop: 5}}>
<div style={{display: 'flex', flexDirection: 'row'}}>
<div style={{padding: 5}}>
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Total Outstanding Loan</Typography>
</div>
<div style={{border: '1px solid black', padding: 5, minWidth: 200, display: 'flex', justifyContent: 'flex-end'}}>
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{formatSeparator(this.state.totalOutStand)}</Typography>
</div>
</div>
</div>
<div style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%', paddingLeft: 15, paddingRight: 15}}>
<div style={{display: 'flex', flexDirection: 'row'}}>
<div style={{padding: 5}}>
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Diff</Typography>
</div>
<div style={{borderStyle: 'solid', borderWidth: '0px 1px 1px 1px', padding: 5, minWidth: 200, display: 'flex', justifyContent: 'flex-end'}}>
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{formatSeparator(this.state.diff)}</Typography>
</div>
</div>
</div> */
}
<
/div
>
<
div
className
=
"grid grid-2x"
style
=
{{
marginTop
:
20
}}
>
<
div
className
=
"col-1"
>
...
...
@@ -3752,7 +3870,34 @@ export default class ListOfCreditFacilities extends Component {
<
/MuiThemeProvider>
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'flex-end'
,
maxWidth
:
'100%'
,
paddingLeft
:
15
,
paddingRight
:
15
,
marginTop
:
5
}}
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
,
maxWidth
:
'100%'
,
paddingLeft
:
15
,
paddingRight
:
15
,
marginTop
:
5
}}
>
<
div
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginTop
:
10
}}
>
Last
Updated
by
:
{
this
.
state
.
updateBy
}
<
/Typography
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
flexDirection
:
'row'
}}
>
<
div
style
=
{{
padding
:
5
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
Total
Outstanding
Loan
<
/Typography
>
<
/div
>
<
div
style
=
{{
border
:
'1px solid black'
,
padding
:
5
,
minWidth
:
200
,
display
:
'flex'
,
justifyContent
:
'flex-end'
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
{
formatSeparator
(
this
.
state
.
totalOutStand
)}
<
/Typography
>
<
/div
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
,
maxWidth
:
'100%'
,
paddingLeft
:
15
,
paddingRight
:
15
}}
>
<
div
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginTop
:
10
}}
>
Notes
:
{
this
.
state
.
notes
}
<
/Typography
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
flexDirection
:
'row'
}}
>
<
div
style
=
{{
padding
:
5
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
Diff
<
/Typography
>
<
/div
>
<
div
style
=
{{
borderStyle
:
'solid'
,
borderWidth
:
'0px 1px 1px 1px'
,
padding
:
5
,
minWidth
:
200
,
display
:
'flex'
,
justifyContent
:
'flex-end'
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
{
formatSeparator
(
this
.
state
.
diff
)}
<
/Typography
>
<
/div
>
<
/div
>
<
/div
>
{
/* <div style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%', paddingLeft: 15, paddingRight: 15, marginTop: 5}}>
<div style={{display: 'flex', flexDirection: 'row'}}>
<div style={{padding: 5}}>
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Total Outstanding Loan</Typography>
...
...
@@ -3771,7 +3916,7 @@ export default class ListOfCreditFacilities extends Component {
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{(formatSeparator(this.state.diff))}</Typography>
</div>
</div>
<
/div
>
</div>
*/
}
<
/div
>
<
div
className
=
"grid grid-2x"
style
=
{{
marginTop
:
20
}}
>
<
div
className
=
"col-1"
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment