webui: add column start and end to job listings

The timestamps when a job has started and finished should be visible
to the user, therefore the columns start and end have been added to
job listings in two places.

webui/module/Client/view/client/client/details.phtml

@@ -77,7 +77,8 @@ $this->headTitle($title);
 <thead class="bg-primary">
    <th><?php echo $this->translate("Job ID"); ?></th>
    <th><?php echo $this->translate("Job name"); ?></th>
-   <th><?php echo $this->translate("Timestamp"); ?></th>
+   <th><?php echo $this->translate("Start"); ?></th>
+   <th><?php echo $this->translate("End"); ?></th>
    <th><?php echo $this->translate("Fileset"); ?></th>
    <th><?php echo $this->translate("Level"); ?></th>
    <th><?php echo $this->translate("Files"); ?></th>
@@ -185,6 +186,10 @@ $this->headTitle($title);
                field: 'starttime',
                sortable: true,
             },
+            {
+               field: 'endtime',
+               sortable: true,
+            },
             {
                field: 'fileset',
                sortable: true,

webui/module/Job/view/job/job/index.phtml

@@ -5,7 +5,7 @@
  * bareos-webui - Bareos Web-Frontend
  *
  * @link      https://github.com/bareos/bareos for the canonical source repository
- * @copyright Copyright (c) 2013-2017 Bareos GmbH & Co. KG (http://www.bareos.org/)
+ * @copyright Copyright (c) 2013-2020 Bareos GmbH & Co. KG (http://www.bareos.org/)
  * @license   GNU Affero General Public License (http://www.gnu.org/licenses/)
  *
  * This program is free software: you can redistribute it and/or modify
@@ -76,6 +76,8 @@ $this->headTitle($title);
    <th><?php echo $this->translate("Client"); ?></th>
    <th><?php echo $this->translate("Type"); ?></th>
    <th><?php echo $this->translate("Level"); ?></th>
+   <th><?php echo $this->translate("Start"); ?></th>
+   <th><?php echo $this->translate("End"); ?></th>
    <th><?php echo $this->translate("Files"); ?></th>
    <th><?php echo $this->translate("Bytes"); ?></th>
    <th><?php echo $this->translate("Errors"); ?></th>
@@ -160,14 +162,6 @@ $this->headTitle($title);
       html.push('<th><?php echo $this->translate("Scheduled"); ?></th>');
       html.push('<td>' + row.schedtime + '</td>');
       html.push('</tr>');
-      html.push('<tr>');
-      html.push('<th><?php echo $this->translate("Start"); ?></th>');
-      html.push('<td>' + row.starttime + '</td>');
-      html.push('</tr>');
-      html.push('<tr>');
-      html.push('<th><?php echo $this->translate("End"); ?></th>');
-      html.push('<td>' + row.endtime + '</td>');
-      html.push('</tr>');
       html.push('</table>');
       html.push('</div>');
       return html.join('');
@@ -229,6 +223,14 @@ $this->headTitle($title);
                   return formatJobLevel(value);
                }
             },
+            {
+               field: 'starttime',
+               sortable: true
+            },
+            {
+               field: 'endtime',
+               sortable: true
+            },
             {
                field: 'jobfiles',
                sortable: true,