Add completion time estimate

Author: miko-kiiski-r

public/assets/js/picoreflow.js

@@ -556,9 +556,15 @@ $(document).ready(function()
 
                     left = parseInt(x.totaltime-x.runtime);
                     eta = new Date(left * 1000).toISOString().substr(11, 8);
+                    const now = new Date();
+                    const eta_time = (new Date(now.getTime() + (left - now.getTimezoneOffset() * 60) * 1000)).toISOString().substring(11, 19);
 
                     updateProgress(parseFloat(x.runtime)/parseFloat(x.totaltime)*100);
-                    $('#state').html('<span class="glyphicon glyphicon-time" style="font-size: 22px; font-weight: normal"></span><span style="font-family: Digi; font-size: 40px;">' + eta + '</span>');
+                    $('#state').html(
+                        '<span class="glyphicon glyphicon-time" style="font-size: 22px; font-weight: normal"></span> ' +
+                        '<span style="font-family: Digi; font-size: 40px;">' + eta + '</span> ' +
+                        '<span class="glyphicon glyphicon-info-sign" style="font-size: 22px; font-weight: normal" ' +
+                        'title="Estimated completion time: '+eta_time+'"></span></span>');
                     $('#target_temp').html(parseInt(x.target));
                     $('#cost').html(x.currency_type + parseFloat(x.cost).toFixed(2));