From dc017d17e9170d3fc0a5104ab9dc84f748bc097a Mon Sep 17 00:00:00 2001
From: Romain Estievenart <res@odoo.com>
Date: Mon, 7 Jan 2019 07:28:17 +0000
Subject: [PATCH] [FIX] sale_timesheet: responsive table

On small screens, when we click on the overview of a task
inside the "project" app, the displayed table doesn't fit the screen.

This commit only add missing parent "div.table-responsive" to add
responsive support.

opw-1907877

closes odoo/odoo#29970
---
 .../views/hr_timesheet_templates.xml          | 432 +++++++++---------
 1 file changed, 219 insertions(+), 213 deletions(-)

diff --git a/addons/sale_timesheet/views/hr_timesheet_templates.xml b/addons/sale_timesheet/views/hr_timesheet_templates.xml
index 49a35ce4b7d..cd3037c4443 100644
--- a/addons/sale_timesheet/views/hr_timesheet_templates.xml
+++ b/addons/sale_timesheet/views/hr_timesheet_templates.xml
@@ -40,117 +40,119 @@
                             </div>
 
                             <t t-set="display_cost" t-value="dashboard['profit']['expense_cost'] != 0.0"/>
-                            <table class="table">
-                                <tbody>
-                                    <tr>
-                                        <th rowspan="6">
-                                            <a type="action" t-att-domain="json.dumps(timesheet_domain)" context="{'pivot_row_groupby': ['date:month'],'pivot_column_groupby': ['timesheet_invoice_type'], 'pivot_measures': ['unit_amount']}" tabindex="-1">Hours</a>
-                                        </th>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['hours']['billable_time']" t-options="{'widget': 'float_time'}"/>
-                                        </td>
-                                        <td>Timesheets</td>
-                                        <th rowspan="6">
-                                            <a type="action" t-att-domain="json.dumps(timesheet_domain)" context="{'pivot_row_groupby': ['date:month', 'employee_id'], 'pivot_column_groupby': ['timesheet_invoice_type'],'pivot_measures': ['unit_amount']}" tabindex="-1">Rates</a>
-                                        </th>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['rates']['billable_time']"/> %
-                                        </td>
-                                        <td>Timesheets</td>
-                                        <th rowspan="6">
-                                            <a type="action" t-att-domain="json.dumps(timesheet_domain)" context="{'pivot_row_groupby': ['timesheet_invoice_id'], 'pivot_column_groupby': ['date:month'],'pivot_measures': ['amount']}" tabindex="-1">Profitability</a>
-                                        </th>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['profit']['invoiced']" t-options='{"widget": "monetary", "display_currency": currency}'/>
-                                        </td>
-                                        <td>Invoiced</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['hours']['billable_fixed']" t-options="{'widget': 'float_time'}"/>
-                                        </td>
-                                        <td>Fixed</td>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['rates']['billable_fixed']"/> %
-                                        </td>
-                                        <td>Fixed</td>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['profit']['to_invoice']" t-options='{"widget": "monetary", "display_currency": currency}'/>
-                                        </td>
-                                        <td>To invoice</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['hours']['non_billable_project']" t-options="{'widget': 'float_time'}"/>
-                                        </td>
-                                        <td>No task found</td>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['rates']['non_billable_project']"/> %
-                                        </td>
-                                        <td>No task found</td>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['profit']['cost']" t-options='{"widget": "monetary", "display_currency": currency}'/>
-                                        </td>
-                                        <td>Timesheet costs</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['hours']['non_billable']" t-options="{'widget': 'float_time'}"/>
-                                        </td>
-                                        <td><a class="o_timesheet_plan_non_billable_task">Non billable</a></td>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['rates']['non_billable']"/> %
-                                        </td>
-                                        <td>Non billable</td>
-                                        <t t-if="display_cost">
+                            <div class="table-responsive">
+                                <table class="table">
+                                    <tbody>
+                                        <tr>
+                                            <th rowspan="6">
+                                                <a type="action" t-att-domain="json.dumps(timesheet_domain)" context="{'pivot_row_groupby': ['date:month'],'pivot_column_groupby': ['timesheet_invoice_type'], 'pivot_measures': ['unit_amount']}" tabindex="-1">Hours</a>
+                                            </th>
                                             <td class="o_timesheet_plan_dashboard_cell">
-                                                <t t-esc="dashboard['profit']['expense_cost']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                                <t t-esc="dashboard['hours']['billable_time']" t-options="{'widget': 'float_time'}"/>
                                             </td>
-                                            <td>Other costs</td>
-                                        </t>
-                                        <t t-else="">
+                                            <td>Timesheets</td>
+                                            <th rowspan="6">
+                                                <a type="action" t-att-domain="json.dumps(timesheet_domain)" context="{'pivot_row_groupby': ['date:month', 'employee_id'], 'pivot_column_groupby': ['timesheet_invoice_type'],'pivot_measures': ['unit_amount']}" tabindex="-1">Rates</a>
+                                            </th>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['rates']['billable_time']"/> %
+                                            </td>
+                                            <td>Timesheets</td>
+                                            <th rowspan="6">
+                                                <a type="action" t-att-domain="json.dumps(timesheet_domain)" context="{'pivot_row_groupby': ['timesheet_invoice_id'], 'pivot_column_groupby': ['date:month'],'pivot_measures': ['amount']}" tabindex="-1">Profitability</a>
+                                            </th>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['profit']['invoiced']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                            </td>
+                                            <td>Invoiced</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['hours']['billable_fixed']" t-options="{'widget': 'float_time'}"/>
+                                            </td>
+                                            <td>Fixed</td>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['rates']['billable_fixed']"/> %
+                                            </td>
+                                            <td>Fixed</td>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['profit']['to_invoice']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                            </td>
+                                            <td>To invoice</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['hours']['non_billable_project']" t-options="{'widget': 'float_time'}"/>
+                                            </td>
+                                            <td>No task found</td>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['rates']['non_billable_project']"/> %
+                                            </td>
+                                            <td>No task found</td>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['profit']['cost']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                            </td>
+                                            <td>Timesheet costs</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['hours']['non_billable']" t-options="{'widget': 'float_time'}"/>
+                                            </td>
+                                            <td><a class="o_timesheet_plan_non_billable_task">Non billable</a></td>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['rates']['non_billable']"/> %
+                                            </td>
+                                            <td>Non billable</td>
+                                            <t t-if="display_cost">
+                                                <td class="o_timesheet_plan_dashboard_cell">
+                                                    <t t-esc="dashboard['profit']['expense_cost']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                                </td>
+                                                <td>Other costs</td>
+                                            </t>
+                                            <t t-else="">
+                                                <td class="o_timesheet_plan_dashboard_total">
+                                                    <t t-esc="dashboard['profit']['total']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                                </td>
+                                                <td><b>Total</b></td>
+                                            </t>
+                                        </tr>
+                                        <tr>
                                             <td class="o_timesheet_plan_dashboard_total">
-                                                <t t-esc="dashboard['profit']['total']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                                <t t-esc="dashboard['hours']['total']" t-options="{'widget': 'float_time'}"/>
                                             </td>
                                             <td><b>Total</b></td>
-                                        </t>
-                                    </tr>
-                                    <tr>
-                                        <td class="o_timesheet_plan_dashboard_total">
-                                            <t t-esc="dashboard['hours']['total']" t-options="{'widget': 'float_time'}"/>
-                                        </td>
-                                        <td><b>Total</b></td>
-                                        <td></td>
-                                        <td></td>
-                                        <t t-if="display_cost">
-                                            <td class="o_timesheet_plan_dashboard_cell">
-                                                <t t-esc="dashboard['profit']['expense_amount_untaxed_invoiced']" t-options='{"widget": "monetary", "display_currency": currency}'/>
-                                            </td>
-                                            <td>Re-invoiced costs</td>
-                                        </t>
-                                        <t t-else="">
                                             <td></td>
                                             <td></td>
-                                        </t>
-                                    </tr>
-                                    <tr>
-                                        <td></td>
-                                        <td></td>
-                                        <td></td>
-                                        <td></td>
-                                        <t t-if="display_cost">
-                                            <td class="o_timesheet_plan_dashboard_total">
-                                                <t t-esc="dashboard['profit']['total']" t-options='{"widget": "monetary", "display_currency": currency}'/>
-                                            </td>
-                                            <td><b>Total</b></td>
-                                        </t>
-                                        <t t-else="">
+                                            <t t-if="display_cost">
+                                                <td class="o_timesheet_plan_dashboard_cell">
+                                                    <t t-esc="dashboard['profit']['expense_amount_untaxed_invoiced']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                                </td>
+                                                <td>Re-invoiced costs</td>
+                                            </t>
+                                            <t t-else="">
+                                                <td></td>
+                                                <td></td>
+                                            </t>
+                                        </tr>
+                                        <tr>
                                             <td></td>
                                             <td></td>
-                                        </t>
-                                    </tr>
-                                </tbody>
-                            </table>
+                                            <td></td>
+                                            <td></td>
+                                            <t t-if="display_cost">
+                                                <td class="o_timesheet_plan_dashboard_total">
+                                                    <t t-esc="dashboard['profit']['total']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                                </td>
+                                                <td><b>Total</b></td>
+                                            </t>
+                                            <t t-else="">
+                                                <td></td>
+                                                <td></td>
+                                            </t>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
                         </div>
 
                         <div class="o_timesheet_plan_sale_timesheet_people_time">
@@ -173,65 +175,67 @@
                                         <a type="action" t-att-domain="json.dumps(timesheet_domain + [('timesheet_invoice_type','=','non_billable')])" tabindex="-1">Non billable</a>
                                     </span>
                                 </div>
-                                <table class="table">
-                                    <tbody>
-                                        <t t-foreach="repartition_employee" t-as="employee_id">
-                                            <tr>
-                                                <td style="width: 15%">
-                                                    <a type="action" t-att-domain="json.dumps(timesheet_domain)" t-att-context="{'search_default_employee_id': employee_id}" views="[[0, 'list']]" tabindex="-1">
-                                                        <t t-esc="repartition_employee[employee_id]['employee_name']"/>
-                                                    </a>
-                                                </td>
-                                                <td style="width: 10%">
-                                                    <t t-esc="repartition_employee[employee_id]['total']" t-options="{'widget': 'float_time'}"/>
-                                                </td>
-                                                <td>
-                                                    <div t-if="repartition_employee_max" class="progress" t-att-style="'width: ' + str(repartition_employee[employee_id]['total'] / repartition_employee_max * 100) +'%'">
+                                <div class="table-responsive">
+                                    <table class="table">
+                                        <tbody>
+                                            <t t-foreach="repartition_employee" t-as="employee_id">
+                                                <tr>
+                                                    <td style="width: 15%">
+                                                        <a type="action" t-att-domain="json.dumps(timesheet_domain)" t-att-context="{'search_default_employee_id': employee_id}" views="[[0, 'list']]" tabindex="-1">
+                                                            <t t-esc="repartition_employee[employee_id]['employee_name']"/>
+                                                        </a>
+                                                    </td>
+                                                    <td style="width: 10%">
+                                                        <t t-esc="repartition_employee[employee_id]['total']" t-options="{'widget': 'float_time'}"/>
+                                                    </td>
+                                                    <td>
+                                                        <div t-if="repartition_employee_max" class="progress" t-att-style="'width: ' + str(repartition_employee[employee_id]['total'] / repartition_employee_max * 100) +'%'">
 
-                                                        <t t-set="total" t-value="repartition_employee[employee_id]['total'] or 1.0" />
-                                                        <t t-set="billable_fixed" t-value="repartition_employee[employee_id]['billable_fixed']" />
-                                                        <t t-set="billable_time" t-value="repartition_employee[employee_id]['billable_time']" />
-                                                        <t t-set="non_billable" t-value="repartition_employee[employee_id]['non_billable']" />
-                                                        <t t-set="non_billable_project" t-value="repartition_employee[employee_id]['non_billable_project']"/>
+                                                            <t t-set="total" t-value="repartition_employee[employee_id]['total'] or 1.0" />
+                                                            <t t-set="billable_fixed" t-value="repartition_employee[employee_id]['billable_fixed']" />
+                                                            <t t-set="billable_time" t-value="repartition_employee[employee_id]['billable_time']" />
+                                                            <t t-set="non_billable" t-value="repartition_employee[employee_id]['non_billable']" />
+                                                            <t t-set="non_billable_project" t-value="repartition_employee[employee_id]['non_billable_project']"/>
 
-                                                        <t t-if="billable_fixed">
-                                                            <t t-set="billable_fixed_title"><t t-esc="billable_fixed" t-options="{'widget': 'float_time'}" /></t>
-                                                            <div class="progress-bar o_progress_billable_fixed"
-                                                                 t-att-style="'width: ' + str(billable_fixed / total * 100) + '%'"
-                                                                 t-att-title="billable_fixed_title"
-                                                                 t-att-data-domain="repartition_employee[employee_id]['__domain_billable_fixed']">
-                                                            </div>
-                                                        </t>
-                                                        <t t-if="billable_time">
-                                                            <t t-set="billable_time_title"><t t-esc="billable_time" t-options="{'widget': 'float_time'}" /></t>
-                                                            <div class="progress-bar o_progress_billable_time"
-                                                                 t-att-style="'width: ' + str(billable_time / total * 100) + '%'"
-                                                                 t-att-title="billable_time_title"
-                                                                 t-att-data-domain="repartition_employee[employee_id]['__domain_billable_time']">
-                                                            </div>
-                                                        </t>
-                                                        <t t-if="non_billable_project">
-                                                            <t t-set="non_billable_project_title"><t t-esc="non_billable_project" t-options="{'widget': 'float_time'}" /></t>
-                                                            <div class="progress-bar o_progress_non_billable_project"
-                                                                 t-att-style="'width: ' + str(non_billable_project / total * 100) + '%'"
-                                                                 t-att-title="non_billable_project_title"
-                                                                 t-att-data-domain="repartition_employee[employee_id]['__domain_non_billable_project']">
-                                                            </div>
-                                                        </t>
-                                                        <t t-if="non_billable">
-                                                            <t t-set="non_billable_title"><t t-esc="non_billable" t-options="{'widget': 'float_time'}" /></t>
-                                                            <div class="progress-bar o_progress_non_billable"
-                                                                 t-att-style="'width: ' + str(non_billable / total * 100) + '%'"
-                                                                 t-att-title="non_billable_title"
-                                                                 t-att-data-domain="json.dumps(repartition_employee[employee_id]['__domain_non_billable'])">
-                                                            </div>
-                                                        </t>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                        </t>
-                                    </tbody>
-                                </table>
+                                                            <t t-if="billable_fixed">
+                                                                <t t-set="billable_fixed_title"><t t-esc="billable_fixed" t-options="{'widget': 'float_time'}" /></t>
+                                                                <div class="progress-bar o_progress_billable_fixed"
+                                                                     t-att-style="'width: ' + str(billable_fixed / total * 100) + '%'"
+                                                                     t-att-title="billable_fixed_title"
+                                                                     t-att-data-domain="repartition_employee[employee_id]['__domain_billable_fixed']">
+                                                                </div>
+                                                            </t>
+                                                            <t t-if="billable_time">
+                                                                <t t-set="billable_time_title"><t t-esc="billable_time" t-options="{'widget': 'float_time'}" /></t>
+                                                                <div class="progress-bar o_progress_billable_time"
+                                                                     t-att-style="'width: ' + str(billable_time / total * 100) + '%'"
+                                                                     t-att-title="billable_time_title"
+                                                                     t-att-data-domain="repartition_employee[employee_id]['__domain_billable_time']">
+                                                                </div>
+                                                            </t>
+                                                            <t t-if="non_billable_project">
+                                                                <t t-set="non_billable_project_title"><t t-esc="non_billable_project" t-options="{'widget': 'float_time'}" /></t>
+                                                                <div class="progress-bar o_progress_non_billable_project"
+                                                                     t-att-style="'width: ' + str(non_billable_project / total * 100) + '%'"
+                                                                     t-att-title="non_billable_project_title"
+                                                                     t-att-data-domain="repartition_employee[employee_id]['__domain_non_billable_project']">
+                                                                </div>
+                                                            </t>
+                                                            <t t-if="non_billable">
+                                                                <t t-set="non_billable_title"><t t-esc="non_billable" t-options="{'widget': 'float_time'}" /></t>
+                                                                <div class="progress-bar o_progress_non_billable"
+                                                                     t-att-style="'width: ' + str(non_billable / total * 100) + '%'"
+                                                                     t-att-title="non_billable_title"
+                                                                     t-att-data-domain="json.dumps(repartition_employee[employee_id]['__domain_non_billable'])">
+                                                                </div>
+                                                            </t>
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                            </t>
+                                        </tbody>
+                                    </table>
+                                </div>
                             </t>
                         </div>
 
@@ -239,62 +243,64 @@
                         <div class="o_project_plan_project_timesheet_forecast">
                             <t t-if="timesheet_forecast_table and timesheet_forecast_table['rows']">
                                 <h3 name="table_plan_title">Timesheets</h3>
-                                <table class="table">
-                                    <thead>
-                                        <tr>
-                                            <t t-foreach="timesheet_forecast_table['header']" t-as="header_val">
-                                                <th t-att-class="'o_right_bordered' if header_val_index in [5,10] else ''">
-                                                    <span t-att-title="header_val['tooltip']"><t t-esc="header_val['label']"/></span>
-                                                </th>
-                                            </t>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <t t-set="row_is_milestone" t-value="False"/>
-                                        <t t-foreach="timesheet_forecast_table['rows']" t-as="row">
-                                            <t t-set="row_type" t-value="row[0].get('type')"/>
-                                            <t t-if="row_type == 'sale_order_line'">
-                                                <t t-set="row_is_milestone" t-value="row[0].get('is_milestone')"/>
-                                            </t>
-                                            <tr t-att-class="'o_timesheet_forecast_' + row_type">
-                                                <t t-foreach="row" t-as="row_value">
-                                                    <td t-att-class="'o_right_bordered' if row_value_index in [5,10] else '' + ' text-center' if row_value_index != 0 else ''">
-                                                        <t t-if="row_value_index == 0">
-                                                            <t t-if="row_type == 'sale_order'">
-                                                                <a t-att-data-oe-model="row_value['res_model']" t-att-data-oe-id="row_value['res_id']" t-att-class="'o_timesheet_plan_redirect' if row_value['res_id'] else ''">
-                                                                    <t t-esc="row_value.get('label')"/>
-                                                                </a>
-                                                            </t>
-                                                            <t t-if="row_type != 'sale_order'">
-                                                                <t t-if="not row_is_milestone">
-                                                                    <span><t t-esc="row_value.get('label')"/></span>
-                                                                </t>
-                                                                 <t t-if="row_is_milestone">
-                                                                    <span><i><t t-esc="row_value.get('label')"/></i></span>
-                                                                </t>
-                                                            </t>
-                                                        </t>
-                                                        <t t-if="row_value_index != 0">
-                                                            <t t-if="row_value_index &lt; len(row)-2">
-                                                                <t t-if="row_is_milestone">
-                                                                    <i t-att-class="'text-muted' if not row_value else ''"><t t-esc="row_value" t-options="{'widget': 'float_time'}"/></i>
-                                                                </t>
-                                                                <t t-else="">
-                                                                    <span t-att-class="'text-muted' if not row_value else ''"><t t-esc="row_value" t-options="{'widget': 'float_time'}"/></span>
-                                                                </t>
-                                                            </t>
-                                                            <t t-else="">
-                                                                <t t-if="not row_is_milestone and not row[0].get('type') == 'hr_employee'">
-                                                                    <span t-att-class="'text-muted' if not row_value else ''"><t t-esc="row_value" t-options="{'widget': 'float_time'}"/></span>
-                                                                </t>
-                                                            </t>
-                                                        </t>
-                                                    </td>
+                                <div class="table-responsive">
+                                    <table class="table">
+                                        <thead>
+                                            <tr>
+                                                <t t-foreach="timesheet_forecast_table['header']" t-as="header_val">
+                                                    <th t-att-class="'o_right_bordered' if header_val_index in [5,10] else ''">
+                                                        <span t-att-title="header_val['tooltip']"><t t-esc="header_val['label']"/></span>
+                                                    </th>
                                                 </t>
                                             </tr>
-                                        </t>
-                                    </tbody>
-                                </table>
+                                        </thead>
+                                        <tbody>
+                                            <t t-set="row_is_milestone" t-value="False"/>
+                                            <t t-foreach="timesheet_forecast_table['rows']" t-as="row">
+                                                <t t-set="row_type" t-value="row[0].get('type')"/>
+                                                <t t-if="row_type == 'sale_order_line'">
+                                                    <t t-set="row_is_milestone" t-value="row[0].get('is_milestone')"/>
+                                                </t>
+                                                <tr t-att-class="'o_timesheet_forecast_' + row_type">
+                                                    <t t-foreach="row" t-as="row_value">
+                                                        <td t-att-class="'o_right_bordered' if row_value_index in [5,10] else '' + ' text-center' if row_value_index != 0 else ''">
+                                                            <t t-if="row_value_index == 0">
+                                                                <t t-if="row_type == 'sale_order'">
+                                                                    <a t-att-data-oe-model="row_value['res_model']" t-att-data-oe-id="row_value['res_id']" t-att-class="'o_timesheet_plan_redirect' if row_value['res_id'] else ''">
+                                                                        <t t-esc="row_value.get('label')"/>
+                                                                    </a>
+                                                                </t>
+                                                                <t t-if="row_type != 'sale_order'">
+                                                                    <t t-if="not row_is_milestone">
+                                                                        <span><t t-esc="row_value.get('label')"/></span>
+                                                                    </t>
+                                                                     <t t-if="row_is_milestone">
+                                                                        <span><i><t t-esc="row_value.get('label')"/></i></span>
+                                                                    </t>
+                                                                </t>
+                                                            </t>
+                                                            <t t-if="row_value_index != 0">
+                                                                <t t-if="row_value_index &lt; len(row)-2">
+                                                                    <t t-if="row_is_milestone">
+                                                                        <i t-att-class="'text-muted' if not row_value else ''"><t t-esc="row_value" t-options="{'widget': 'float_time'}"/></i>
+                                                                    </t>
+                                                                    <t t-else="">
+                                                                        <span t-att-class="'text-muted' if not row_value else ''"><t t-esc="row_value" t-options="{'widget': 'float_time'}"/></span>
+                                                                    </t>
+                                                                </t>
+                                                                <t t-else="">
+                                                                    <t t-if="not row_is_milestone and not row[0].get('type') == 'hr_employee'">
+                                                                        <span t-att-class="'text-muted' if not row_value else ''"><t t-esc="row_value" t-options="{'widget': 'float_time'}"/></span>
+                                                                    </t>
+                                                                </t>
+                                                            </t>
+                                                        </td>
+                                                    </t>
+                                                </tr>
+                                            </t>
+                                        </tbody>
+                                    </table>
+                                </div>
                             </t>
                         </div>