Use .twig to render the layout including package and bower information

Author: Sharaal

Diff for: .bowerrc

@@ -1,3 +1,3 @@
 {
-    "directory": "web/js/vendor"
+    "directory": "web/js/vendor/"
 }

Diff for: app.js

@@ -32,20 +32,23 @@ var config = {
                 static: {
                     directory: __dirname + '/web/'
                 }
+            }],
+            [require('dragonnodejs-webserver'), {
+                bower: {
+                    libraries: ['bootstrap', 'jquery', 'angular'],
+                    path: __dirname + '/'
+                },
+                package: {
+                    path: __dirname + '/package.json'
+                },
+                swig: {
+                    views: __dirname + '/views/'
+                }
             }]
         ],
         directory: {
-            config: {
-                route: '/js/config.js',
-                config: function () {
-                    var pkg = require(__dirname + '/package.json');
-                    return {
-                        name: pkg.name,
-                        version: pkg.version,
-                        homepage: pkg.homepage,
-                        server: process.env.SERVER
-                    };
-                }()
+            homepage: {
+                server: process.env.SERVER
             }
         }
     }

Diff for: bower.json

@@ -1,6 +1,9 @@
 {
     "name": "angularjs-skeleton",
     "dependencies": {
+        "bootstrap": "^3.3.1",
+        "jquery": "^2.1.3",
+        "angular": "^1.3.13",
         "angular-bootstrap-show-errors": "^2.3.0",
         "angular-route": "^1.3.15",
         "angular-translate": "^2.6.0",

Diff for: js/app.js

@@ -9,7 +9,6 @@ var dependencies = [
 
     require('./controllers/homepage.js'),
 
-    require('./controllers/imprint.js'),
     require('./controllers/navigation.js')
 ];
 

Diff for: js/controllers/imprint.js

@@ -0,0 +1,17 @@
+'use strict';
+
+/**
+ * Serves the homepage for the application
+ * @example
+    homepage: {
+        server: process.env.SERVER
+    }
+ */
+
+module.exports = function (config, libraries, services) {
+    var app = services.app;
+
+    app.get('/', function (req, res) {
+        res.render('layout.html.twig', { server: config.server });
+    });
+};

Diff for: modules/config.js

@@ -14,6 +14,7 @@
     "dependencies": {
         "dragonnodejs": "^4.0.4",
         "dragonnodejs-express": "^2.1.1",
+        "dragonnodejs-webserver": "^9.0.0",
         "bower": "^1.3.12",
         "browserify": "^8.1.3",
         "newrelic": "^1.15.1",

Diff for: modules/homepage.js

@@ -4,8 +4,8 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title translate="title"></title>
-    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
-    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css" rel="stylesheet">
+    <link href="//maxcdn.bootstrapcdn.com/bootstrap/{{ bower.bootstrap }}/css/bootstrap.min.css" rel="stylesheet">
+    <link href="//maxcdn.bootstrapcdn.com/bootstrap/{{ bower.bootstrap }}/css/bootstrap-theme.min.css" rel="stylesheet">
     <link href="/css/angular-bootstrap.css" rel="stylesheet">
     <link href="/css/angular-bootstrap-show-errors.css" rel="stylesheet">
     <link href="/css/sticky-footer.css" rel="stylesheet">
@@ -54,22 +54,23 @@ <h4 class="modal-title" id="imprintLabel" translate="imprint"></h4>
                     <a href="mailto:[email protected]">[email protected]</a>
                 </address>
             </div>
-            <div class="modal-footer" ng-controller="ImprintCtrl">
-                <a ng-href="{{ config.homepage }}">{{ config.name }}</a> {{ config.version }},
-                <span ng-if="server"><a ng-href="{{ server.homepage }}">{{ server.name }}</a> {{ server.version }},</span>
+            <div class="modal-footer">
+                <a href="{{ package.homepage }}">{{ package.name }}</a> {{ package.version }},
                 <a href="http://dragonprojects.de">DragonProjects</a>
             </div>
         </div>
     </div>
 </div>
-<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
-<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
-<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js"></script>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/{{ bower.jquery }}/jquery.min.js"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/{{ bower.bootstrap }}/js/bootstrap.min.js"></script>
+<script src="//ajax.googleapis.com/ajax/libs/angularjs/{{ bower.angular }}/angular.min.js"></script>
 <script src="/js/vendor/angular-bootstrap-show-errors/src/showErrors.js"></script>
 <script src="/js/vendor/angular-route/angular-route.min.js"></script>
 <script src="/js/vendor/angular-translate/angular-translate.min.js"></script>
 <script src="/js/vendor/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script>
-<script src="/js/config.js"></script>
+<script>
+    var server = '{{ server }}';
+</script>
 <script src="/js/app.js"></script>
 </body>
 </html>