@@ -29,18 +29,19 @@ var ProgressPage = (function (_super) {
2929_super . apply ( this , arguments ) ;
3030}
3131ProgressPage . 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 ] ;
3434var currentChapter = chapterIndex === position . chapter ;
3535var earlierOrCurrentPage = pageIndex <= position . page ;
36- return isActive || earlierChapter ||
36+ return isActive || completed ||
3737( currentChapter && earlierOrCurrentPage ) ;
3838} ;
3939ProgressPage . 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 ;
4141var isActive = chapterIndex === position . chapter && pageIndex === position . page ;
4242var 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
4445 ?selectPage . bind ( this , {
4546chapter :chapterIndex ,
4647page :pageIndex