Adding age on queue hover

interfaces/Glitter/templates/main.tmpl

@@ -238,6 +238,7 @@
                                 <div class="name-options" data-bind="visible: !editingName()">
                                     <a href="#" data-bind="click: editName" class="hoverbutton"><span class="glyphicon glyphicon-pencil"></span></a>
                                     <a href="#" data-bind="click: showFiles" class="hoverbutton"><span class="glyphicon glyphicon-folder-open"></span></a>
+                                    <small data-bind="text: avg_age"></small>
                                 </div>
                             </td>
                             <td class="progress-indicator">

interfaces/Glitter/templates/static/javascripts/glitter.js

@@ -1145,6 +1145,7 @@ $(function() {
         self.isGrabbing = ko.observable(false);
         self.totalMB = ko.observable(0);
         self.remainingMB = ko.observable(0);
+        self.avg_age = ko.observable(0);
         self.timeLeft = ko.observable();
         self.progressColor = ko.observable();
         self.missingText = ko.observable();
@@ -1196,6 +1197,7 @@ $(function() {
             self.status(data.status)
             self.totalMB(parseFloat(data.mb));
             self.remainingMB(parseFloat(data.mbleft));
+            self.avg_age(data.avg_age)
             self.category(data.cat);
             self.priority(parent.priorityName[data.priority]);
             self.script(data.script);

interfaces/Glitter/templates/static/stylesheets/glitter.css

@@ -366,6 +366,10 @@ td.name .row-wrap-text {
     display: none;
 }
 
+.queue-table td.name .name-options small {
+    opacity: 0.5;
+}
+
 .queue-table td.name:hover .row-wrap-text {
     max-width: 90%;
  /* Change for each size! */;
@@ -1318,7 +1322,7 @@ td.delete label,
 
 @media screen and (max-width: 1200px) {
     .queue-table td.name:hover .row-wrap-text {
-        max-width: 85%;
+        max-width: 77%;
     }
 }
 
@@ -1332,6 +1336,10 @@ td.delete label,
         max-width: 80%;
     }
     
+    .queue-table td.name .name-options small {
+        display: none;
+    }
+    
     .history-info {
         float: none;
     }