1<!DOCTYPE html> 2<html> 3<head> 4<title>WebKit Queue Status</title> 5<link type="text/css" rel="stylesheet" href="/stylesheets/dashboard.css" /> 6<style> 7.queue_bubble { 8 border: 1px solid black; 9 margin-bottom: 10px; 10 border-radius: 10px; 11 padding: 5px; 12} 13.queue_name { 14 float:left; 15} 16.last_heard_from { 17 float: right; 18} 19.status_text { 20 clear: both; 21} 22.alive { 23 background-color: #8FDF5F; 24} 25.behind { 26 background-color: #FFFC6C; 27} 28.dead { 29 background-color: #E98080; 30} 31</style> 32</head> 33<body> 34<h1>WebKit Queue Status</h1> 35{% for queue in queues %} 36<div class="queue_bubble {{ queue.status_class }}"> 37 <div class="queue_name"> 38 <a href="/queue-status/{{ queue.name }}"> 39 {{ queue.display_name }} 40 </a> 41 </div> 42 {% if queue.last_heard_from %} 43 <div class="last_heard_from">{{ queue.last_heard_from|timesince }} ago</div> 44 {% endif %} 45 <div class="status_text"> 46 Status: {{ queue.status_text|force_escape|urlize|webkit_linkify|safe }} 47 </div> 48 <div> 49 {{ queue.pending_items_count }} pending 50 </div> 51</div> 52{% endfor %} 53</body> 54</html> 55