From 181ba8367c92931771fbb005a47deb9e387333d9 Mon Sep 17 00:00:00 2001
From: Jeromy Carriere <jcarriere@google.com>
Date: Fri, 10 Oct 2014 09:58:56 -0400
Subject: [PATCH] Add a simple hierarchical treatment for box/list view.

---
 www/box.ng           | 15 ++++++++-------
 www/podcontroller.js |  4 ++++
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/www/box.ng b/www/box.ng
index d95d7bf31e6f3..7cbcd573781c4 100644
--- a/www/box.ng
+++ b/www/box.ng
@@ -16,9 +16,10 @@ limitations under the License.
 <div style="margin-top: 10px">
 <div class="k8s-title-font k8s-box">
   {{ groupName }}
+  {{ settings.display }}
 
 <div ng-if="group.kind != 'grouping'">
-  <div ng-if="!display || display=='box'">
+  <div ng-if="!settings.display || settings.display=='box'">
   <div class="content k8s-item k8s-inline" ng-repeat="item in group">
     <div class="k8s-title-font k8s-font-regular">
       <div ng-switch on='item.labels["type"]'>
@@ -30,7 +31,7 @@ limitations under the License.
     </div>
   </div>
   </div>
-  <div ng-if="display=='list'">
+  <div ng-if="settings.display=='list'">
     <table style="width: 90%; padding: 10px">
     <tr ng-repeat="item in group" ng-class-odd="'k8s-odd'" ng-class-even="'k8s-even'" valign="top">
       <td class="k8s-cell">
@@ -49,14 +50,14 @@ limitations under the License.
     </tr>
     </table>
   </div>
-  <div>
-    <a ng-click="display='box'">box</a>
-    <a ng-click="display='list'">list</a>
-  </div>
 </div>
 <div ng-if="group.kind == 'grouping'">
   <div ng-repeat="(groupName,group) in group.items" ng-include="'box.ng'">
   </div>
 </div>
+<div>
+<a ng-click="settings={display:'box'}">box</a>
+<a ng-click="settings={display:'list'}">list</a>
+<a ng-click="controller.resetGroupLayout(this);">reset</a> 
+</div>
 </div>
-</div>
\ No newline at end of file
diff --git a/www/podcontroller.js b/www/podcontroller.js
index 3d5d351ab07a8..e94fb0df8b09c 100644
--- a/www/podcontroller.js
+++ b/www/podcontroller.js
@@ -46,6 +46,10 @@ k8sApp.controller('PodCtrl', function ($scope, $http, $routeParams) {
 
 function GroupController() {}
 
+GroupController.prototype.resetGroupLayout = function(group) {
+	delete group.settings;
+};
+
 GroupController.prototype.handlePath = function(path) {
     var parts = path.split("/")
     // split leaves an empty string at the beginning.