Merge branch 'master' of github.com:AlexTatiyants/pev

2 files changed, 12 insertions, 9 deletions

diff --git a/app/components/plan-view/plan-view.html b/app/components/plan-view/plan-view.html
index 4ebb70c..70278f4 100644
--- a/app/components/plan-view/plan-view.html
+++ b/app/components/plan-view/plan-view.html
@@ -9,21 +9,22 @@
          <input id="showPlanStats" type="checkbox" [(ngModel)]="viewOptions.showPlanStats">
          <label class="clickable" for="showPlanStats"> show plan stats</label>
       </li>
-
-      <li>
-         <input id="showCompactView" type="checkbox" [(ngModel)]="viewOptions.showCompactView">
-         <label class="clickable" for="showCompactView"> show compact view</label>
-      </li>
-
       <li>
          <input id="showPlannerEstimate" type="checkbox" [(ngModel)]="viewOptions.showPlannerEstimate">
          <label class="clickable" for="showPlannerEstimate"> show planner estimate</label>
       </li>
-
       <li>
          <input id="showTags" type="checkbox" [(ngModel)]="viewOptions.showTags">
          <label class="clickable" for="showTags"> show analysis tags</label>
       </li>
+      <li>
+         <label>view mode: </label>
+         <div class="button-group">
+            <button [class.selected]="viewOptions.viewMode == viewModes.FULL" (click)="viewOptions.viewMode = viewModes.FULL">full</button>
+            <button [class.selected]="viewOptions.viewMode == viewModes.COMPACT" (click)="viewOptions.viewMode = viewModes.COMPACT">compact</button>
+            <button [class.selected]="viewOptions.viewMode == viewModes.DOT" (click)="viewOptions.viewMode = viewModes.DOT">dot</button>
+         </div>
+      </li>
 
       <li>
          <label>graph metric: </label>
diff --git a/app/components/plan-view/plan-view.ts b/app/components/plan-view/plan-view.ts
index 895cccf..9ba8782 100644
--- a/app/components/plan-view/plan-view.ts
+++ b/app/components/plan-view/plan-view.ts
@@ -2,7 +2,7 @@ import {Component, OnInit} from 'angular2/core';
 import {ROUTER_DIRECTIVES, RouteParams} from 'angular2/router';
 
 import {IPlan} from '../../interfaces/iplan';
-import {HighlightType} from '../../enums';
+import {HighlightType, ViewMode} from '../../enums';
 import {PlanNode} from '../plan-node/plan-node';
 import {PlanService} from '../../services/plan-service';
 import {SyntaxHighlightService} from '../../services/syntax-highlight-service';
@@ -26,13 +26,15 @@ export class PlanView {
         showHighlightBar: true,
         showPlannerEstimate: false,
         showTags: true,
-        highlightType: HighlightType.NONE
+        highlightType: HighlightType.NONE,
+        viewMode: ViewMode.FULL
     };
 
     showPlannerEstimate: boolean = true;
     showMenu: boolean = false;
 
     highlightTypes = HighlightType; // exposing the enum to the view
+    viewModes = ViewMode;
 
     constructor(private _planService: PlanService, routeParams: RouteParams) {
         this.id = routeParams.get('id');