Add bottom status bar with version information

12 years ago · 20f67f9f4a
parent ac8f84773e
commit 20f67f9f4a
6 changed files with 24 additions and 12 deletions
--- a/css/app.css
+++ b/css/app.css
@ -92,3 +92,7 @@
  .container-bottom {
      height: 50px;
  }
+
+  .footer {
+    max-height:6px;    
+  }
--- a/index.html
+++ b/index.html
@ -28,16 +28,12 @@
  <body>

    <div class="container">
+        <div ng-include="template" ng-controller="MastheadController"></div>

-        <div ng-include="template" ng-controller="MastheadController" ></div>
-        <div id="view" ng-view>
-
-    </div>
-    <div class="container-bottom"></div>
-     <div class="footer center well">
-        <p>Created by: <a href="http://crosbymichael.com">crosbymichael</a></p>
-    </div>
+        <div id="view" ng-view></div>

+        <div class="container-bottom"></div>
+        <div ng-include="template" ng-controller="StatusBarController"></div>
    </div> 

    <script src="../assets/js/jquery.js"></script>
--- a/js/app.js
+++ b/js/app.js
@ -12,4 +12,5 @@ angular.module('dockerui', ['dockerui.services', 'dockerui.filters'])
    }])
    // This is your docker url that the api will use to make requests
    .constant('DOCKER_ENDPOINT', 'http://192.168.1.9:4243\:4243')
-    .constant('DOCKER_API_VERSION', '/v1.1');
+    .constant('UI_VERSION', 'v0.1')
+    .constant('DOCKER_API_VERSION', 'v1.1');
--- a/js/controllers.js
+++ b/js/controllers.js
@ -37,6 +37,13 @@ function DashboardController($scope, Container) {
    
 }

+function StatusBarController($scope, Settings) {
+    $scope.template = 'partials/statusbar.html';
+
+    $scope.uiVersion = Settings.uiVersion;
+    $scope.apiVersion = Settings.version;
+}
+
 function SideBarController($scope, Container, Settings) {
    $scope.template = 'partials/sidebar.html';
    $scope.containers = [];
@ -65,7 +72,7 @@ function SettingsController($scope, Auth, System, Docker, Settings) {
        Auth.update(
            {username: $scope.auth.username, email: $scope.auth.email, password: $scope.auth.password}, function(d) {
                console.log(d);
-                setSuccessfulResponse($scope, 'Auto information updated.', '#response');
+                setSuccessfulResponse($scope, 'Auth information updated.', '#response');
            }, function(e) {
               console.log(e);
               setFailedResponse($scope, e.data, '#response');
--- a/js/services.js
+++ b/js/services.js
@ -53,11 +53,12 @@ angular.module('dockerui.services', ['ngResource'])
            get: {method: 'GET'}
        });
    })
-    .factory('Settings', function(DOCKER_ENDPOINT, DOCKER_API_VERSION) {
+    .factory('Settings', function(DOCKER_ENDPOINT, DOCKER_API_VERSION, UI_VERSION) {
        return {
            displayAll: false,
            endpoint: DOCKER_ENDPOINT,
            version: DOCKER_API_VERSION,
-            url: DOCKER_ENDPOINT + DOCKER_API_VERSION
+            url: DOCKER_ENDPOINT + '/' + DOCKER_API_VERSION,
+            uiVersion: UI_VERSION
        };    
    });
--- a/partials/statusbar.html
+++ b/partials/statusbar.html
@ -0,0 +1,3 @@
+<div class="footer center well">
+    <p><small>Docker API Version: <strong>{{ apiVersion }}</strong> UI Version: <strong>{{ uiVersion }}</strong> Created by: <a href="http://crosbymichael.com">crosbymichael</a></small></p>
+</div>