use settings service to remember panel status

buildbot · May 18, 2015 · 39a9273 · 39a9273
1 parent 1fd03c3
commit 39a9273
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 9 deletions.
diff --git a/www/md_base/src/app/common/directives/panel/panel.directive.coffee b/www/md_base/src/app/common/directives/panel/panel.directive.coffee
@@ -10,16 +10,21 @@ class Panel extends Directive
             bindToController: true
             scope:
                 title: '@'
+                isCollapsed: '='
         }
 
 
 class _Panel extends Controller
 
-    isCollapsed: false
-
-    constructor: (@$element) ->
+    constructor: (@$element, @$scope) ->
+        @$scope.$watch 'panel.isCollapsed', (=> @updateCollapse())
 
     toggleCollapse: ->
         @isCollapsed = !@isCollapsed
-        @$element.toggleClass('collapsed')
         return
+
+    updateCollapse: ->
+        if @isCollapsed
+            @$element.addClass('collapsed')
+        else
+            @$element.removeClass('collapsed')
diff --git a/www/md_base/src/app/home/home.controller.coffee b/www/md_base/src/app/home/home.controller.coffee
@@ -1,6 +1,9 @@
 class Home extends Controller
     title: ''
     titleURL: ''
-    constructor: (config) ->
+    constructor: ($scope, config, bbSettingsService) ->
         @title = config.title
         @titleURL = config.titleURL
+
+        @settings = bbSettingsService.getSettingsGroup("home")
+        $scope.$watch 'home.settings',(-> bbSettingsService.save()), true
diff --git a/www/md_base/src/app/home/home.route.coffee b/www/md_base/src/app/home/home.route.coffee
@@ -1,5 +1,5 @@
 class State extends Config
-    constructor: (menuServiceProvider, $stateProvider) ->
+    constructor: ($stateProvider, menuServiceProvider, bbSettingsServiceProvider) ->
 
         # Name of the state
         name = 'home'
@@ -17,3 +17,24 @@ class State extends Config
             templateUrl: "views/#{name}.html"
             name: name
             url: '/'
+
+        bbSettingsServiceProvider.addSettingsGroup
+            name: 'home'
+            caption: 'Home'
+            description: 'Settings to customize the display of Home page'
+            items: [
+                type: 'bool'
+                name: 'overview_collapsed'
+                caption: 'Collapse overview panel'
+                default_value: false
+            ,
+                type: 'bool'
+                name: 'current_builds_collapsed'
+                caption: 'Collapse current builds panel'
+                default_value: true
+            ,
+                type: 'bool'
+                name: 'recent_builds_collapsed'
+                caption: 'Collapse recent builds panel'
+                default_value: true
+            ]
diff --git a/www/md_base/src/app/home/home.tpl.jade b/www/md_base/src/app/home/home.tpl.jade
@@ -2,6 +2,15 @@ div.project-info(layout="row")
   h1(flex) {{ home.title }}
   md-button.md-raised.md-primary(ng-href="{{ home.titleURL }}") Homepage
 div.dashboard(ng-sortable="{animation: 150, handle:'.title'}")
-  panel(title="overview")
-  panel(title="current")
-  panel(title="recently")
+  panel(
+    title="overview",
+    is-collapsed="home.settings.overview_collapsed.value",
+    )
+  panel(
+    title="current builds",
+    is-collapsed="home.settings.current_builds_collapsed.value",
+    )
+  panel(
+    title="recent builds",
+    is-collapsed="home.settings.recent_builds_collapsed.value",
+    )