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
