refactor: TT-382 changes in the lengthMenu property of the datatable

Author: JosueOb

src/app/modules/reports/components/time-entries-table/time-entries-table.component.ts

@@ -15,11 +15,13 @@ import { getReportDataSource } from '../../../time-clock/store/entry.selectors';
   styleUrls: ['./time-entries-table.component.scss'],
 })
 export class TimeEntriesTableComponent implements OnInit, OnDestroy, AfterViewInit {
+  selectOptionValues = [15, 30, 50, 100, -1];
+  selectOptionNames = [15, 30, 50, 100, 'All'];
   dtOptions: any = {
     scrollY: '590px',
     dom: '<"d-flex justify-content-between"B<"d-flex"<"mr-5"l>f>>rtip',
     pageLength: 30,
-    lengthMenu: [[15, 30, 50, 100, -1], [15, 30, 50, 100, 'All']],
+    lengthMenu: [this.selectOptionValues, this.selectOptionNames],
     buttons: [
       {
         extend: 'colvis',