Version added to footer

UI/Content/base.less

@@ -56,16 +56,6 @@ html {
   font-size: 13px;
 }
 
-#footer-region {
-  font-size: 16px;
-  text-decoration: none;
-  font-weight: lighter;
-  margin: 20px 0 30px 0;
-  a:hover {
-    text-decoration: underline;
-  }
-}
-
 #notification-region {
   pre {
     font-size: 12px;

UI/Content/theme.less

@@ -447,11 +447,21 @@ ul.stat-list li label, ul.stat-list li h4, ul.stat-list li small, ul.stat-list l
 }
 
 footer {
-  padding-top: 20px;
+  font-size: 13px;
+  font-weight: lighter;
+  padding-top: 0px;
   padding-bottom: 20px;
   color: #999999;
+  margin: 0;
+  text-decoration: none;
+
   a {
     color: #999999;
+    text-decoration: underline;
+  }
+
+  p {
+    margin-bottom: 0px;
   }
 }
 

UI/Controller.js

@@ -15,7 +15,8 @@ define(['app',
     'Missing/MissingLayout',
     'History/HistoryLayout',
     'Shared/FormatHelpers',
-    'Shared/TemplateHelpers'],
+    'Shared/TemplateHelpers',
+    'Shared/Footer/View'],
     function () {
         var controller = Backbone.Marionette.Controller.extend({
 

UI/Index.html

@@ -69,7 +69,7 @@
     <div class="container">
         <div class="row">
             <div class="span12">
-                <p>&copy; Copyright 2013 NzbDrone</p>
+                <div  id="footer-region"></div>
             </div>
         </div>
     </div>

UI/Routing.js

@@ -28,6 +28,7 @@ require(['app', 'Controller', 'RouteBinder'], function (app, controller, routeBi
         Backbone.history.start({ pushState: true });
 
         routeBinder.bind();
+        NzbDrone.footerRegion.show(new NzbDrone.Shared.Footer.View());
     });
 });
 

UI/Shared/Footer/Model.js

@@ -0,0 +1,11 @@
+"use strict";
+define(['app'], function () {
+
+    NzbDrone.Shared.Footer.Model = Backbone.Model.extend({
+        defaults: {
+            'version' : '0.0.0.0'
+        }
+    });
+
+    return NzbDrone.Shared.Footer.Model;
+});

UI/Shared/Footer/Template.html

@@ -0,0 +1,2 @@
+<p>&copy; Copyright 2013 NzbDrone</p>
+<p>v{{version}}</p>

UI/Shared/Footer/View.js

@@ -0,0 +1,15 @@
+"use strict";
+define(['app',
+        'Shared/Footer/Model'], function () {
+    NzbDrone.Shared.Footer.View = Backbone.Marionette.ItemView.extend({
+
+        template: 'Shared/Footer/Template',
+
+        initialize: function () {
+            this.model = new NzbDrone.Shared.Footer.Model();
+            this.model.version = NzbDrone.Constants.Version;
+        }
+    });
+
+    return new NzbDrone.Shared.Footer.View();
+});

UI/Shared/Footer/footer.less

@@ -0,0 +1,3 @@
+footer {
+  font-size: 12.6px;
+}

UI/app.js

@@ -127,7 +127,6 @@ define([
         Activity: {}
     };
 
-
     window.NzbDrone.Quality = {};
 
     window.NzbDrone.Commands = {};
@@ -136,8 +135,8 @@ define([
         Toolbar      : {},
         Messenger    : {},
         FormatHelpers: {},
-        Grid         : {}
-
+        Grid         : {},
+        Footer       : {}
     };
 
     window.NzbDrone.Cells = {};
@@ -172,7 +171,8 @@ define([
     };
 
     window.NzbDrone.Constants = {
-        ApiRoot: '/api'
+        ApiRoot: '/api',
+        Version: '0.0.0.0'
     };
 
     window.NzbDrone.addInitializer(function () {
@@ -184,7 +184,8 @@ define([
     NzbDrone.addRegions({
         mainRegion        : '#main-region',
         notificationRegion: '#notification-region',
-        modalRegion       : ModalRegion
+        modalRegion       : ModalRegion,
+        footerRegion      : '#footer-region'
     });
 
     window.NzbDrone.start();