main_page.js

Todos.mainPage = SC.Page.design({
  mainPane: SC.MainPane.design({
    childViews: 'topView middleView bottomView'.w(), //ADDED topView
    
    //ADDED THIS VIEW
    topView: SC.ToolbarView.design({ 
      childViews: 'addTaskButton'.w(),

      addTaskButton: SC.ButtonView.design({
      })
    }),

    middleView: SC.ScrollView.design({
      hasHorizontalScroller: NO,
      layout: { top: 36, bottom: 32, left: 0, right: 0 },
      backgroundColor: 'white',
      childViews: 'contentView'.w(),

      contentView: SC.ListView.design({
        contentBinding: 'Todos.tasksController.arrangedObjects',
        contentValueKey: 'description',
        contentCheckboxKey: 'isDone'
      })
    }),

    bottomView: SC.ToolbarView.design({
      layout: { bottom: 0, left: 0, right: 0, height: 32 },
      anchorLocation: SC.ANCHOR_BOTTOM,
      childViews: 'summaryView'.w(),

      summaryView: SC.LabelView.design({
        layout: { centerY: 0, height: 18, left: 20, right: 20 },
        textAlign: SC.ALIGN_CENTER,
        valueBinding: 'Todos.tasksController.countSummary'
      })
    })
  })

});