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
5f1934fe
Commit
5f1934fe
authored
Mar 24, 2021
by
Faisal Hamdi
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'faisal' into 'master'
cat ro! See merge request
!1329
parents
90a82d4d
f9f8d2dd
Changes
2
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
216 additions
and
280 deletions
+216
-280
RollingOutlook.js
src/container/RollingOutlook.js
+2
-0
CatRevision.js
src/container/RollingOutlook/CatRevision.js
+214
-280
No files found.
src/container/RollingOutlook.js
View file @
5f1934fe
...
...
@@ -1468,6 +1468,8 @@ export default class RollingOutlook extends Component {
quarter
=
{
this
.
state
.
quarter
.
value
}
isApprover
=
{
this
.
state
.
isApprover
}
prevRevision
=
{
this
.
state
.
isSubmit
?
this
.
state
.
prevRevision
:
true
}
status
=
{
this
.
state
.
status
}
lastStatus
=
{
this
.
state
.
lastStatus
}
/
>
)}
...
...
src/container/RollingOutlook/CatRevision.js
View file @
5f1934fe
...
...
@@ -74,7 +74,7 @@ export default class CatRevision extends Component {
dataInternalBsn
:
[],
dataFin
:
[],
dataLearn
:
[],
handleDataSalah
:
false
,
//
handleDataSalah: false,
get_for
:
'view'
,
viewOnly
:
true
,
...
...
@@ -462,7 +462,7 @@ export default class CatRevision extends Component {
"november"
:
i
[
5
]
===
'ROIC'
?
String
(
Number
(
i
[
21
]).
toFixed
(
1
))
:
stateFR
?
i
[
0
]
==
3
?
String
(
i
[
21
])
:
String
(
Number
(
i
[
21
].
value
).
toFixed
(
1
))
:
String
(
i
[
21
]),
"december"
:
i
[
5
]
===
'ROIC'
?
String
(
Number
(
i
[
22
]).
toFixed
(
1
))
:
stateFR
?
i
[
0
]
==
3
?
String
(
i
[
22
])
:
String
(
Number
(
i
[
22
].
value
).
toFixed
(
1
))
:
String
(
i
[
22
]),
"total_current_year"
:
i
[
6
]
===
'ROIC'
?
String
(
Number
(
i
[
23
]).
toFixed
(
1
))
:
String
(
Number
(
i
[
23
]).
toFixed
(
1
))
==
""
?
"0.0"
:
String
(
Number
(
i
[
23
]).
toFixed
(
1
)),
"strategic"
:
String
(
i
[
24
]),
"strategic
_initiative
"
:
String
(
i
[
24
]),
"pic"
:
String
(
i
[
25
])
})
})
...
...
@@ -514,7 +514,7 @@ export default class CatRevision extends Component {
payload
.
push
({
item_report_id
:
i
[
1
]
===
undefined
?
0
:
reg
.
test
(
String
(
i
[
1
]))
===
false
?
0
:
String
(
i
[
1
]).
trim
(),
item_report
:
i
[
2
]
===
undefined
?
""
:
String
(
i
[
2
]).
trim
(),
weight
:
i
[
3
]
===
undefined
?
""
:
String
(
Number
(
i
[
3
]
*
100
).
toFixed
(
1
))
+
'%'
,
weight
:
i
[
3
]
===
undefined
?
""
:
String
(
i
[
3
]).
trim
()
,
uom
:
i
[
4
]
===
undefined
?
""
:
String
(
i
[
4
]).
trim
(),
kpi_type
:
i
[
5
]
===
undefined
?
""
:
String
(
i
[
5
]).
trim
(),
max_ach
:
i
[
6
]
===
undefined
?
""
:
String
(
i
[
6
]).
toLocaleLowerCase
()
!==
'unlimited'
?
(
String
(
i
[
6
]).
includes
(
'%'
)
?
String
(
i
[
6
].
trim
())
:
String
(
Number
(
i
[
6
]
*
100
)
+
'%'
))
:
String
(
i
[
6
]).
trim
(),
...
...
@@ -530,8 +530,7 @@ export default class CatRevision extends Component {
october
:
i
[
16
]
===
undefined
?
"0.0"
:
reg
.
test
(
String
(
i
[
16
]))
===
false
?
"0.0"
:
String
(
Number
(
i
[
16
]).
toFixed
(
1
)).
trim
(),
november
:
i
[
17
]
===
undefined
?
"0.0"
:
reg
.
test
(
String
(
i
[
17
]))
===
false
?
"0.0"
:
String
(
Number
(
i
[
17
]).
toFixed
(
1
)).
trim
(),
december
:
i
[
18
]
===
undefined
?
"0.0"
:
reg
.
test
(
String
(
i
[
18
]))
===
false
?
"0.0"
:
String
(
Number
(
i
[
18
]).
toFixed
(
1
)).
trim
(),
total_current_year
:
i
[
19
]
==
0
?
"0.0"
:
String
(
Number
(
i
[
19
]).
toFixed
(
1
)).
trim
(),
strategic
:
i
[
20
]
===
undefined
?
""
:
String
(
i
[
20
]).
trim
(),
strategic_initiative
:
i
[
20
]
===
undefined
?
""
:
String
(
i
[
20
]).
trim
(),
pic
:
i
[
21
]
===
undefined
?
""
:
String
(
i
[
21
]).
trim
()
})
}
...
...
@@ -562,63 +561,64 @@ export default class CatRevision extends Component {
if
(
response
.
data
.
status
===
'success'
)
{
this
.
setState
({
visibleUpload
:
false
,
visibleCATRO
:
false
})
let
dataTable
=
[]
let
custoId
=
0
let
bisnsId
=
0
let
dataDelete
=
this
.
state
.
dataDelete
let
dataFin
=
this
.
state
.
dataFin
let
dataLearn
=
this
.
state
.
dataLearn
let
newValidate
=
false
//
let custoId = 0
//
let bisnsId = 0
//
let dataDelete = this.state.dataDelete
//
let dataFin = this.state.dataFin
//
let dataLearn = this.state.dataLearn
//
let newValidate = false
response
.
data
.
data
.
map
((
item
,
index
)
=>
{
if
(
item
.
item_report
==
'CUSTOMER PERSPECTIVE'
)
{
custoId
=
item
.
item_report_id
}
//
if (item.item_report == 'CUSTOMER PERSPECTIVE') {
//
custoId = item.item_report_id
//
}
if
(
item
.
item_report
==
'INTERNAL BUSINESS PROCESS PERSPECTIVE'
)
{
bisnsId
=
item
.
item_report_id
}
//
if (item.item_report == 'INTERNAL BUSINESS PROCESS PERSPECTIVE') {
//
bisnsId = item.item_report_id
//
}
if
(
String
(
item
.
item_report
).
trim
().
toLocaleUpperCase
()
==
"CUSTOMER PERSPECTIVE"
)
{
newValidate
=
true
}
//
if (String(item.item_report).trim().toLocaleUpperCase() == "CUSTOMER PERSPECTIVE") {
//
newValidate = true
//
}
if
(
String
(
item
.
item_report
).
trim
().
toLocaleUpperCase
()
==
"LEARNING & GROWTH PERSPECTIVE"
)
{
newValidate
=
false
}
//
if (String(item.item_report).trim().toLocaleUpperCase() == "LEARNING & GROWTH PERSPECTIVE") {
//
newValidate = false
//
}
if
(
item
.
type_report_id
!==
4
&&
item
.
parent
!==
null
&&
(
item
.
parent
==
custoId
||
item
.
parent
==
bisnsId
))
{
let
indexCust
=
this
.
state
.
dataCustomerPrs
.
findIndex
((
val
)
=>
val
.
name
==
item
.
item_report
)
let
indexBisn
=
this
.
state
.
dataInternalBsn
.
findIndex
((
val
)
=>
val
.
name
==
item
.
item_report
)
if
(
indexCust
!==
-
1
&&
item
.
item_report_id
==
0
)
{
dataDelete
.
push
(
this
.
state
.
dataCustomerPrs
[
indexCust
].
id
)
}
//
if (item.type_report_id !== 4 && item.parent !== null && (item.parent == custoId || item.parent == bisnsId)) {
//
let indexCust = this.state.dataCustomerPrs.findIndex((val) => val.name == item.item_report)
//
let indexBisn = this.state.dataInternalBsn.findIndex((val) => val.name == item.item_report)
//
if (indexCust !== -1 && item.item_report_id == 0) {
//
dataDelete.push(this.state.dataCustomerPrs[indexCust].id)
//
}
if
(
indexBisn
!==
-
1
&&
item
.
item_report_id
==
0
)
{
dataDelete
.
push
(
this
.
state
.
dataInternalBsn
[
indexBisn
].
id
)
}
}
//
if (indexBisn !== -1 && item.item_report_id == 0) {
//
dataDelete.push(this.state.dataInternalBsn[indexBisn].id)
//
}
//
}
if
(
newValidate
==
false
)
{
let
indexIDx
=
dataFin
.
findIndex
((
val
)
=>
String
(
val
.
name
).
toLocaleLowerCase
()
==
String
(
item
.
item_report
).
toLocaleLowerCase
())
let
indexIDz
=
dataLearn
.
findIndex
((
val
)
=>
String
(
val
.
name
).
toLocaleLowerCase
()
==
String
(
item
.
item_report
).
toLocaleLowerCase
())
if
(
indexIDx
!=
-
1
)
{
dataFin
[
indexIDx
].
check
=
true
}
if
(
indexIDz
!=
-
1
)
{
dataLearn
[
indexIDz
].
check
=
true
}
}
//
if (newValidate == false) {
//
let indexIDx = dataFin.findIndex((val) => String(val.name).toLocaleLowerCase() == String(item.item_report).toLocaleLowerCase())
//
let indexIDz = dataLearn.findIndex((val) => String(val.name).toLocaleLowerCase() == String(item.item_report).toLocaleLowerCase())
//
if (indexIDx != -1) {
//
dataFin[indexIDx].check = true
//
}
//
if (indexIDz != -1) {
//
dataLearn[indexIDz].check = true
//
}
//
}
dataTable
.
push
([
item
.
type_report_id
,
item
.
item_report_id
,
item
.
parent
,
item
.
formula
,
item
.
level
==
null
?
1
:
item
.
level
,
item
.
level
,
item
.
item_report
,
item
.
type_report_id
==
1
?
`
${
Number
(
item
.
weight
)
*
100
}
%`
:
(
String
(
item
.
weight
))
,
item
.
weight
,
item
.
uom
,
item
.
kpi
_type
==
""
||
item
.
kpi_type
==
null
?
null
:
{
value
:
item
.
kpi_type
},
item
.
kpi
==
""
||
item
.
kpi
==
null
?
null
:
{
value
:
item
.
kpi
},
item
.
max_ach
==
""
||
item
.
max_ach
==
null
?
null
:
{
value
:
titleCase
(
item
.
max_ach
)
},
item
.
formula_ytd
==
""
||
item
.
formula_ytd
==
null
?
null
:
{
value
:
item
.
formula_ytd
},
item
.
item_report
===
'ROIC'
?
Number
(
item
.
january
).
toFixed
(
1
)
:
item
.
parent_name
==
"FINANCIAL PERSPECTIVE"
?
item
.
type_report_id
==
3
?
Number
(
item
.
january
).
toFixed
(
1
)
:
{
value
:
item
.
january
,
formula
:
item
.
january_formula
}
:
item
.
january
==
""
?
item
.
january
:
String
(
item
.
january
).
indexOf
(
"."
)
==
-
1
?
Number
(
item
.
january
)
:
Number
(
item
.
january
).
toFixed
(
1
),
item
.
item_report
===
'ROIC'
?
Number
(
item
.
february
).
toFixed
(
1
)
:
item
.
parent_name
==
"FINANCIAL PERSPECTIVE"
?
item
.
type_report_id
==
3
?
Number
(
item
.
february
).
toFixed
(
1
)
:
{
value
:
item
.
february
,
formula
:
item
.
february_formula
}
:
item
.
february
==
""
?
item
.
february
:
String
(
item
.
february
).
indexOf
(
"."
)
==
-
1
?
Number
(
item
.
february
)
:
Number
(
item
.
february
).
toFixed
(
1
),
item
.
item_report
===
'ROIC'
?
Number
(
item
.
march
).
toFixed
(
1
)
:
item
.
parent_name
==
"FINANCIAL PERSPECTIVE"
?
item
.
type_report_id
==
3
?
Number
(
item
.
march
).
toFixed
(
1
)
:
{
value
:
item
.
march
,
formula
:
item
.
march_formula
}
:
item
.
march
==
""
?
item
.
march
:
String
(
item
.
march
).
indexOf
(
"."
)
==
-
1
?
Number
(
item
.
march
)
:
Number
(
item
.
march
).
toFixed
(
1
),
...
...
@@ -631,31 +631,31 @@ export default class CatRevision extends Component {
item
.
item_report
===
'ROIC'
?
Number
(
item
.
october
).
toFixed
(
1
)
:
item
.
parent_name
==
"FINANCIAL PERSPECTIVE"
?
item
.
type_report_id
==
3
?
Number
(
item
.
october
).
toFixed
(
1
)
:
{
value
:
item
.
october
,
formula
:
item
.
october_formula
}
:
item
.
october
==
""
?
item
.
october
:
String
(
item
.
october
).
indexOf
(
"."
)
==
-
1
?
Number
(
item
.
october
)
:
Number
(
item
.
october
).
toFixed
(
1
),
item
.
item_report
===
'ROIC'
?
Number
(
item
.
november
).
toFixed
(
1
)
:
item
.
parent_name
==
"FINANCIAL PERSPECTIVE"
?
item
.
type_report_id
==
3
?
Number
(
item
.
november
).
toFixed
(
1
)
:
{
value
:
item
.
november
,
formula
:
item
.
november_formula
}
:
item
.
november
==
""
?
item
.
november
:
String
(
item
.
november
).
indexOf
(
"."
)
==
-
1
?
Number
(
item
.
november
)
:
Number
(
item
.
november
).
toFixed
(
1
),
item
.
item_report
===
'ROIC'
?
Number
(
item
.
december
).
toFixed
(
1
)
:
item
.
parent_name
==
"FINANCIAL PERSPECTIVE"
?
item
.
type_report_id
==
3
?
Number
(
item
.
december
).
toFixed
(
1
)
:
{
value
:
item
.
december
,
formula
:
item
.
december_formula
}
:
item
.
december
==
""
?
item
.
december
:
String
(
item
.
december
).
indexOf
(
"."
)
==
-
1
?
Number
(
item
.
december
)
:
Number
(
item
.
december
).
toFixed
(
1
),
item
.
total_current_year
==
""
?
item
.
total_current_year
:
String
(
item
.
total_current_year
).
indexOf
(
"."
)
==
-
1
?
Number
(
item
.
total_current_year
)
:
Number
(
item
.
total_current_year
).
toFixed
(
1
),
item
.
strategic
,
item
.
current_year_total
==
""
?
item
.
current_year_total
:
String
(
item
.
current_year_total
).
indexOf
(
"."
)
==
-
1
?
Number
(
item
.
current_year_total
)
:
Number
(
item
.
total_current_year
).
toFixed
(
1
),
item
.
strategic
_initiative
,
item
.
pic
,
item
.
order
,
item
.
error
])
})
let
checkDataFin
=
dataFin
.
filter
((
val
)
=>
val
.
check
==
false
)
let
checkDataLearn
=
dataLearn
.
filter
((
val
)
=>
val
.
check
==
false
)
let
handleDataSalah
=
this
.
state
.
handleDataSalah
//
let checkDataFin = dataFin.filter((val) => val.check == false)
//
let checkDataLearn = dataLearn.filter((val) => val.check == false)
//
let handleDataSalah = this.state.handleDataSalah
if
(
checkDataFin
.
length
>
0
||
checkDataLearn
.
length
>
0
)
{
handleDataSalah
=
true
}
//
if (checkDataFin.length > 0 || checkDataLearn.length > 0) {
//
handleDataSalah = true
//
}
// console.log(indexCheck)
// console.log(this.state.buttonError)
//
console.log(dataTable)
this
.
setState
({
dataTable
,
dataLoaded
:
true
,
loading
:
false
,
buttonError
:
false
,
editable
:
true
,
dataDelete
,
handleDataSalah
},
()
=>
{
console
.
log
(
dataTable
)
this
.
setState
({
dataTable
,
dataLoaded
:
true
,
loading
:
false
,
buttonError
:
false
,
editable
:
true
},
()
=>
{
this
.
state
.
dataTable
.
map
(
item
=>
{
if
(
item
[
2
7
].
length
>
0
)
{
if
(
item
[
2
6
].
length
>
0
)
{
console
.
log
(
'masuk'
)
this
.
setState
({
buttonError
:
true
,
errorPreview
:
true
,
editable
:
true
})
}
})
console
.
log
(
this
.
state
.
dataTable
);
//
console.log(this.state.dataTable);
})
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
,
loading
:
false
},
()
=>
{
...
...
@@ -676,152 +676,89 @@ export default class CatRevision extends Component {
})
}
uploadCAT
(
type
)
{
// let dataDelete = this.state.dataDelete
// // // // console.log(dataDelete)
let
payload
=
{
"item_report_id"
:
this
.
state
.
dataDelete
}
if
(
this
.
state
.
dataDelete
.
length
>
0
)
{
api
.
create
().
deleteAllItemReport
(
payload
).
then
((
response
)
=>
{
this
.
functionUpload
(
type
)
})
uploadCATRO
(
type
)
{
let
data
=
[]
let
stateFR
=
false
console
.
log
(
this
.
state
.
dataTable
)
this
.
state
.
dataTable
.
map
(
i
=>
{
if
(
i
[
2
]
!==
null
)
{
let
indexID
=
this
.
state
.
dataTable
.
findIndex
((
val
)
=>
val
[
1
]
==
i
[
2
])
if
(
indexID
!==
-
1
)
{
if
(
this
.
state
.
dataTable
[
indexID
][
6
]
===
'FINANCIAL PERSPECTIVE'
)
{
stateFR
=
true
}
else
{
this
.
functionUpload
(
type
)
stateFR
=
false
}
}
}
else
{
stateFR
=
false
}
data
.
push
({
"item_report_id"
:
i
[
1
]
==
""
||
i
[
1
]
==
null
?
0
:
i
[
1
],
"item_report"
:
String
(
i
[
5
]),
"weight"
:
String
(
i
[
6
]),
"uom"
:
String
(
i
[
7
]),
"kpi_type"
:
i
[
8
]
==
null
?
""
:
i
[
8
].
value
,
"max_ach"
:
i
[
9
]
==
null
?
""
:
i
[
9
].
value
,
"formula"
:
i
[
10
]
==
null
?
""
:
i
[
10
].
value
,
"january"
:
i
[
5
]
===
'ROIC'
?
String
(
Number
(
i
[
11
]).
toFixed
(
1
))
:
stateFR
?
i
[
0
]
==
3
?
String
(
i
[
11
])
:
String
(
Number
(
i
[
11
].
value
).
toFixed
(
1
))
:
String
(
i
[
11
]),
"february"
:
i
[
5
]
===
'ROIC'
?
String
(
Number
(
i
[
12
]).
toFixed
(
1
))
:
stateFR
?
i
[
0
]
==
3
?
String
(
i
[
12
])
:
String
(
Number
(
i
[
12
].
value
).
toFixed
(
1
))
:
String
(
i
[
12
]),
"march"
:
i
[
5
]
===
'ROIC'
?
String
(
Number
(
i
[
13
]).
toFixed
(
1
))
:
stateFR
?
i
[
0
]
==
3
?
String
(
i
[
13
])
:
String
(
Number
(
i
[
13
].
value
).
toFixed
(
1
))
:
String
(
i
[
13
]),
"april"
:
i
[
5
]
===
'ROIC'
?
String
(
Number
(
i
[
14
]).
toFixed
(
1
))
:
stateFR
?
i
[
0
]
==
3
?
String
(
i
[
14
])
:
String
(
Number
(
i
[
14
].
value
).
toFixed
(
1
))
:
String
(
i
[
14
]),
"may"
:
i
[
5
]
===
'ROIC'
?
String
(
Number
(
i
[
15
]).
toFixed
(
1
))
:
stateFR
?
i
[
0
]
==
3
?
String
(
i
[
15
])
:
String
(
Number
(
i
[
15
].
value
).
toFixed
(
1
))
:
String
(
i
[
15
]),
"june"
:
i
[
5
]
===
'ROIC'
?
String
(
Number
(
i
[
16
]).
toFixed
(
1
))
:
stateFR
?
i
[
0
]
==
3
?
String
(
i
[
16
])
:
String
(
Number
(
i
[
16
].
value
).
toFixed
(
1
))
:
String
(
i
[
16
]),
"july"
:
i
[
5
]
===
'ROIC'
?
String
(
Number
(
i
[
17
]).
toFixed
(
1
))
:
stateFR
?
i
[
0
]
==
3
?
String
(
i
[
17
])
:
String
(
Number
(
i
[
17
].
value
).
toFixed
(
1
))
:
String
(
i
[
17
]),
"august"
:
i
[
5
]
===
'ROIC'
?
String
(
Number
(
i
[
18
]).
toFixed
(
1
))
:
stateFR
?
i
[
0
]
==
3
?
String
(
i
[
18
])
:
String
(
Number
(
i
[
18
].
value
).
toFixed
(
1
))
:
String
(
i
[
18
]),
"september"
:
i
[
5
]
===
'ROIC'
?
String
(
Number
(
i
[
19
]).
toFixed
(
1
))
:
stateFR
?
i
[
0
]
==
3
?
String
(
i
[
19
])
:
String
(
Number
(
i
[
19
].
value
).
toFixed
(
1
))
:
String
(
i
[
19
]),
"october"
:
i
[
5
]
===
'ROIC'
?
String
(
Number
(
i
[
20
]).
toFixed
(
1
))
:
stateFR
?
i
[
0
]
==
3
?
String
(
i
[
20
])
:
String
(
Number
(
i
[
20
].
value
).
toFixed
(
1
))
:
String
(
i
[
20
]),
"november"
:
i
[
5
]
===
'ROIC'
?
String
(
Number
(
i
[
21
]).
toFixed
(
1
))
:
stateFR
?
i
[
0
]
==
3
?
String
(
i
[
21
])
:
String
(
Number
(
i
[
21
].
value
).
toFixed
(
1
))
:
String
(
i
[
21
]),
"december"
:
i
[
5
]
===
'ROIC'
?
String
(
Number
(
i
[
22
]).
toFixed
(
1
))
:
stateFR
?
i
[
0
]
==
3
?
String
(
i
[
22
])
:
String
(
Number
(
i
[
22
].
value
).
toFixed
(
1
))
:
String
(
i
[
22
]),
"total_current_year"
:
i
[
6
]
===
'ROIC'
?
String
(
Number
(
i
[
23
]).
toFixed
(
1
))
:
String
(
Number
(
i
[
23
]).
toFixed
(
1
))
==
""
?
"0.0"
:
String
(
Number
(
i
[
23
]).
toFixed
(
1
)),
"strategic"
:
String
(
i
[
24
]),
"pic"
:
String
(
i
[
25
])
})
})
let
payload
=
{
"rolling_outlook_id"
:
this
.
props
.
rollingOutlookID
,
"company_id"
:
this
.
props
.
company
.
company_id
,
"periode"
:
this
.
props
.
periode
,
"report_id"
:
this
.
props
.
report_id
,
"quartal"
:
this
.
props
.
quarter
,
"status"
:
type
,
"cat"
:
data
}
// console.log(data);
// console.log(JSON.stringify(body))
api
.
create
(
'UPLOAD'
).
importRollingOutlookCAT
(
payload
).
then
(
response
=>
{
console
.
log
(
payload
);
console
.
log
(
response
);
if
(
response
.
data
)
{
if
(
response
.
ok
)
{
if
(
response
.
data
.
status
===
"success"
)
{
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
);
}
})
}
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'error'
,
loading
:
false
})
}
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
'Error saving data. Please try again'
,
tipeAlert
:
'error'
,
loading
:
false
})
}
})
}
handleValidate
()
{
// let data = []
// // // // console.log(this.state.dataTable)
// let totalWeight = 0
// let dataTableBaru = this.state.dataTable
// let dataTampung = []
// let weightReal = null
// let handleKosongKPIMAXYTD = false
// let stateFR = false
// console.log(this.state.dataTable)
// this.state.dataTable.map((i, index) => {
// if (i[0] == 1) {
// dataTampung.push({
// id: i[1],
// maxValue: i[7],
// valChild: 0
// })
// }
// if (i[0] !== 1 && i[0] !== 4) {
// totalWeight += Number(i[7] == "" || i[7] == undefined ? 0 : i[7].replace('%', ''))
// }
// if (i[2] !== null) {
// let indexID = this.state.dataTable.findIndex((val) => val[1] == i[2])
// // // // // console.log(indexID)
// // // // // console.log(i[2])
// if (indexID !== -1) {
// // // // // console.log(dataTableBaru[indexID][6])
// if (dataTableBaru[indexID][6] == 'INTERNAL BUSINESS PROCESS PERSPECTIVE' || dataTableBaru[indexID][6] == 'CUSTOMER PERSPECTIVE') {
// if (i[6] == "" || i[7] == "" || i[9] == null || i[10] == null || i[11] == null) {
// handleKosongKPIMAXYTD = true
// // // // // console.log(handleKosongKPIMAXYTD)
// }
// } else if (dataTableBaru[indexID][6] === 'FINANCIAL PERSPECTIVE') {
// stateFR = true
// } else {
// stateFR = false
// }
// }
// }
// // if (i[0] == null && i[2] == null) {
// // if (i[6] == "" || i[7] == "" || i[9] == null || i[10] == null || i[11] == null) {
// // handleKosongKPIMAXYTD = true
// // // // // // console.log(handleKosongKPIMAXYTD)
// // }
// // }
// if (i[2] !== null) {
// let indexID = dataTampung.findIndex((val) => val.id == i[2])
// if (indexID !== -1) {
// let weightParent = Number(dataTampung[indexID].maxValue == "" || dataTampung[indexID].maxValue == undefined ? 0 : dataTampung[indexID].maxValue.replace('%', ''))
// let valChild = Number(dataTampung[indexID].valChild)
// let valReal = Number(i[7] == "" || i[7] == undefined ? 0 : i[7].replace('%', ''))
// let totalBaru = valChild + valReal
// if (totalBaru > weightParent) {
// dataTableBaru[index][7] = `${String(Number(weightParent - valChild).toFixed(1)) + '%'}`
// dataTampung[indexID].valChild = dataTampung[indexID].valChild + weightParent - valChild
// weightReal = `${String(Number(weightParent - valChild).toFixed(1)) + '%'}`
// } else {
// dataTableBaru[index][7] = i[7]
// weightReal = i[7]
// dataTampung[indexID].valChild = dataTampung[indexID].valChild + Number(i[7] == "" || i[7] == undefined ? 0 : i[7].replace('%', ''))
// }
// // // // // console.log(weightReal)
// // console.log(dataTableBaru[index][7])
// // console.log(dataTampung[indexID].valChild)
// }
// }
// // // console.log(String(weightReal).substr(0,String(weightReal).length-1))
// // // console.log(Number(String(weightReal).substr(0,String(weightReal).length-1)).toFixed(1));
// console.log(weightReal)
// console.log(i[7])
// let b = []
// // console.log(i[13].value == undefined? 'Y' : 'N')
// data.push({
// "item_report_id": i[1] == "" || i[1] == null ? 0 : i[1],
// "item_name": String(i[6]),
// "parent": i[2] == "" ? null : i[2],
// "weight": weightReal == null ? String(i[7]) : weightReal,
// "uom": String(i[8]),
// "kpi_type": i[9] == null ? "" : i[9].value,
// "max_ach": i[10] == null ? "" : i[10].value,
// "formula": i[11] == null ? "" : i[11].value,
// "total_actual_before": String(i[12]) == "" ? "0.0" : String(i[12]),
// "january": i[13].value == undefined? (String(i[13]) == ''? "0.0" : String(i[13])) : String(i[13].value),
// "february": i[14].value == undefined? (String(i[14]) == ''? "0.0" : String(i[14])) : String(i[14].value),
// "march": i[15].value == undefined? (String(i[15]) == ''? "0.0" : String(i[15])) : String(i[15].value),
// "april": i[16].value == undefined? (String(i[16]) == ''? "0.0" : String(i[16])) : String(i[16].value),
// "may": i[17].value == undefined? (String(i[17]) == ''? "0.0" : String(i[17])) : String(i[17].value),
// "june": i[18].value == undefined? (String(i[18]) == ''? "0.0" : String(i[18])) : String(i[18].value),
// "july": i[19].value == undefined? (String(i[19]) == ''? "0.0" : String(i[19])) : String(i[19].value),
// "august": i[20].value == undefined? (String(i[20]) == ''? "0.0" : String(i[20])) : String(i[20].value),
// "september": i[21].value == undefined? (String(i[21]) == ''? "0.0" : String(i[21])) : String(i[21].value),
// "october": i[22].value == undefined? (String(i[22]) == ''? "0.0" : String(i[22])) : String(i[22].value),
// "november": i[23].value == undefined? (String(i[23]) == ''? "0.0" : String(i[23])) : String(i[23].value),
// "december": i[24].value == undefined? (String(i[24]) == ''? "0.0" : String(i[24])) : String(i[24].value),
// "total_current_year": String(i[25]) == "" ? "0.0" : String(i[25]),
// "strategic": String(i[28]),
// "pic": String(i[29])
// })
// stateFR = false
// })
// // console.log(dataTableBaru)
// // console.log(JSON.stringify(data))
// let payload = {
// "submission_id": this.props.submissionID,
// "company_id": this.props.company.company_id,
// "periode": this.props.periode,
// "report_id": this.props.report_id,
// "status": "submitted",
// "cat": data
// }
// // console.log(totalWeight)
// // this.setState({dataTable: dataTampung})
// if (handleKosongKPIMAXYTD) {
// this.setState({ alert: true, messageAlert: 'KPI / Weight / KPI Type / Max Ach / Formula YTD / Cannot be Empty', tipeAlert: 'warning', loading: false, editable: true })
// } else if (totalWeight < 100) {
// this.setState({ alert: true, messageAlert: 'Total weight less than 100%', tipeAlert: 'warning', loading: false, editable: true })
// } else {
// console.log(JSON.stringify(payload))
// api.create().validateSubmitReport(payload).then((response) => {
// console.log(response)
// if (response.data.data.result) {
this
.
setState
({
loading
:
false
,
buttonError
:
false
,
editable
:
false
,
buttonDraft
:
false
})
// } else {
// this.setState({ loading: false, buttonError: true, editable: true, buttonDraft: true })
// }
// })
// }
}
getLatestUpdate
()
{
...
...
@@ -849,7 +786,6 @@ export default class CatRevision extends Component {
render
()
{
let
dataTable2
=
this
.
state
.
dataTable
let
dataDelete
=
this
.
state
.
dataDelete
const
handleChange
=
(
value
,
tableMeta
)
=>
{
let
val
=
String
(
value
).
split
(
","
).
join
(
""
)
dataTable2
[
tableMeta
.
rowIndex
][
tableMeta
.
columnIndex
]
=
Number
(
val
)
...
...
@@ -1283,15 +1219,15 @@ export default class CatRevision extends Component {
return
total
}
else
{
dataTable2
[
tableMeta
.
rowIndex
].
map
((
item
,
index
)
=>
{
if
(
index
>=
1
3
&&
index
<=
24
)
{
if
(
index
>=
1
1
&&
index
<=
22
)
{
let
valItem
=
item
==
undefined
||
item
==
""
?
0
:
item
total
+=
Number
(
valItem
)
if
(
index
==
2
4
)
{
if
(
index
==
2
2
)
{
lastValz
+=
Number
(
valItem
)
}
}
})
let
valz
=
dataTable2
[
tableMeta
.
rowIndex
][
1
1
]
==
null
?
'SUM'
:
dataTable2
[
tableMeta
.
rowIndex
][
11
].
value
let
valz
=
dataTable2
[
tableMeta
.
rowIndex
][
1
0
]
==
null
?
'SUM'
:
dataTable2
[
tableMeta
.
rowIndex
][
10
].
value
dataTable2
[
tableMeta
.
rowIndex
][
tableMeta
.
columnIndex
]
=
(
valz
==
'SUM'
?
total
:
(
valz
==
'AVG'
?
(
total
/
12
)
:
lastValz
))
return
(
valz
==
'SUM'
?
total
:
(
valz
==
'AVG'
?
(
total
/
12
)
:
lastValz
))
}
...
...
@@ -1333,28 +1269,28 @@ export default class CatRevision extends Component {
setCellProps
:
()
=>
({
style
}),
customBodyRender
:
(
val
,
tableMeta
)
=>
{
return
(
handleAction
(
tableMeta
.
rowData
[
2
],
tableMeta
.
rowData
[
0
],
tableMeta
)
&&
(
tableMeta
.
rowData
[
1
]
==
""
||
String
(
this
.
props
.
status
).
toLocaleLowerCase
()
==
'draft'
||
String
(
this
.
props
.
status
).
toLocaleLowerCase
()
==
'submitted'
||
String
(
this
.
props
.
status
).
toLocaleLowerCase
()
==
'revision'
)
?
<
div
style
=
{{
textAlign
:
'left'
,
paddingLeft
:
20
*
Number
(
tableMeta
.
rowData
[
4
])
}}
>
{
!
this
.
state
.
loading
&&
<
FormControlLabel
style
=
{{
margin
:
0
}}
control
=
{
<
Input
disableUnderline
=
{
true
}
style
=
{{
color
:
tableMeta
.
rowData
[
1
]
==
""
?
"#5198ea"
:
"black"
,
fontSize
:
12
,
textAlign
:
'left'
,
borderColor
:
'transparent'
,
margin
:
0
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
defaultValue
=
{
val
}
// disabled={!handleAction(tableMeta.rowData[2])}
onBlur
=
{(
event
)
=>
{
// // // // console.log(event.target.value)
handleChangeText
(
event
.
target
.
value
,
tableMeta
)
// // // console.log(dataTable2)
}}
/
>
}
/>
}
<
/div
>
:
//
handleAction(tableMeta.rowData[2], tableMeta.rowData[0], tableMeta) && (tableMeta.rowData[1] == "" || String(this.props.status).toLocaleLowerCase() == 'draft' || String(this.props.status).toLocaleLowerCase() == 'submitted' || String(this.props.status).toLocaleLowerCase() == 'revision') ?
//
<div style={{ textAlign: 'left', paddingLeft: 20 * Number(tableMeta.rowData[4]) }}>
//
{!this.state.loading && <FormControlLabel
//
style={{ margin: 0 }}
//
control={
//
<Input
//
disableUnderline={true}
//
style={{ color: tableMeta.rowData[1] == "" ? "#5198ea" : "black", fontSize: 12, textAlign: 'left', borderColor: 'transparent', margin: 0, backgroundColor: 'transparent' }}
//
type="text"
//
placeholder=""
//
defaultValue={val}
//
// disabled={!handleAction(tableMeta.rowData[2])}
//
onBlur={(event) => {
//
// // // // console.log(event.target.value)
//
handleChangeText(event.target.value, tableMeta)
//
// // // console.log(dataTable2)
//
}}
//
/>
//
}
//
/>}
//
</div>
//
:
<
div
style
=
{{
width
:
300
}}
>
{
tableMeta
.
rowData
[
32
]
?
tableMeta
.
rowData
[
32
].
length
>
0
?
...
...
@@ -1403,12 +1339,9 @@ export default class CatRevision extends Component {
setCellProps
:
()
=>
({
style2
}),
customBodyRender
:
(
value
,
tableMeta
,
updateValue
)
=>
{
return
(
<
div
style
=
{{
textAlign
:
'
right
'
}}
>
<
div
style
=
{{
textAlign
:
'
center
'
}}
>
{
tableMeta
.
rowData
[
0
]
===
2
||
tableMeta
.
rowData
[
0
]
===
4
?
null
:
tableMeta
.
rowData
[
0
]
===
1
?
value
:
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
...
...
@@ -1417,12 +1350,11 @@ export default class CatRevision extends Component {
<
NumberFormat
thousandSeparator
=
{
true
}
suffix
=
"%"
style
=
{{
fontSize
:
12
,
textAlign
:
'right
'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
style
=
{{
fontSize
:
12
,
textAlign
:
'center
'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
value
=
{
value
}
// disabled={this.props.quarter == 'q1'? false : true}
disable
=
{
true
}
disabled
=
{
true
}
maxLength
=
{
4
}
onBlur
=
{(
event
)
=>
{
// updateValue(some)
...
...
@@ -1447,14 +1379,14 @@ export default class CatRevision extends Component {
),
customBodyRender
:
(
value
,
tableMeta
,
updateValue
)
=>
{
return
(
<
div
style
=
{{
textAlign
:
'
right
'
}}
>
<
div
style
=
{{
textAlign
:
'
center
'
}}
>
{
tableMeta
.
rowData
[
0
]
===
1
||
tableMeta
.
rowData
[
0
]
===
2
||
tableMeta
.
rowData
[
0
]
===
4
?
null
:
<
FormControlLabel
style
=
{{
margin
:
0
}}
// value={value}
control
=
{
!
handleAction
(
tableMeta
.
rowData
[
2
],
tableMeta
.
rowData
[
0
])
?
//
!handleAction(tableMeta.rowData[2], tableMeta.rowData[0]) ?
<
Input
disableUnderline
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'center'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
,
marginTop
:
-
10
}}
...
...
@@ -1469,24 +1401,27 @@ export default class CatRevision extends Component {
// handleChangeText(event.target.value, tableMeta)
// // // // console.log(dataTable2)
}}
/>
:
<
ThemeProvider
theme
=
{
theme
}
>
<
Input
disableUnderline
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'center'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
,
marginBottom
:
-
5
}}
type
=
"text"
placeholder
=
""
defaultValue
=
{
value
}
color
=
{
"#5198ea"
}
// disabled={this.props.isApprover ? true : ((this.props.lastStatus == 'SUBMIT' || this.props.lastStatus == 'REVISION') && this.props.prevRevision === false ? false : !handleAction(tableMeta.rowData[2]))}
onBlur
=
{(
event
)
=>
{
// // // // console.log(event.target.value)
// updateValue(event.target.value)
handleChangeText
(
event
.
target
.
value
,
tableMeta
)
// // // // console.log(dataTable2)
}}
/>
<
/ThemeProvider
>
// />
// />
// :
// <ThemeProvider theme={theme}>
// <Input
// disableUnderline={true}
// style={{ fontSize: 12, textAlign: 'center', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent', marginBottom: -5 }}
// type="text"
// placeholder=""
// defaultValue={value}
// color={"#5198ea"}
// // disabled={this.props.isApprover ? true : ((this.props.lastStatus == 'SUBMIT' || this.props.lastStatus == 'REVISION') && this.props.prevRevision === false ? false : !handleAction(tableMeta.rowData[2]))}
// onBlur={(event) => {
// // // // // console.log(event.target.value)
// // updateValue(event.target.value)
// handleChangeText(event.target.value, tableMeta)
// // // // // console.log(dataTable2)
// }}
// />
// </ThemeProvider>
}
/
>
}
...
...
@@ -2752,13 +2687,13 @@ export default class CatRevision extends Component {
{
tableMeta
.
rowData
[
0
]
===
1
||
tableMeta
.
rowData
[
0
]
===
2
||
tableMeta
.
rowData
[
0
]
===
4
?
null
:
this
.
state
.
get_for
==
"view"
?
<
NumberForma
t
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'
right
'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
<
Inpu
t
disableUnderline
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'
center
'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
disabled
=
{
true
}
value
=
{
Number
(
value
).
toFixed
(
1
)
}
defaultValue
=
{
value
}
/
>
:
<
FormControlLabel
...
...
@@ -2802,13 +2737,13 @@ export default class CatRevision extends Component {
{
tableMeta
.
rowData
[
0
]
===
1
||
tableMeta
.
rowData
[
0
]
===
2
||
tableMeta
.
rowData
[
0
]
===
4
?
null
:
this
.
state
.
get_for
==
"view"
?
<
NumberForma
t
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'
righ
t'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
<
Inpu
t
disableUnderline
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'
lef
t'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
disabled
=
{
true
}
value
=
{
Number
(
value
).
toFixed
(
1
)
}
defaultValue
=
{
value
}
/
>
:
<
FormControlLabel
...
...
@@ -2822,7 +2757,6 @@ export default class CatRevision extends Component {
type
=
"text"
placeholder
=
""
disabled
=
{
this
.
props
.
quarter
==
'q1'
?
false
:
true
}
disable
=
{
true
}
defaultValue
=
{
value
}
onBlur
=
{(
event
)
=>
{
// // // // console.log(event.target.value)
...
...
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