require = requireInjector(getfenv(1))
local UI = require('ui')
local Event = require('event')

multishell.setTitle(multishell.getCurrent(), 'Tabs')
UI:configure('Tabs', ...)

local page = UI.Page {
  menuBar = UI.MenuBar {
    buttons = {
      { text = 'Activate',  event = 'activate'  },
      { text = 'Terminate', event = 'terminate' },
    },
  },
  grid = UI.ScrollingGrid {
    y = 2,
    columns = {
      { heading = 'ID',     key = 'tabId'     },
      { heading = 'Title',  key = 'title'     },
      { heading = 'Status', key = 'status'    },
      { heading = 'Time',   key = 'timestamp' },
    },
    values = multishell.getTabs(),
    sortColumn = 'title',
    autospace = true,
  },
  accelerators = {
    q = 'quit',
    space = 'activate',
    t = 'terminate',
  },
}

function page:eventHandler(event)
  local t = self.grid:getSelected()
  if t then
    if event.type == 'activate' or event.type == 'grid_select' then
      multishell.setFocus(t.tabId)
    elseif event.type == 'terminate' then
      multishell.terminate(t.tabId)
    end
  end
  if event.type == 'quit' then
    Event.exitPullEvents()
  end
  UI.Page.eventHandler(self, event)
end

function page.grid:getDisplayValues(row)
  row = Util.shallowCopy(row)
  local elapsed = os.clock()-row.timestamp
  if elapsed < 60 then
    row.timestamp = string.format("%ds", math.floor(elapsed))
  else
    row.timestamp = string.format("%fm", math.floor(elapsed/6)/10)
  end
  if row.isDead then
    row.status = 'error'
  else
    row.status = coroutine.status(row.co)
  end
  return row
end

function page.grid:draw()
  self:adjustWidth()
  UI.Grid.draw(self)
end

Event.addTimer(1, true, function()
  page.grid:update()
  page.grid:draw()
  page:sync()
end)

UI:setPage(page)
Event.pullEvents()
UI.term:reset()