From 7fc812bc761c95e508e1c540393b12b03cdf1d03 Mon Sep 17 00:00:00 2001
From: Alex Tatiyants <atatiyan@gmail.com>
Date: Sat, 27 Feb 2016 14:38:42 -0800
Subject: add Dot view mode to make large plans easier to view

---
 app/components/plan-view/plan-view.html | 15 ++++++++-------
 app/components/plan-view/plan-view.ts   |  6 ++++--
 2 files changed, 12 insertions(+), 9 deletions(-)

(limited to 'app/components/plan-view')

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');
-- 
cgit v1.2.3