fix: TT-41 Add column in table of projects, also agg and change some variables

Author: kevinjlope

src/app/modules/customer-management/components/projects/components/project-list/project-list.component.html

@@ -2,18 +2,20 @@
   <table class="table table-sm table-bordered table-striped">
     <thead class="thead-blue">
       <tr class="d-flex">
-        <th scope="col" class="col-4 text-center">Project ID</th>
+        <th scope="col" class="col-3 text-center">Project ID</th>
         <th scope="col" class="col-3 text-center">Project</th>
-        <th scope="col" class="col-3 text-center">Project Type</th>
+        <th scope="col" class="col-2 text-center">Technologies</th>
+        <th scope="col" class="col-2 text-center">Project Type</th>
         <th scope="col" class="col-1 text-center">Options</th>
         <th scope="col" class="col-1 text-center">Visibility</th>
       </tr>
     </thead>
     <tbody>
       <tr class="d-flex" *ngFor="let project of projects">
-        <td class="col-sm-4">{{ project.id }}</td>
+        <td class="col-sm-3">{{ project.id }}</td>
         <td class="col-sm-3">{{ project.name }}</td>
-        <td class="col-sm-3">{{ getProjectTypeName(project.project_type_id) }}</td>
+        <td class="col-sm-2">{{ project.technologies }}</td>
+        <td class="col-sm-2">{{ getProjectTypeName(project.project_type_id) }}</td>
         <td class="col-sm-1 text-center">
           <button type="button" class="btn btn-sm btn-primary" (click)="updateProject(project)">
             <i class="fa fa-pencil fa-xs"></i>

src/app/modules/customer-management/components/projects/components/project-list/project-list.component.scss

@@ -1,5 +1,5 @@
 @import '../../../../../../../styles/colors.scss';
 
 .project-list {
-  max-height: 300px; overflow: auto; display:inline-block; width: 100%;
+  height: 300%; overflow: auto; display:inline-block; width: 100%;
 }

src/app/modules/customer-management/components/projects/components/project-list/project-list.component.ts

@@ -58,6 +58,8 @@ export class ProjectListComponent implements OnInit, OnDestroy {
         const addProps = btnProps.find((prop) => prop.key === this.setActive(project.status));
         return { ...project, ...addProps };
       });
+      //console.log(this.projects[0])
+
     });
   }
 

src/app/modules/shared/models/project.model.ts

@@ -7,6 +7,7 @@ export interface Project {
   project_type_id?: string;
   search_field?: string;
   status?: any;
+  technologies?: string[]
 }
 
 export interface ProjectUI {
@@ -18,6 +19,7 @@ export interface ProjectUI {
   project_type_id?: string;
   search_field?: string;
   status?: any;
+  technologies?: string[]
   key?: string;
   btnColor?: string;
   btnIcon?: string;

src/environments/environment.ts

@@ -6,6 +6,7 @@ import * as keys from './keys';
 export const environment = {
   production: false,
   timeTrackerApiUrl: 'https://timetracker-api.azurewebsites.net',
+  // timeTrackerApiUrl: 'https://127.0.0.1:5000',
   stackexchangeApiUrl: 'https://api.stackexchange.com',
 };