Hide masthead after first load

js/controllers.js

@@ -3,9 +3,18 @@ function MastheadController($scope) {
     $scope.template = 'partials/masthead.html';
 }
 
-function DashboardController($scope, Container) {
+function DashboardController($scope, Container, Settings) {
     $scope.predicate = '-Created';
     $scope.containers = [];
+    var opts = {animation:false};    
+    if (Settings.firstLoad) {
+        opts.animation = true;
+        Settings.firstLoad = false;
+        $('#masthead').show();
+        setTimeout(function() {
+            $('#masthead').slideUp('slow');
+        }, 5000);
+    }
    
     Container.query({all: 1}, function(d) {
        var running = 0
@@ -44,7 +53,7 @@ function DashboardController($scope, Container) {
         } // ghost
       ];
         
-      c.Doughnut(data, {}); 
+      c.Doughnut(data, opts); 
       var lgd = $('#chart-legend').get(0);
       legend(lgd, data);
    });

js/services.js

@@ -64,7 +64,8 @@ angular.module('dockerui.services', ['ngResource'])
             version: DOCKER_API_VERSION,
             rawUrl: DOCKER_ENDPOINT + DOCKER_PORT + '/' + DOCKER_API_VERSION,
             uiVersion: UI_VERSION,
-            url: url
+            url: url,
+            firstLoad: true,
         };
     })
     .factory('ViewSpinner', function() {

partials/dashboard.html

@@ -3,7 +3,7 @@
     <!--<div class="sidebar span4">
         <div ng-include="template" ng-controller="SideBarController"></div>
     </div>-->
-    <div class="span12">
+    <div class="span12" id="masthead" style="display:none">
         <div class="jumbotron">
             <h1>DockerUI</h1>
             <p class="lead">The Linux container engine</p>