@@ -24,9 +24,10 @@ var Incomplete = require(iconPath + 'toggle/check-box-outline-blank');
24
24
var RunningTest = require ( iconPath + 'toggle/indeterminate-check-box' ) ;
25
25
var material_ui_2 = require ( 'material-ui' ) ;
26
26
var content_1 = require ( './content' ) ;
27
+ var task_1 = require ( './task' ) ;
27
28
var hint_1 = require ( './hint' ) ;
28
29
var page_complete_1 = require ( './page-complete' ) ;
29
- var task_1 = require ( './task ' ) ;
30
+ var toolbar_1 = require ( './toolbar ' ) ;
30
31
var Info = require ( iconPath + 'action/info' ) ;
31
32
var InfoOutline = require ( iconPath + 'action/info-outline' ) ;
32
33
var style = {
@@ -68,14 +69,15 @@ var default_1 = (function (_super) {
68
69
var _a = this . props , page = _a . page , taskPosition = _a . taskPosition , hintPosition = _a . hintPosition , tasks = _a . tasks , runTests = _a . runTests ;
69
70
var currentTask = taskPosition <= tasks . length ?tasks [ taskPosition ] :null ;
70
71
var allComplete = taskPosition >= tasks . length ;
71
- return ( React . createElement ( material_ui_2 . Paper , { style :style , zDepth :1 , className :'cr-page' } , React . createElement ( content_1 . default , { page :page } ) , React . createElement ( material_ui_1 . Divider , null ) , React . createElement ( material_ui_1 . List , { subheader :'Tasks' , className :'cr-tasks' , ref :'tasks' } , React . createElement ( task_1 . Tasks , { tasks :tasks , taskPosition :taskPosition , runTests :runTests } ) , React . createElement ( hint_1 . TaskHints , { task :currentTask , hintPosition :hintPosition } ) , React . createElement ( page_complete_1 . PageCompleteMessage , { page :page } ) , React . createElement ( "div" , { ref :'listEnd' } ) ) , React . createElement ( "section" , { className :'cr-page-toolbar' } , React . createElement ( material_ui_2 . LinearProgress , { mode :'determinate' , value :taskProgress ( taskPosition , tasks . length ) , style :{ height :'6px' } } ) , React . createElement ( material_ui_2 . Toolbar , null , currentTask && currentTask . hints && currentTask . hints . length ?
72
- React . createElement ( material_ui_2 . ToolbarGroup , { float :'left' } , hintPosition <= currentTask . hints . length - 2 ?
73
- React . createElement ( material_ui_2 . FlatButton , { className :'cr-task-showHint' , icon :React . createElement ( InfoOutline , null ) , onClick :this . displayHint . bind ( this , currentTask ) } )
74
- :React . createElement ( material_ui_2 . FlatButton , { className :'cr-task-showHint-disabled' , icon :React . createElement ( Info , null ) , disabled :true } ) )
75
- :null , React . createElement ( material_ui_2 . ToolbarGroup , { float :'right' } , allComplete ?
76
- React . createElement ( material_ui_2 . RaisedButton , { label :'Continue' , primary :true , onClick :this . props . callNextPage } )
77
- :
78
- React . createElement ( material_ui_2 . RaisedButton , { label :'Run' , secondary :true , onClick :this . props . callRunTests } ) ) ) ) ) ) ;
72
+ return ( React . createElement ( material_ui_2 . Paper , { style :style , zDepth :1 , className :'cr-page' } ,
73
+ React . createElement ( content_1 . default , { page :page } ) ,
74
+ React . createElement ( material_ui_1 . Divider , null ) ,
75
+ React . createElement ( material_ui_1 . List , { subheader :'Tasks' , className :'cr-page-list' , ref :'tasks' } ,
76
+ React . createElement ( task_1 . Tasks , { tasks :tasks , taskPosition :taskPosition , runTests :runTests } ) ,
77
+ React . createElement ( hint_1 . TaskHints , { task :currentTask , hintPosition :hintPosition } ) ,
78
+ React . createElement ( page_complete_1 . PageCompleteMessage , { page :page } ) ,
79
+ React . createElement ( "div" , { ref :'listEnd' } ) ) ,
80
+ React . createElement ( toolbar_1 . default , { tasks :tasks , taskPosition :taskPosition , hintPosition :hintPosition } ) ) ) ;
79
81
} ;
80
82
default_1 = __decorate ( [
81
83
react_redux_1 . connect ( null , function ( dispatch , state ) {