| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>WebKit Queue Status</title> |
| <link type="text/css" rel="stylesheet" href="/stylesheets/dashboard.css" /> |
| <style> |
| .queue_bubble { |
| border: 1px solid black; |
| margin-bottom: 10px; |
| border-radius: 10px; |
| padding: 5px; |
| } |
| .queue_name { |
| float:left; |
| } |
| .last_heard_from { |
| float: right; |
| } |
| .status_text { |
| clear: both; |
| } |
| .alive { |
| background-color: #8FDF5F; |
| } |
| .behind { |
| background-color: #FFFC6C; |
| } |
| .dead { |
| background-color: #E98080; |
| } |
| </style> |
| </head> |
| <body> |
| <h1>WebKit Queue Status</h1> |
| {% for queue in queues %} |
| <div class="queue_bubble {{ queue.status_class }}"> |
| <div class="queue_name"> |
| <a href="/queue-status/{{ queue.name }}"> |
| {{ queue.display_name }} |
| </a> |
| </div> |
| {% if queue.last_heard_from %} |
| <div class="last_heard_from">{{ queue.last_heard_from|timesince }} ago</div> |
| {% endif %} |
| <div class="status_text"> |
| Status: {{ queue.status_text|force_escape|urlize|webkit_linkify|safe }} |
| </div> |
| <div> |
| {{ queue.pending_items_count }} pending |
| </div> |
| </div> |
| {% endfor %} |
| </body> |
| </html> |
