1 files changed, 96 insertions, 0 deletions
diff --git a/app/components/plan-view/plan-view.ts b/app/components/plan-view/plan-view.ts
new file mode 100644
index 0000000..ab4e6a3
--- /dev/null
+++ b/app/components/plan-view/plan-view.ts
@@ -0,0 +1,96 @@
+import {Component, OnInit} from 'angular2/core';
+import {RouteParams} from 'angular2/router';
+import {ROUTER_DIRECTIVES} from 'angular2/router';
+
+import {IPlan} from '../../interfaces/iplan';
+import {PlanService} from '../../services/plan-service';
+import {HighlightType} from '../../enums';
+import {PlanNode} from '../plan-node/plan-node';
+
+@Component({
+    selector: 'plan-view',
+    templateUrl: './components/plan-view/plan-view.html',
+    directives: [ROUTER_DIRECTIVES, PlanNode],
+    providers: [PlanService]
+})
+export class PlanView {
+    id: string;
+    plan: IPlan;
+    rootContainer: any;
+    executionTime: string;
+    executionTimeUnit: string;
+    hideMenu: boolean = true;
+
+    planStats: any = {
+        executionTime: 0,
+        maxRows: 0,
+        maxCost: 0,
+        maxDuration: 0
+    };
+
+    viewOptions: any = {
+        showPlanStats: true,
+        showHighlightBar: true,
+        showPlannerEstimate: false,
+        showTags: true,
+        highlightType: HighlightType.NONE
+    };
+
+    showPlannerEstimate: boolean = true;
+    showMenu: boolean = false;
+
+    highlightTypes = HighlightType; // exposing the enum to the view
+
+    constructor(private _planService: PlanService, routeParams: RouteParams) {
+        this.id = routeParams.get('id');
+    }
+
+    getPlan() {
+        if (!this.id) {
+            return;
+        }
+
+        this.plan = this._planService.getPlan(this.id);
+        this.rootContainer = this.plan.content;
+
+        var executionTime: number = this.rootContainer['Execution Time'] || this.rootContainer['Total Runtime'];
+        [this.executionTime, this.executionTimeUnit] = this.calculateDuration(executionTime);
+
+        this.planStats = {
+            executionTime: executionTime,
+            planningTime: this.rootContainer['Planning Time'],
+            maxRows: this.rootContainer[this._planService.MAXIMUM_ROWS_PROP],
+            maxCost: this.rootContainer[this._planService.MAXIMUM_COSTS_PROP],
+            maxDuration: this.rootContainer[this._planService.MAXIMUM_DURATION_PROP]
+        }
+    }
+
+    ngOnInit() {
+        this.getPlan();
+    }
+
+    toggleHighlight(type: HighlightType) {
+        this.viewOptions.highlightType = type;
+    }
+
+    analyzePlan() {
+        this._planService.analyzePlan(this.plan);
+    }
+
+    calculateDuration(originalValue: number) {
+        var duration: string = '';
+        var unit: string = '';
+
+        if (originalValue < 1) {
+            duration = "<1";
+            unit = 'ms';
+        } else if (originalValue > 1 && originalValue < 1000) {
+            duration = originalValue.toString();
+            unit = 'ms';
+        } else {
+            duration = _.round(originalValue / 1000, 2).toString();
+            unit = 'mins';
+        }
+        return [duration, unit];
+    }
+}