GUAC-586: Associate CSS class names with page definitions.

guacamole/src/main/webapp/app/navigation/templates/guacPageList.html

@@ -22,7 +22,7 @@
     -->
 
     <!-- Navigation links -->
-    <li ng-repeat="page in pages">
+    <li ng-repeat="page in pages" class="{{page.className}}">
         <a class="home" ng-click="navigateToPage(page)"
            ng-class="{current: isCurrentPage(page)}" href="#{{page.url}}">
             {{page.name | translate}}

guacamole/src/main/webapp/app/navigation/types/PageDefinition.js

@@ -35,8 +35,11 @@ angular.module('navigation').factory('PageDefinition', [function definePageDefin
      *
      * @param {String} url
      *     The URL of the page.
+     * 
+     * @param {String} [className='']
+     *     The CSS class name to associate with this page, if any.
      */
-    var PageDefinition = function PageDefinition(name, url) {
+    var PageDefinition = function PageDefinition(name, url, className) {
 
         /**
          * The the name of the page, which should be a translation table key.
@@ -52,6 +55,13 @@ angular.module('navigation').factory('PageDefinition', [function definePageDefin
          */
         this.url = url;
 
+        /**
+         * The CSS class name to associate with this page, if any.
+         *
+         * @type String
+         */
+        this.className = className || '';
+
     };
 
     return PageDefinition;