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 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

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

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