 CharacterInfoPanel = React.createClass(
   displayName: 'CharacterInfoPanel'
   render: ->
+    afkPercent = d3.round(100 * (@props.stats.characterMinutesAfk / @props.stats.characterMinutes) )
     dom.div {className: 'row'},
       dom.div {className: 'col-md-4'},
         React.createElement(CharacterAvatar, {id: @props.character.id})
       dom.div {className: 'col-md-8'},
         dom.ul null,
           dom.li null, 'Prefers ' + STYLES[@props.facts?.preferredSec]?.label
+          dom.li null, "Active on #{@props.stats.daysOfActivity} days"
+          dom.li null, "Time online: #{humanizeMinutes @props.stats.characterMinutes}"
+          dom.li null, "AFK time: #{humanizeMinutes @props.stats.characterMinutesAfk} (#{afkPercent}%)"
+          dom.li null, "Total logins: #{numFmt @props.stats.characterSessionsStarted}"
+
+
+          # characterMinutes
+          # characterMinutesAfk
+          # characterSessionsStarted
+          # daysOfActivity
 )
 
 CharacterAvatar = React.createClass(

  render: ->
    dom.div {className: ''},
      dom.ul null,
        dom.li null, "#{Intl.NumberFormat().format(@props.stats.socialChatTotalMessageLength)} characters written in chat"
        dom.li null, "#{@props.stats.socialMailsSent} mails sent"
        dom.li null, "#{@props.stats.socialMailsReceived} mails received"
        dom.li null, "#{@props.stats.socialDirectTrades} direct trades made"


      title = React.createElement(Title, {character: @state.character, year: @state.year})

      charInfoPanel = React.createElement(CharacterInfoPanel, {character: @state.character, facts: facts, stats: @state.stats})

      travelJumpsPanel = React.createElement(TravelJumpsPanel, {stats: @state.stats})
      travelDistancePanel = React.createElement(TravelDistancePanel, {stats: @state.stats})
