Updated info of progress, added todos and chip flips

Author: vbakke

src/app/component/circular-heatmap/circular-heatmap.component.ts

@@ -367,11 +367,14 @@ export class CircularHeatmapComponent implements OnInit {
     let teamGroup = chip.value.trim();
     if (!chip.selected) {
       chip.toggleSelected();
+      console.log(`${this.perfNow()}: Heat: Chip flip Group '${teamGroup}: ${chip.selected}`);
 
       Object.keys(this.filtersTeams).forEach(key => {
         this.filtersTeams[key] = this.dataStore?.meta?.teamGroups[teamGroup]?.includes(key) || false;
       });
       this.hasTeamsFilter = Object.values(this.filtersTeams).some(v => v === true);
+    } else {
+      console.log(`${this.perfNow()}: Heat: Chip flip Group '${teamGroup}: already on`);
     }
   }
 
@@ -383,6 +386,7 @@ export class CircularHeatmapComponent implements OnInit {
   toggleTeamFilter(chip: MatChip) {
     chip.toggleSelected();
     this.filtersTeams[chip.value.trim()] = chip.selected;
+    console.log(`${this.perfNow()}: Heat: Chip flip Team '${chip.value}: ${chip.selected}`);
 
     this.hasTeamsFilter = Object.values(this.filtersTeams).some(v => v === true);
 
@@ -839,14 +843,15 @@ export class CircularHeatmapComponent implements OnInit {
     }
   }
   onPanelOpened(activity: any) {
-    console.log('Panel opened', activity);
+    console.log(`${this.perfNow()}: Heat: Card Panel opened: '${activity.name}'`);
   }
   onPanelClosed(activity: any) {
-    console.log('Panel closed', activity);
+    console.log(`${this.perfNow()}: Heat: Card Panel closed: '${activity.name}'`);
   }
 
   openActivityDetails(dimension: string, activityName: string) {
     // Find the activity in the selected sector
+    console.log(`${this.perfNow()}: Heat: Open Overlay: '${activityName}'`);
     if (!this.showActivityCard || !this.showActivityCard.activities) {
       this.old_activityDetails = null;
       this.showOverlay = true;
@@ -878,6 +883,7 @@ export class CircularHeatmapComponent implements OnInit {
 
   closeOverlay() {
     this.showOverlay = false;
+    console.log(`${this.perfNow()}: Heat: Close Overlay:  '${this.old_activityDetails.name}'`);
   }
 
   toggleFilters() {

src/app/component/mapping/mapping.component.html

@@ -150,6 +150,8 @@
     <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
   </table>
 
+  <div style="padding-left: 20px; font-style: italic;">Not yet refactored. See the <a href="/roadmap">Roadmap</a></div>
+
   <table id="excel-table" class="hide">
     <tr>
       <th>Dimension</th>

src/app/component/matrix/matrix.component.ts

@@ -10,6 +10,7 @@ import { MatChip, MatChipList } from '@angular/material/chips';
 import { deepCopy } from 'src/app/util/util';
 import { ModalMessageComponent, DialogInfo } from '../modal-message/modal-message.component';
 import { DataStore } from 'src/app/model/data-store';
+import { perfNow } from 'src/app/util/util';
 
 export interface MatrixRow {
   Category: string;
@@ -153,12 +154,14 @@ export class MatrixComponent implements OnInit {
   toggleTagFilters(chip: MatChip) {
     chip.toggleSelected();
     this.filtersTag[chip.value] = chip.selected;
+    console.log(`${perfNow()}: Matrix: Chip flip Tag '${chip.value}: ${chip.selected}`);
     this.updateActivitiesBeingDisplayed();
   }
 
   toggleDimensionFilters(chip: MatChip) {
     chip.toggleSelected();
     this.filtersDim[chip.value] = chip.selected;
+    console.log(`${perfNow()}: Matrix: Chip flip Dim '${chip.value}: ${chip.selected}`);
     this.updateActivitiesBeingDisplayed();
   }
 
@@ -249,6 +252,7 @@ export class MatrixComponent implements OnInit {
     const navigationExtras: NavigationExtras = {
       queryParams: { uuid: uuid },
     };
+    console.log(`${perfNow()}: Matrix: Open Details: '${this.dataStore?.activityStore?.getActivityByUuid(uuid).name}'`);
     this.router.navigate([this.Routing], navigationExtras);
   }
 }

src/app/component/teams/teams.component.html

@@ -16,4 +16,5 @@ <h3>{{ group.key }}</h3>
       </ul>
     </div>
   </div>
+  <div style="padding-left: 20px; font-style: italic;">Not yet refactored. See the <a href="/roadmap">Roadmap</a></div>
 </div>

src/assets/Markdown Files/TODO-central-loader.md

@@ -13,18 +13,22 @@
 
 
 ## Later
-### Dependency graph
-- Dependency graph: Add to CircularHeatmap Details
-- Dependency graph: Make it clickable
 ### Mapping
 - Mapping: Refactor to adhere to new data structure. (Page currently broken)
-### Matrix
-- Matrix: Remember filters, when moving back from details
 ### Teams
+- Teams: Refactor to adhere to new data structure. (Page currently broken)
 - Teams: Allow editing teams names in browser
 - Teams: Store teams names in localstorage
 - Teams: Export teams YAML from teams page
 - Teams: View timeline for a team (?)
+### Matrix
+- Matrix: Fix markdown rendering
+- Matrix: Add a Close/Back button
+- Matrix: Brushup layout of details page
+- Matrix: Remember filters, when moving back from details
+### Dependency graph
+- Dependency graph: Add to CircularHeatmap Details
+- Dependency graph: Make it clickable
 ## Documentation
 - Doc: Update `Usage`
 - Doc: Update `README.md`

src/main.ts

@@ -16,7 +16,7 @@ if (environment?.experimental && !localDevelopment) {
     url: 'https://faro-collector-prod-eu-north-0.grafana.net/collect/a7eda57dbf6b581662f2bf43a70c7508',
     app: {
       name: 'dsomm',
-      version: '1.0.0',
+      version: '1.0.2',
       environment: localDevelopment ? 'development' : 'experimental',
     },
     sessionTracking: {