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
90515b1d
Commit
90515b1d
authored
Mar 03, 2021
by
Riri Novita
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'master' of
http://103.44.149.204/d.arizona/tia-dev
into riri
parents
a499e6f7
fe33d0dd
Changes
5
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
1237 additions
and
1139 deletions
+1237
-1139
BudgetTahunan.js
src/container/BudgetTahunan.js
+16
-74
CashFlow.js
src/container/BudgetTahunan/CashFlow.js
+1129
-1046
HomePage.js
src/container/HomePage.js
+5
-5
DashboardCAT.js
src/container/Laporan/DashboardCAT.js
+84
-13
KPIs.js
src/container/Laporan/KPIs.js
+3
-1
No files found.
src/container/BudgetTahunan.js
View file @
90515b1d
...
@@ -533,9 +533,10 @@ export default class BudgetTahunan extends Component {
...
@@ -533,9 +533,10 @@ export default class BudgetTahunan extends Component {
// // console.log(this.state.btnApprove)
// // console.log(this.state.btnApprove)
this
.
historyApproval
()
this
.
historyApproval
()
this
.
getLatestPeriodSubmit
()
this
.
getLatestPeriodSubmit
()
this
.
getCashFlow
(
type
)
// this.getCashFlow(type)
// this.getPL(type)
if
(
type
!=
undefined
)
{
if
(
type
!=
undefined
)
{
this
.
getCashFlow
(
type
)
//
this.getCashFlow(type)
this
.
getPL
(
type
)
this
.
getPL
(
type
)
}
else
{
}
else
{
this
.
setState
({
loading
:
false
})
this
.
setState
({
loading
:
false
})
...
@@ -1032,68 +1033,11 @@ export default class BudgetTahunan extends Component {
...
@@ -1032,68 +1033,11 @@ export default class BudgetTahunan extends Component {
listCF
.
push
(
item
)
listCF
.
push
(
item
)
})
})
this
.
setState
({
dbCF
:
listCF
},
()
=>
{
this
.
payloadCFOneMore
(
listCF
,
type
)
})
}
payloadCFOneMore
(
list
,
type
)
{
let
listCF
=
[]
this
.
state
.
dbCF
.
map
((
item
,
index
)
=>
{
if
(
item
[
0
]
==
5
||
item
[
0
]
==
6
||
item
[
0
]
==
7
)
{
item
[
7
].
value
=
this
.
handleValueFormula
(
index
,
item
[
7
],
item
,
7
)
item
[
8
].
value
=
this
.
handleValueFormula
(
index
,
item
[
8
],
item
,
8
)
item
[
9
].
value
=
this
.
handleValueFormula
(
index
,
item
[
9
],
item
,
9
)
item
[
10
].
value
=
this
.
handleValueFormula
(
index
,
item
[
10
],
item
,
10
)
item
[
11
].
value
=
this
.
handleValueFormula
(
index
,
item
[
11
],
item
,
11
)
item
[
12
].
value
=
this
.
handleValueFormula
(
index
,
item
[
12
],
item
,
12
)
item
[
13
].
value
=
this
.
handleValueFormula
(
index
,
item
[
13
],
item
,
13
)
item
[
14
].
value
=
this
.
handleValueFormula
(
index
,
item
[
14
],
item
,
14
)
item
[
15
].
value
=
this
.
handleValueFormula
(
index
,
item
[
15
],
item
,
15
)
item
[
16
].
value
=
this
.
handleValueFormula
(
index
,
item
[
16
],
item
,
16
)
item
[
17
].
value
=
this
.
handleValueFormula
(
index
,
item
[
17
],
item
,
17
)
item
[
18
].
value
=
this
.
handleValueFormula
(
index
,
item
[
18
],
item
,
18
)
item
[
19
]
=
this
.
handleForecast
(
index
,
item
,
`
${
Number
(
this
.
state
.
periode
.
periode
)}
`
,
19
)
item
[
20
]
=
this
.
handleForecast
(
index
,
item
,
`
${
Number
(
this
.
state
.
periode
.
periode
)
+
1
}
`
,
20
)
item
[
21
]
=
this
.
handleForecast
(
index
,
item
,
`
${
Number
(
this
.
state
.
periode
.
periode
)
+
2
}
`
,
21
)
}
listCF
.
push
(
item
)
})
this
.
setState
({
dbCF
:
listCF
},
()
=>
{
this
.
setState
({
dbCF
:
listCF
},
()
=>
{
this
.
olahDataCashFlowOneMore
(
listCF
,
type
)
this
.
olahDataCashFlowOneMore
(
listCF
,
type
)
})
})
}
}
// payloadCFOneMoreAgain(list, type) {
// let listCF = []
// this.state.dbCF.map((item, index) => {
// if (item[0] == 5 || item[0] == 6 || item[0] == 7) {
// item[7].value = this.handleValueFormula(index, item[7], item, 7)
// item[8].value = this.handleValueFormula(index, item[8], item, 8)
// item[9].value = this.handleValueFormula(index, item[9], item, 9)
// item[10].value = this.handleValueFormula(index, item[10], item, 10)
// item[11].value = this.handleValueFormula(index, item[11], item, 11)
// item[12].value = this.handleValueFormula(index, item[12], item, 12)
// item[13].value = this.handleValueFormula(index, item[13], item, 13)
// item[14].value = this.handleValueFormula(index, item[14], item, 14)
// item[15].value = this.handleValueFormula(index, item[15], item, 15)
// item[16].value = this.handleValueFormula(index, item[16], item, 16)
// item[17].value = this.handleValueFormula(index, item[17], item, 17)
// item[18].value = this.handleValueFormula(index, item[18], item, 18)
// item[19] = this.handleForecast(index, item, `${Number(this.state.periode.periode)}`, 19)
// item[20] = this.handleForecast(index, item, `${Number(this.state.periode.periode) + 1}`, 20)
// item[21] = this.handleForecast(index, item, `${Number(this.state.periode.periode) + 2}`, 21)
// }
// listCF.push(item)
// })
// this.setState({dbCF: listCF}, () => {
// this.olahDataCashFlowOneMore(listCF, type)
// })
// }
olahDataCashFlowOneMore
(
list
,
type
)
{
olahDataCashFlowOneMore
(
list
,
type
)
{
console
.
log
(
list
)
console
.
log
(
list
)
let
listCF
=
[]
let
listCF
=
[]
...
@@ -1200,26 +1144,16 @@ export default class BudgetTahunan extends Component {
...
@@ -1200,26 +1144,16 @@ export default class BudgetTahunan extends Component {
// if (type != undefined) {
// if (type != undefined) {
// if (type == 'BS' || type == 'FAM' || type == 'PL') {
// if (type == 'BS' || type == 'FAM' || type == 'PL') {
console
.
log
(
'tarik sis'
)
console
.
log
(
'tarik sis'
)
this
.
createCashFlow
()
//
this.createCashFlow()
// }
// }
// }
// }
})
})
}
}
createCashFlow
()
{
createCashFlow
(
payload
)
{
let
payload
=
{
"submission_id"
:
this
.
state
.
submissionID
,
"company_id"
:
this
.
state
.
company
.
company_id
,
"periode"
:
this
.
state
.
periode
.
periode
,
"report_id"
:
6
,
"status"
:
"submitted"
,
"cash_flow"
:
this
.
state
.
dbCF
}
console
.
log
(
this
.
state
.
dbCF
)
console
.
log
(
JSON
.
stringify
(
payload
))
api
.
create
().
createReportCF
(
payload
).
then
((
res
)
=>
{
api
.
create
().
createReportCF
(
payload
).
then
((
res
)
=>
{
this
.
setState
({
loading
:
false
})
console
.
log
(
res
)
console
.
log
(
res
)
this
.
getSubmission
()
// if (response.data) {
// if (response.data) {
// if (response.data.status === "success") {
// if (response.data.status === "success") {
// this.props.saveToMonthlyReport()
// this.props.saveToMonthlyReport()
...
@@ -1345,7 +1279,7 @@ export default class BudgetTahunan extends Component {
...
@@ -1345,7 +1279,7 @@ export default class BudgetTahunan extends Component {
}
}
}
}
})
})
console
.
log
(
dataTable
)
//
console.log(dataTable)
this
.
setState
({
dbPL
:
dataTable
},
()
=>
{
this
.
setState
({
dbPL
:
dataTable
},
()
=>
{
this
.
olahDataPL
(
this
.
state
.
dbPL
,
type
)
this
.
olahDataPL
(
this
.
state
.
dbPL
,
type
)
})
})
...
@@ -1558,6 +1492,13 @@ export default class BudgetTahunan extends Component {
...
@@ -1558,6 +1492,13 @@ export default class BudgetTahunan extends Component {
}
}
})
})
if
(
String
(
tableMeta
[
5
])
==
"Cost of Goods Sold (COGS)"
&&
column
==
20
)
{
console
.
log
(
splitFormula
)
console
.
log
(
baru
)
console
.
log
(
anjay
)
console
.
log
(
anjay2
)
console
.
log
(
total
)
}
total
=
R
.
equals
(
total
,
NaN
)
?
"0.0"
:
total
total
=
R
.
equals
(
total
,
NaN
)
?
"0.0"
:
total
return
total
return
total
}
}
...
@@ -1573,7 +1514,7 @@ export default class BudgetTahunan extends Component {
...
@@ -1573,7 +1514,7 @@ export default class BudgetTahunan extends Component {
}
}
})
})
}
else
{
}
else
{
total
=
this
.
handleValueFormulaDBPL
(
dataTable2
[
index
][
column
],
tableMeta
,
column
,
periode
,
dataTable2
[
index
][
25
])
total
=
this
.
handleValueFormulaDBPL
(
dataTable2
[
index
][
column
],
tableMeta
[
column
],
tableMeta
,
column
,
periode
,
dataTable2
[
index
][
25
])
}
}
return
total
return
total
...
@@ -3069,6 +3010,7 @@ export default class BudgetTahunan extends Component {
...
@@ -3069,6 +3010,7 @@ export default class BudgetTahunan extends Component {
lastStatus
=
{
this
.
state
.
lastStatus
}
lastStatus
=
{
this
.
state
.
lastStatus
}
prevRevision
=
{
this
.
state
.
isSubmit
?
this
.
state
.
prevRevision
:
true
}
prevRevision
=
{
this
.
state
.
isSubmit
?
this
.
state
.
prevRevision
:
true
}
PLBSFAMSubmitted
=
{
this
.
state
.
PLBSFAMSubmitted
}
PLBSFAMSubmitted
=
{
this
.
state
.
PLBSFAMSubmitted
}
createCashFlow
=
{
this
.
createCashFlow
.
bind
(
this
)}
/
>
/
>
)
)
}
}
...
...
src/container/BudgetTahunan/CashFlow.js
View file @
90515b1d
This diff is collapsed.
Click to expand it.
src/container/HomePage.js
View file @
90515b1d
...
@@ -132,7 +132,7 @@ class HomePage extends Component {
...
@@ -132,7 +132,7 @@ class HomePage extends Component {
arrayChild
.
push
({
...
items
,
current_value
:
Number
(
items
.
current_value
).
toFixed
(
2
),
performanceColor
:
this
.
handleBackgroundPerform
(
Number
(
items
.
current_value
))
})
arrayChild
.
push
({
...
items
,
current_value
:
Number
(
items
.
current_value
).
toFixed
(
2
),
performanceColor
:
this
.
handleBackgroundPerform
(
Number
(
items
.
current_value
))
})
}
}
})
})
if
(
arrayChild
.
length
>
0
)
{
if
(
arrayChild
.
length
>
0
&&
String
(
item
.
item_business
).
toLocaleLowerCase
()
!=
'holding'
)
{
data
.
push
({
...
item
,
category
:
arrayChild
})
data
.
push
({
...
item
,
category
:
arrayChild
})
}
}
})
})
...
@@ -913,13 +913,13 @@ class HomePage extends Component {
...
@@ -913,13 +913,13 @@ class HomePage extends Component {
rawData
:
{
month
:
this
.
state
.
monthCAT
.
month_id
,
periode
:
this
.
state
.
periodeCAT
.
value
,
companyId
:
item
.
company_id
}
rawData
:
{
month
:
this
.
state
.
monthCAT
.
month_id
,
periode
:
this
.
state
.
periodeCAT
.
value
,
companyId
:
item
.
company_id
}
}
}
}}
>
}}
>
<
div
style
=
{{
padding
:
10
,
backgroundColor
:
'#fff'
,
borderRadius
:
6
,
paddingBottom
:
20
,
margin
:
10
,
boxShadow
:
'0 1px 4px 0 rgba(0, 0, 0, 0.25)'
,
width
:
250
,
marginRight
:
index
==
items
.
category
.
length
-
1
?
25
:
0
,
marginLeft
:
index
==
0
?
5
:
25
}}
>
<
div
style
=
{{
padding
:
10
,
backgroundColor
:
'#fff'
,
height
:
350
,
borderRadius
:
6
,
paddingBottom
:
20
,
margin
:
10
,
boxShadow
:
'0 1px 4px 0 rgba(0, 0, 0, 0.25)'
,
width
:
250
,
marginRight
:
index
==
items
.
category
.
length
-
1
?
25
:
0
,
marginLeft
:
index
==
0
?
5
:
25
}}
>
{
/* <span style={{ fontSize: '17px', color: this.state.selectIndex === index ? '#fff' : '#7e8085', maxWidth: 100 }}>{item.category_name}</span> */
}
{
/* <span style={{ fontSize: '17px', color: this.state.selectIndex === index ? '#fff' : '#7e8085', maxWidth: 100 }}>{item.category_name}</span> */
}
<
div
style
=
{{
fontSize
:
'17px'
,
width
:
'100%'
}}
>
<
div
style
=
{{
fontSize
:
'17px'
,
width
:
'100%'
,
height
:
25
}}
>
<
Typography
style
=
{{
textAlign
:
'left'
,
color
:
'#4b4b4b'
}}
>
{
titleCase
(
String
(
item
.
category_name
).
toLocaleLowerCase
())
}
<
/Typography
>
<
Typography
style
=
{{
textAlign
:
'left'
,
color
:
'#4b4b4b'
}}
>
{
item
.
category_name
}
<
/Typography
>
<
/div
>
<
/div
>
{
item
.
total_kpi
!=
null
&&
{
item
.
total_kpi
!=
null
&&
<
div
style
=
{{
width
:
'100%'
,
display
:
'flex'
,
justifyContent
:
'center'
,
marginTop
:
String
(
item
.
category_name
).
toLocaleLowerCase
().
includes
(
'internal'
)
?
0
:
25
}}
>
<
div
style
=
{{
width
:
'100%'
,
display
:
'flex'
,
justifyContent
:
'center'
,
marginTop
:
10
}}
>
<
span
style
=
{{
textAlign
:
'center'
,
fontSize
:
'18px'
,
color
:
"#fff"
}}
>
{
item
.
total_kpi
}
<
/span
>
<
span
style
=
{{
textAlign
:
'center'
,
fontSize
:
'18px'
,
color
:
"#fff"
}}
>
{
item
.
total_kpi
}
<
/span
>
{
/* <span style={{ textAlign: 'center', fontSize: '11px', color: selectIndex === index ? "#fff" : '#4b4b4b' }}>KPIs</span> */
}
{
/* <span style={{ textAlign: 'center', fontSize: '11px', color: selectIndex === index ? "#fff" : '#4b4b4b' }}>KPIs</span> */
}
<
/div>
}
<
/div>
}
...
...
src/container/Laporan/DashboardCAT.js
View file @
90515b1d
...
@@ -39,15 +39,16 @@ export default class DashboardCAT extends Component {
...
@@ -39,15 +39,16 @@ export default class DashboardCAT extends Component {
componentDidMount
()
{
componentDidMount
()
{
console
.
log
(
this
.
props
)
console
.
log
(
this
.
props
)
// localStorage.removeItem(Constant.DATACAT)
this
.
props
.
selectIndex
(
'CAT Dashboard'
)
this
.
props
.
selectIndex
(
'CAT Dashboard'
)
let
dataStorageCAT
=
localStorage
.
getItem
(
Constant
.
DATACAT
)
let
dataStorageCAT
=
localStorage
.
getItem
(
Constant
.
DATACAT
)
if
(
this
.
props
.
location
.
state
!==
undefined
)
{
if
(
this
.
props
.
location
.
state
!==
undefined
)
{
if
(
dataStorageCAT
!=
'datacat'
&&
dataStorageCAT
!=
null
)
{
if
(
dataStorageCAT
!=
'datacat'
&&
dataStorageCAT
!=
null
)
{
this
.
setState
({
selectedKPI
:
JSON
.
parse
(
dataStorageCAT
).
listKPI
},
()
=>
{
this
.
setState
({
selectedKPI
:
JSON
.
parse
(
dataStorageCAT
).
listKPI
},
()
=>
{
console
.
log
(
dataStorageCAT
)
console
.
log
(
dataStorageCAT
)
console
.
log
(
this
.
props
.
location
.
state
.
rawData
.
companyId
)
//
console.log(this.props.location.state.rawData.companyId)
console
.
log
(
this
.
state
.
selectedKPI
)
console
.
log
(
this
.
state
.
selectedKPI
)
this
.
setState
({
userType
:
this
.
props
.
location
.
state
.
userType
,
intent
:
'Home'
,
rawData
:
this
.
props
.
location
.
state
.
rawData
,
selectedKPI
:
this
.
state
.
selectedKPI
.
length
==
0
?
[]
:
(
JSON
.
parse
(
dataStorageCAT
).
companyId
==
this
.
props
.
location
.
state
.
rawData
.
companyId
?
JSON
.
parse
(
dataStorageCAT
).
listKPI
:
[])
},
()
=>
{
this
.
setState
({
userType
:
this
.
props
.
location
.
state
.
userType
,
intent
:
'Home'
,
rawData
:
this
.
props
.
location
.
state
.
rawData
},
()
=>
{
this
.
getDetailUser
()
this
.
getDetailUser
()
})
})
})
})
...
@@ -146,9 +147,19 @@ export default class DashboardCAT extends Component {
...
@@ -146,9 +147,19 @@ export default class DashboardCAT extends Component {
this
.
setState
({
listCompany
:
defaultProps
,
company
:
arrayBaru
.
length
<
1
?
companyData
[
0
]
:
(
index
==
-
1
?
arrayBaru
[
0
]
:
arrayBaru
[
index
])
},
()
=>
{
this
.
setState
({
listCompany
:
defaultProps
,
company
:
arrayBaru
.
length
<
1
?
companyData
[
0
]
:
(
index
==
-
1
?
arrayBaru
[
0
]
:
arrayBaru
[
index
])
},
()
=>
{
let
dataStorageCAT
=
localStorage
.
getItem
(
Constant
.
DATACAT
)
let
dataStorageCAT
=
localStorage
.
getItem
(
Constant
.
DATACAT
)
let
userID
=
localStorage
.
getItem
(
Constant
.
USER
)
if
(
dataStorageCAT
!=
'datacat'
&&
dataStorageCAT
!=
null
)
{
if
(
dataStorageCAT
!=
'datacat'
&&
dataStorageCAT
!=
null
)
{
this
.
setState
({
selectedKPI
:
JSON
.
parse
(
dataStorageCAT
).
companyId
==
this
.
state
.
company
.
company_id
?
JSON
.
parse
(
dataStorageCAT
).
listKPI
:
[]
})
let
arrayStorage
=
JSON
.
parse
(
dataStorageCAT
)
console
.
log
(
dataStorageCAT
)
let
indexListKPI
=
arrayStorage
.
findIndex
((
val
)
=>
val
.
userID
==
userID
)
let
selectedKPI
=
[]
let
indexListKPIDetail
=
-
1
if
(
indexListKPI
!=
-
1
)
{
indexListKPIDetail
=
arrayStorage
[
indexListKPI
].
listKPI
.
findIndex
((
val
)
=>
val
.
companyId
==
this
.
state
.
company
.
company_id
)
if
(
indexListKPIDetail
!=
-
1
)
{
selectedKPI
=
arrayStorage
[
indexListKPI
].
listKPI
[
indexListKPIDetail
].
list
}
}
this
.
setState
({
selectedKPI
})
}
}
this
.
getLastPeriod
()
this
.
getLastPeriod
()
})
})
...
@@ -312,12 +323,64 @@ export default class DashboardCAT extends Component {
...
@@ -312,12 +323,64 @@ export default class DashboardCAT extends Component {
setSelectedKPI
(
data
)
{
setSelectedKPI
(
data
)
{
this
.
setState
({
selectedKPI
:
data
},
()
=>
{
this
.
setState
({
selectedKPI
:
data
},
()
=>
{
let
dataStorageCAT
=
localStorage
.
getItem
(
Constant
.
DATACAT
)
let
userID
=
localStorage
.
getItem
(
Constant
.
USER
)
if
(
dataStorageCAT
!=
'datacat'
&&
dataStorageCAT
!=
null
)
{
let
arrayStorage
=
JSON
.
parse
(
dataStorageCAT
)
if
(
arrayStorage
.
length
>
0
)
{
let
indexID
=
arrayStorage
.
findIndex
((
val
)
=>
val
.
userID
==
userID
)
if
(
indexID
==
-
1
)
{
let
listKPI
=
[]
listKPI
.
push
({
list
:
this
.
state
.
selectedKPI
,
companyId
:
this
.
state
.
company
.
company_id
})
let
payloadData
=
{
let
payloadData
=
{
userID
:
localStorage
.
getItem
(
Constant
.
USER
),
userID
,
listKPI
:
this
.
state
.
selectedKPI
,
listKPI
}
arrayStorage
.
push
(
payloadData
)
console
.
log
(
'1'
)
console
.
log
(
arrayStorage
)
}
else
{
let
listKPI
=
arrayStorage
[
indexID
].
listKPI
let
indexComp
=
listKPI
.
findIndex
((
val
)
=>
val
.
companyId
==
this
.
state
.
company
.
company_id
)
if
(
indexComp
==
-
1
)
{
listKPI
.
push
({
list
:
this
.
state
.
selectedKPI
,
companyId
:
this
.
state
.
company
.
company_id
companyId
:
this
.
state
.
company
.
company_id
})
// arrayStorage.push(payloadData)
arrayStorage
[
indexID
].
listKPI
=
listKPI
console
.
log
(
'2'
)
console
.
log
(
arrayStorage
)
}
else
{
arrayStorage
[
indexID
].
listKPI
[
indexComp
].
list
=
this
.
state
.
selectedKPI
console
.
log
(
'3'
)
console
.
log
(
arrayStorage
)
}
}
localStorage
.
setItem
(
Constant
.
DATACAT
,
JSON
.
stringify
(
arrayStorage
))
console
.
log
(
localStorage
.
getItem
(
Constant
.
DATACAT
))
}
}
else
{
let
arrayStorage
=
[]
let
listKPI
=
[]
listKPI
.
push
({
list
:
this
.
state
.
selectedKPI
,
companyId
:
this
.
state
.
company
.
company_id
})
let
payloadData
=
{
userID
:
localStorage
.
getItem
(
Constant
.
USER
),
listKPI
}
arrayStorage
.
push
(
payloadData
)
localStorage
.
setItem
(
Constant
.
DATACAT
,
JSON
.
stringify
(
arrayStorage
))
console
.
log
(
'4'
)
console
.
log
(
arrayStorage
)
}
}
localStorage
.
setItem
(
Constant
.
DATACAT
,
this
.
state
.
selectedKPI
.
length
==
0
?
'datacat'
:
JSON
.
stringify
(
payloadData
))
})
})
}
}
...
@@ -365,11 +428,19 @@ export default class DashboardCAT extends Component {
...
@@ -365,11 +428,19 @@ export default class DashboardCAT extends Component {
id
=
"month"
id
=
"month"
onChange
=
{(
event
,
newInputValue
)
=>
this
.
setState
({
company
:
newInputValue
,
loading
:
true
},
()
=>
{
onChange
=
{(
event
,
newInputValue
)
=>
this
.
setState
({
company
:
newInputValue
,
loading
:
true
},
()
=>
{
let
dataStorageCAT
=
localStorage
.
getItem
(
Constant
.
DATACAT
)
let
dataStorageCAT
=
localStorage
.
getItem
(
Constant
.
DATACAT
)
let
userID
=
localStorage
.
getItem
(
Constant
.
USER
)
if
(
dataStorageCAT
!=
'datacat'
&&
dataStorageCAT
!=
null
)
{
if
(
dataStorageCAT
!=
'datacat'
&&
dataStorageCAT
!=
null
)
{
this
.
setState
({
selectedKPI
:
JSON
.
parse
(
dataStorageCAT
).
companyId
==
this
.
state
.
company
.
company_id
?
JSON
.
parse
(
dataStorageCAT
).
listKPI
:
[]
})
let
arrayStorage
=
JSON
.
parse
(
dataStorageCAT
)
console
.
log
(
dataStorageCAT
)
let
indexListKPI
=
arrayStorage
.
findIndex
((
val
)
=>
val
.
userID
==
userID
)
}
else
{
let
selectedKPI
=
[]
this
.
setState
({
selectedKPI
:
[]})
let
indexListKPIDetail
=
-
1
if
(
indexListKPI
!=
-
1
)
{
indexListKPIDetail
=
arrayStorage
[
indexListKPI
].
listKPI
.
findIndex
((
val
)
=>
val
.
companyId
==
this
.
state
.
company
.
company_id
)
if
(
indexListKPIDetail
!=
-
1
)
{
selectedKPI
=
arrayStorage
[
indexListKPI
].
listKPI
[
indexListKPIDetail
].
list
}
}
this
.
setState
({
selectedKPI
})
}
}
this
.
getDasboardCAT
()
this
.
getDasboardCAT
()
})}
})}
...
...
src/container/Laporan/KPIs.js
View file @
90515b1d
...
@@ -2,6 +2,7 @@ import React, { Component } from 'react'
...
@@ -2,6 +2,7 @@ import React, { Component } from 'react'
import
{
Checkbox
,
FormControlLabel
,
Menu
,
Paper
,
Typography
,
Button
}
from
'@material-ui/core'
import
{
Checkbox
,
FormControlLabel
,
Menu
,
Paper
,
Typography
,
Button
}
from
'@material-ui/core'
import
LineChart
from
'react-linechart'
;
import
LineChart
from
'react-linechart'
;
import
Images
from
'../../assets/Images'
import
Images
from
'../../assets/Images'
import
NumberFormat
from
'react-number-format'
;
export
default
class
StrategiMap
extends
Component
{
export
default
class
StrategiMap
extends
Component
{
constructor
(
props
)
{
constructor
(
props
)
{
...
@@ -221,7 +222,8 @@ export default class StrategiMap extends Component {
...
@@ -221,7 +222,8 @@ export default class StrategiMap extends Component {
<
/div
>
<
/div
>
<
div
style
=
{{
width
:
'10%'
,
display
:
'grid'
,
alignContent
:
'center'
}}
>
<
div
style
=
{{
width
:
'10%'
,
display
:
'grid'
,
alignContent
:
'center'
}}
>
<
Typography
style
=
{{
color
:
'#656565'
,
fontWeight
:
'bold'
,
fontSize
:
12
}}
>
{
item
.
current_value
}
<
/Typography
>
<
Typography
style
=
{{
color
:
'#656565'
,
fontWeight
:
'bold'
,
fontSize
:
12
}}
><
NumberFormat
value
=
{
item
.
current_value
}
displayType
=
{
'text'
}
thousandSeparator
=
{
true
}
/></
Typography
>
{
/* <Typography style={{ color: '#656565', fontWeight: 'bold', fontSize: 12 }}>{item.current_value}</Typography> */
}
<
/div
>
<
/div
>
<
div
style
=
{{
width
:
'10%'
,
display
:
'flex'
,
justifyContent
:
'center'
,
alignItems
:
'center'
}}
>
<
div
style
=
{{
width
:
'10%'
,
display
:
'flex'
,
justifyContent
:
'center'
,
alignItems
:
'center'
}}
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
alignItems
:
'center'
,
backgroundColor
:
item
.
achievement
<
-
10
?
'#333333'
:
item
.
achievement
<
0
?
'#333333'
:
'#333333'
,
height
:
70
,
width
:
105
,
marginRight
:
20
}}
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
alignItems
:
'center'
,
backgroundColor
:
item
.
achievement
<
-
10
?
'#333333'
:
item
.
achievement
<
0
?
'#333333'
:
'#333333'
,
height
:
70
,
width
:
105
,
marginRight
:
20
}}
>
...
...
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