@@ -29,18 +29,19 @@ var ProgressPage = (function (_super) {
29
29
_super . apply ( this , arguments ) ;
30
30
}
31
31
ProgressPage . prototype . canActivate = function ( isActive ) {
32
- var _a = this . props , chapterIndex = _a . chapterIndex , pageIndex = _a . pageIndex , position = _a . position ;
33
- var earlierChapter = chapterIndex < position . chapter ;
32
+ var _a = this . props , chapterIndex = _a . chapterIndex , pageIndex = _a . pageIndex , position = _a . position , progress = _a . progress ;
33
+ var completed = progress . chapters [ chapterIndex ] . pages [ pageIndex ] ;
34
34
var currentChapter = chapterIndex === position . chapter ;
35
35
var earlierOrCurrentPage = pageIndex <= position . page ;
36
- return isActive || earlierChapter ||
36
+ return isActive || completed ||
37
37
( currentChapter && earlierOrCurrentPage ) ;
38
38
} ;
39
39
ProgressPage . prototype . render = function ( ) {
40
- var _a = this . props , page = _a . page , position = _a . position , chapterIndex = _a . chapterIndex , pageIndex = _a . pageIndex , selectPage = _a . selectPage ;
40
+ var _a = this . props , page = _a . page , position = _a . position , chapterIndex = _a . chapterIndex , pageIndex = _a . pageIndex , progress = _a . progress , selectPage = _a . selectPage ;
41
41
var isActive = chapterIndex === position . chapter && pageIndex === position . page ;
42
42
var canActivate = this . canActivate ( isActive ) ;
43
- return ( React . createElement ( List_1 . ListItem , { key :pageIndex , style :Object . assign ( { } , styles , ! canActivate ?{ color :colors_1 . grey400 } :{ } ) , primaryText :( pageIndex + 1 ) + ". " + page . title , secondaryText :canActivate ?page . description :'' , leftIcon :progressIcon_1 . progressIcon ( page . completed , isActive ) , onClick :canActivate
43
+ var completed = progress . chapters [ chapterIndex ] . pages [ pageIndex ] ;
44
+ return ( React . createElement ( List_1 . ListItem , { key :pageIndex , style :Object . assign ( { } , styles , ! canActivate ?{ color :colors_1 . grey400 } :{ } ) , primaryText :( pageIndex + 1 ) + ". " + page . title , secondaryText :canActivate ?page . description :'' , leftIcon :progressIcon_1 . progressIcon ( completed , isActive ) , onClick :canActivate
44
45
?selectPage . bind ( this , {
45
46
chapter :chapterIndex ,
46
47
page :pageIndex