[FIX] Mejoras en el modal

static/src/css/dashboard.css

@@ -70,9 +70,65 @@
 /*.table_paint_first_row > tbody > tr > td:nth-child(1):hover{*/
 .expired-account-modal .table-row-select {
      background: #d4e2f3  !important;
-    /*cursor:pointer;*/
+}
+
+.expired-account-modal {
+    width: 100%;
+    height: 100%;
+    display: flex;
+}
+
+@media (min-width: 768px) {
+    .expired-account-modal .modal-lg {
+            width: 900px !important;
+    }
+}
+
+.expired-account-modal .table-model{
+    width: 868px;
+    height: 300px;
+    margin: auto;
+    position: relative;
 }
 
 .expired-account-modal table tbody tr td:nth-child(1){
     display: none;
 }
+
+.expired-account-modal table thead tr th:nth-child(1){
+    display: none;
+}
+
+.expired-account-modal table tbody tr td:nth-child(2){
+    width: 279px;
+}
+
+.expired-account-modal table thead tr th:nth-child(2){
+    width: 270px;
+}
+
+.expired-account-modal table tbody tr td:nth-child(3){
+    width: 279px;
+}
+
+.expired-account-modal table thead tr th:nth-child(3){
+    width: 270px;
+}
+
+.expired-account-modal table tbody tr td:nth-child(4){
+    width: 200px;
+}
+
+.expired-account-modal table tbody tr td:nth-child(5){
+    width: 110px;
+}
+
+.expired-account-modal .modal-head-wrapper{
+    width: 100%;
+}
+
+.expired-account-modal .modal-items-wrapper{
+    width: 100%;
+    height: 80%;
+    overflow-y: auto;
+}

static/src/js/widgets/expired_account_counters.js

@@ -170,6 +170,9 @@ function expired_account_counters (widget) {
                 }
             ];
             var headerModal = [
+                {
+                    title:"id"
+                },
                 {
                     title:"Cliente"
                 },

static/src/js/widgets/expired_account_counters_now.js

@@ -171,6 +171,9 @@ function expired_account_counters_now (widget) {
                 }
             ];
             var headerModal=[
+                {
+                    title:"id"
+                },
                 {
                     title:"Cliente"
                 },

static/src/xml/widgets/eiru_dashboard_modal.xml

@@ -1,48 +1,56 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <template xml:space="preserve">
     <t t-name="ExpiredAccountCountersModal">
-        <div class="modal fade expired-account-modal" tabindex="-1" role="dialog">
+        <div class="modal in expired-account-modal" tabindex="-1" role="dialog">
             <div class="modal-dialog modal-lg" role="document">
                 <div class="modal-content openerp">
+                    <!-- title  -->
                     <div class="modal-header">
                         <button type="button" class="close" data-dismiss="modal" aria-label="Close" aria-hidden="true">x</button>
                         <h3 class="modal-title" t-foreach="modalTitle" t-as="title">
                             <t t-esc="title_value.title"/>
                         </h3>
                     </div>
-                    <div class="oe_view_manager_body">
-                        <table class="oe_list_content">
-                            <thead >
-                                <tr class="oe_list_header_columns" >
-                                    <th t-foreach="dataThead" t-as="head" class="oe_list_header_char oe_sortable">
-                                        <t t-esc="head_value.title"/>
-                                    </th>
-                                </tr>
-                            </thead>
-                            <tbody class="table-tbody">
-                                <tr t-foreach="data" t-as="field">
-                                    <td><t t-esc="field_value.invoice[0]"/></td>
-                                    <td><t t-esc="field_value.partner_id[1]"/></td>
-                                    <td><t t-esc="field_value.ref"/></td>
-
-                                    <td>
-                                        <t t-set="vencimiento" t-value="field_value.date_maturity"/>
-                                        <t t-js="ctx">
-                                            ctx.vencimiento = $.timeago(moment(ctx.vencimiento).format("YYYY-DD-MM"));
-                                        </t>
-                                        <t t-esc="vencimiento"/></td>
-                                    <td>
-                                        <t t-js="ctx">
-                                            ctx.field.amount_residual = accounting.formatNumber(ctx.field.amount_residual,0,',','.');
-                                        </t>
-                                        <t t-esc="field_value.amount_residual"/>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
+                    <div class="oe_view_manager_body table-model">
+                        <!-- tabla Head -->
+                        <div class="modal-head-wrapper">
+                            <table class="oe_list_content">
+                                <thead >
+                                    <tr class="oe_list_header_columns" >
+                                        <th t-foreach="dataThead" t-as="head" class="oe_list_header_char oe_sortable">
+                                            <t t-esc="head_value.title"/>
+                                        </th>
+                                    </tr>
+                                </thead>
+                            </table>
+                        </div>
+                        <!-- table body -->
+                        <div class="modal-items-wrapper">
+                            <table class="oe_list_content">
+                                <tbody class="table-tbody">
+                                    <tr t-foreach="data" t-as="field">
+                                        <td><t t-esc="field_value.invoice[0]"/></td>
+                                        <td><t t-esc="field_value.partner_id[1]"/></td>
+                                        <td><t t-esc="field_value.ref"/></td>
+                                        <td>
+                                            <t t-set="vencimiento" t-value="field_value.date_maturity"/>
+                                            <t t-js="ctx">
+                                                ctx.vencimiento = $.timeago(moment(ctx.vencimiento).format("YYYY-DD-MM"));
+                                            </t>
+                                            <t t-esc="vencimiento"/></td>
+                                        <td>
+                                            <t t-js="ctx">
+                                                ctx.field.amount_residual = accounting.formatNumber(ctx.field.amount_residual,0,',','.');
+                                            </t>
+                                            <t t-esc="field_value.amount_residual"/>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
                     </div>
                     <div class="modal-footer">
-                        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
+                        <button type="button" class="btn btn-default " data-dismiss="modal">Cerrar</button>
                     </div>
                 </div>
             </div>