Improve Heat map integration

2025-07-31 17:38:48 +00:00 · 2016-10-25 17:27:04 +01:00
parent 7b44819326
commit 75915dc623
8 changed files with 155 additions and 12 deletions
--- a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-heat-map.component.ts
+++ b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-heat-map.component.ts
@@ -0,0 +1,83 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { AlfrescoTranslationService } from 'ng2-alfresco-core';
+import { AnalyticsService } from '../services/analytics.service';
+import { FormGroup, FormBuilder, FormControl } from '@angular/forms';
+
+@Component({
+    moduleId: module.id,
+    selector: 'analytics-report-heat-map',
+    templateUrl: './analytics-report-heat-map.component.html',
+    styleUrls: ['./analytics-report-heat-map.component.css']
+})
+export class AnalyticsReportHeatMapComponent implements  OnInit {
+
+    @Input()
+    report: any;
+
+    @Output()
+    onError = new EventEmitter();
+
+    field: any = {};
+
+    metricForm: FormGroup;
+    currentMetric: any;
+
+    constructor(private translate: AlfrescoTranslationService,
+                private analyticsService: AnalyticsService,
+                private formBuilder: FormBuilder) {
+        if (translate) {
+            translate.addTranslationFolder('node_modules/ng2-activiti-analytics/src');
+        }
+    }
+
+    ngOnInit() {
+        this.initForm();
+        this.field.id = 'metrics';
+
+        this.analyticsService.getMetricValues().subscribe(
+            (opts: any[]) => {
+                this.field.options = opts;
+            },
+            (err: any) => {
+                console.log(err);
+                this.onError.emit(err);
+            }
+        );
+    }
+
+    onMetricChanges(field: any) {
+        if (field.value === 'totalCount') {
+            this.currentMetric = this.report.totalCountsPercentages;
+        } else if (field.value === 'totalTime') {
+            this.currentMetric = this.report.totalTimePercentages;
+        } else if (field.value === 'avgTime') {
+            this.currentMetric = this.report.avgTimePercentages;
+        }
+    }
+
+    initForm() {
+        this.metricForm = this.formBuilder.group({
+            metricGroup: new FormGroup({
+                metric: new FormControl()
+            })
+        });
+    }
+
+}