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
4cf12132
Commit
4cf12132
authored
Jul 26, 2023
by
Riri Novita
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
LOCF update
parent
7af543de
Changes
1
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
327 additions
and
184 deletions
+327
-184
ListOfCreditFacilitiesMR.js
src/container/MonthlyReport/ListOfCreditFacilitiesMR.js
+327
-184
No files found.
src/container/MonthlyReport/ListOfCreditFacilitiesMR.js
View file @
4cf12132
...
...
@@ -767,26 +767,26 @@ export default class ListOfCreditFacilities extends Component {
currency_id
:
this
.
state
.
defaultCurrencyUpload
?.
id
}
let
dataDelete
=
[]
api
.
create
().
getIdDeleteFromExcelLOCF
(
payload
).
then
((
response
)
=>
{
console
.
log
(
response
)
// if (response.data) {
// // // // // // console.log(response.data)
// let idDelete = response.data.data.item_report_id
// if (idDelete.length > 0) {
// idDelete.map((item, index) => {
// dataDelete.push(item)
// api.create().getIdDeleteFromExcelLOCF(payload).then((response) => {
// console.log(response)
// // if (response.data) {
// // // // // // // console.log(response.data)
// // let idDelete = response.data.data.item_report_id
// // if (idDelete.length > 0) {
// // idDelete.map((item, index) => {
// // dataDelete.push(item)
// // })
// // this.setState({ dataDelete })
// // }
// // }
// })
// this.setState({ dataDelete })
// }
// }
})
api
.
create
().
checkUploadMonthlyReportLOCF
(
payload
).
then
(
response
=>
{
// console.log(JSON.stringify(this.state.payload));
console
.
log
(
response
)
if
(
response
.
data
)
{
if
(
response
.
data
.
status
===
'success'
)
{
this
.
setState
({
visibleUpload
:
false
,
loading
:
true
,
visibleLOCFMR
:
false
,
totalOutStand
:
0
,
diff
:
0
,
visibleButtonUpload
:
true
})
this
.
setState
({
visibleUpload
Simulasi
:
false
,
loading
:
true
,
visibleLOCFMR
:
false
,
totalOutStand
:
0
,
diff
:
0
,
visibleButtonUpload
:
true
})
let
dataTable
=
[]
response
.
data
.
data
.
map
((
item
,
index
)
=>
{
if
(
index
==
response
.
data
.
data
.
length
-
1
)
{
...
...
@@ -4465,6 +4465,149 @@ export default class ListOfCreditFacilities extends Component {
<
/div
>
<
/Paper
>
:
this
.
state
.
visibleButtonUpload
?
<
Paper
style
=
{{
paddingTop
:
10
,
paddingBottom
:
20
}}
>
<
Snackbar
open
=
{
this
.
state
.
snekbar
}
autoHideDuration
=
{
6000
}
onClose
=
{
handleClose
}
>
<
Alert
onClose
=
{
handleClose
}
severity
=
"error"
>
{
this
.
state
.
snekbarMsg
}
<
/Alert
>
<
/Snackbar
>
<
div
style
=
{{
borderBottom
:
'solid 1px #c4c4c4'
}}
>
<
Typography
style
=
{{
fontSize
:
'12px'
,
color
:
'#4b4b4b'
,
margin
:
10
}}
>
Monthly
Report
-
List
Of
Credit
Facilities
<
/Typography
>
<
/div
>
<
div
style
=
{{
padding
:
20
}}
>
<
div
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
{
this
.
props
.
company
.
company_name
}
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
Period
:
{
String
(
this
.
props
.
month
.
month_value
).
toLocaleUpperCase
()}
{
this
.
props
.
periode
}
(
rev
.{
this
.
props
.
revision
})
<
/Typography
>
{
this
.
props
.
defaultCurrency
.
id
===
1
?
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
in
IDR
mn
<
/Typography
>
:
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
in
USD
thousand
<
/Typography
>
}
<
/div
>
<
div
style
=
{{
marginTop
:
20
,
width
:
this
.
props
.
width
-
(
this
.
props
.
open
===
true
?
400
:
150
)
}}
>
{
this
.
state
.
loading
&&
loadingComponent
}
{
this
.
state
.
dataLoaded
&&
!
this
.
state
.
loading
&&
<
MuiThemeProvider
theme
=
{
getMuiTheme
()}
>
<
MUIDataTable
data
=
{
dataTable2
}
columns
=
{
columns
}
options
=
{
options
}
/
>
<
/MuiThemeProvider>
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
,
maxWidth
:
'100%'
,
paddingLeft
:
5
,
paddingRight
:
15
,
marginTop
:
5
}}
>
<
div
>
<
div
style
=
{{
display
:
'flex'
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginTop
:
20
}}
>
Last
Updated
by
:
<
/Typography
>
<
div
style
=
{{
marginLeft
:
10
,
overflowY
:
'scroll'
,
height
:
this
.
state
.
updateBy
.
length
<
2
?
25
:
75
,
marginTop
:
10
}}
>
{
this
.
state
.
updateBy
.
length
>
0
?
this
.
state
.
updateBy
.
reverse
().
map
((
item
,
index
)
=>
{
return
(
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginTop
:
10
,
marginRight
:
5
}}
>
{
item
.
latest_update
}
<
/Typography
>
)
})
:
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginTop
:
10
,
marginRight
:
5
}}
>-<
/Typography
>
}
<
/div
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
flexDirection
:
'row'
}}
>
<
div
style
=
{{
padding
:
5
}}
>
<
Typography
style
=
{{
fontSize
:
'12px'
,
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
:
'14px'
,
color
:
'#4b4b4b'
}}
><
NumberFormat
value
=
{
this
.
state
.
perBS
}
displayType
=
{
'text'
}
thousandSeparator
=
{
true
}
prefix
=
{
''
}
/></
Typography
>
<
/div
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
,
maxWidth
:
'100%'
,
paddingLeft
:
5
,
paddingRight
:
15
}}
>
<
div
>
<
Typography
style
=
{{
fontSize
:
'12px'
,
color
:
'#4b4b4b'
,
marginTop
:
10
}}
>
Notes
:
{
this
.
state
.
notes
}
<
/Typography
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
flexDirection
:
'row'
}}
>
<
div
style
=
{{
padding
:
5
}}
>
<
Typography
style
=
{{
fontSize
:
'12px'
,
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
:
'14px'
,
color
:
Number
(
this
.
state
.
diff
)
>
0
?
'red'
:
'#4b4b4b'
}}
><
NumberFormat
value
=
{
this
.
state
.
diff
}
displayType
=
{
'text'
}
thousandSeparator
=
{
true
}
prefix
=
{
''
}
/></
Typography
>
<
/div
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
maxWidth
:
'100%'
,
paddingLeft
:
5
,
paddingRight
:
15
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginTop
:
5
,
fontWeight
:
'bold'
,
textDecorationLine
:
'underline'
}}
>
Keterangan
:
<
/Typography
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
,
maxWidth
:
'100%'
,
paddingLeft
:
5
,
paddingRight
:
15
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginTop
:
0
}}
>
1
.
Current
ratio
=
Current
Assets
/
Current
Liabilities
<
/Typography
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
,
maxWidth
:
'100%'
,
paddingLeft
:
5
,
paddingRight
:
15
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginTop
:
0
}}
>
2
.
DER
=
Interest
Bearing
Debt
/
Total
Equity
(
dimana
Interest
Bearing
Debt
=
Short
term
loan
+
Current
maturities
of
long
term
debt
+
Long
term
loan
+
Due
to
affiliated
companies
+
Due
to
shareholder
)
<
/Typography
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
,
maxWidth
:
'100%'
,
paddingLeft
:
5
,
paddingRight
:
15
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginTop
:
0
}}
>
3
.
Debt
to
EBITDA
=
Interest
Bearing
Debt
/
EBITDA
(
dimana
Interest
Bearing
Debt
=
Short
term
loan
+
Current
maturities
of
long
term
debt
+
Long
term
loan
+
Due
to
affiliated
companies
+
Due
to
shareholder
<
/Typography
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
,
maxWidth
:
'100%'
,
paddingLeft
:
5
,
paddingRight
:
15
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginLeft
:
10
}}
>&
EBITDA
=
Income
from
operations
2
(
EBIT
2
)
+
depreciation
)
<
/Typography
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
,
maxWidth
:
'100%'
,
paddingLeft
:
5
,
paddingRight
:
15
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginTop
:
0
}}
>
4
.
EBITDA
to
Interest
(
ISCR
)
=
EBITDA
/
Interest
Expenses
(
dimana
EBITDA
=
Income
from
operations
2
(
EBIT
2
)
+
depreciation
)
<
/Typography
>
<
/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"
>
<
/div
>
{
/* {this.props.isApprover === true || this.state.dataTable.length == 0 ? null :
(this.props.lastStatus === 'SUBMIT' || this.props.lastStatus === 'REVISION') && this.props.prevRevision === false && (this.props.status === 'revision' || this.props.status === 'not-yet' || this.props.status === 'draft' || this.props.status === 'submitted') ? */
}
<
div
className
=
"col-2"
style
=
{{
display
:
'flex'
,
justifyContent
:
'flex-end'
,
maxWidth
:
'100%'
}}
>
<
button
type
=
"button"
// disabled={this.state.buttonError}
onClick
=
{()
=>
this
.
setState
({
handleDoubleClick
:
1
,
loading
:
true
},
()
=>
{
this
.
uploadSimulasi
(
'submitted'
)
})}
style
=
{{
backgroundColor
:
'transparent'
,
cursor
:
'pointer'
,
borderColor
:
'transparent'
,
outline
:
'none'
,
}}
>
<
div
style
=
{{
backgroundColor
:
'#354960'
,
width
:
105
,
height
:
25
,
borderRadius
:
3
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#fff'
,
textAlign
:
'center'
}}
>
Save
Data
<
/Typography
>
<
/div
>
<
/button
>
<
/div
>
{
/* : null } */
}
<
/div
>
<
/Paper
>
:
<
Paper
style
=
{{
paddingTop
:
10
,
paddingBottom
:
20
}}
>
<
Snackbar
open
=
{
this
.
state
.
snekbar
}
autoHideDuration
=
{
6000
}
onClose
=
{
handleClose
}
>
<
Alert
onClose
=
{
handleClose
}
severity
=
"error"
>
...
...
@@ -4753,7 +4896,7 @@ export default class ListOfCreditFacilities extends Component {
}}
/
>
<
/div
>
{
this
.
state
.
visibleButtonUpload
&&
{
/* {
this.state.visibleButtonUpload &&
<div style={{ display: 'flex', justifyContent: 'flex-end', margin: '0px 32px 16px' }}>
<div>
<button
...
...
@@ -4777,7 +4920,7 @@ export default class ListOfCreditFacilities extends Component {
</button>
</div>
</div>
}
}
*/
}
{
/* <div style={{ padding: '0px 30px 29px', fontSize: 17, color: 'red' }}><b>Warning:</b> Valid currency for uploading data is <b>{this.props.defaultCurrency.id == 1 ? "IDR" : "USD"}</b></div> */
}
<
/div
>
<
/div
>
...
...
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