feat: #571 mock data

Author: scastillo-jp

angular.json

@@ -25,6 +25,7 @@
             ],
             "styles": [
               "node_modules/datatables.net-dt/css/jquery.dataTables.css",
+              "node_modules/datatables.net-responsive-dt/css/responsive.dataTables.css",
               "./node_modules/bootstrap/dist/css/bootstrap.min.css",
               "src/styles.scss",
               "node_modules/ngx-toastr/toastr.css",
@@ -39,7 +40,8 @@
               "node_modules/datatables.net-buttons/js/buttons.colVis.js",
               "node_modules/datatables.net-buttons/js/buttons.flash.js",
               "node_modules/datatables.net-buttons/js/buttons.html5.js",
-              "node_modules/datatables.net-buttons/js/buttons.print.js"
+              "node_modules/datatables.net-buttons/js/buttons.print.js",
+              "node_modules/datatables.net-responsive/js/dataTables.responsive.js"
             ]
           },
           "configurations": {

package-lock.json

@@ -33,6 +33,8 @@
     "datatables.net-buttons": "^1.6.2",
     "datatables.net-buttons-dt": "^1.6.2",
     "datatables.net-dt": "^1.10.21",
+    "datatables.net-responsive": "^2.2.6",
+    "datatables.net-responsive-dt": "^2.2.6",
     "jquery": "^3.5.1",
     "jszip": "^3.4.0",
     "minimist": "^1.2.5",

package.json

@@ -0,0 +1,27 @@
+{
+    "data": [
+      {
+        "technology": [
+          {
+            "id": 1,
+            "name_technology": "Superman",
+            "users": [
+              {
+                "id": 1,
+                "email_user": "[email protected]",
+                "time_spent": 10,
+                "project": [
+                  {
+                    "id": "1",
+                    "project_name": "Time tracker",
+                    "time_spent": "8"
+                  }
+                ]
+              }
+            ],
+            "time_spent": 10
+          }
+        ]
+      }
+    ]
+  }

src/app/modules/technology-report/components/technology-report-table/data.json

@@ -10,8 +10,8 @@
       <thead class="thead-blue">
         <tr class="d-flex">
           <th class="col md-col">User email</th>
-          <th class="col lg-col">Technology</th>
-          <th class="col x-sm-col" title="Duration (hours)">Time spend</th>
+          <th class="none" title="Duration (hours)">Time spend</th>
+          <th class="none">Technology</th>
         </tr>
       </thead>
       <app-loading-bar

src/app/modules/technology-report/components/technology-report-table/technology-report-table.component.html

@@ -55,7 +55,8 @@ export class TechnologyReportTableComponent implements OnInit, OnDestroy, AfterV
         text: 'CSV',
         filename: `time-entries-${formatDate(new Date(), 'MM_dd_yyyy-HH_mm', 'en')}`
       }
-    ]
+    ],
+    responsive: true
   };
   dtTrigger: Subject<any> = new Subject();
   @ViewChild(DataTableDirective, { static: false })