[jb] Improve the look and feel with bootstraps

Re-style the page with:

1. bootstraps status label + retired icon (label label-warning)
2. map/reduce progress bars matching the colors
3. remove 'View' button and add transform the 'Kill' link into a button with a 'icon-remove' icon (same on jobs/ID page)
4. Username filter pre-filled with current username?
5. Add an additional new filter (checkbox or dropdown for filtering on 'retired' status) (not showing retired by default)
6. hide more information on jobs/ID page when a job is retired (Romain will do it)

e.g. for status

<%def name="get_status(status)">
   % if status in ('SUCCEEDED', 'OK'):
     label-success
   % elif status in ('RUNNING', 'PREP'):
      label-warning
   % elif status == 'READY':
      label-success      
   % else:
      label-important
   % endif
</%def>

e.g. for progress bar (but not working as is when at 0%)

 
    <div class="progress progress-info">
        <div class="bar" style="width: ${job.maps_percent_complete}%;">${job.finishedMaps} / ${job.desiredMaps}</div>
    </div>