Gruntification

docs-web/pom.xml

@@ -264,14 +264,44 @@
         
         <plugins>
         
-          <!-- Generation of the war -->
+          <!-- Launch NPM & Grunt -->
+          <plugin>
+            <artifactId>maven-antrun-plugin</artifactId>
+            <version>1.7</version>
+            <executions>
+              <execution>
+                <phase>generate-sources</phase>
+                <configuration>
+                  <target name="building">
+                    <!-- npm install -->
+                    <exec executable="cmd" dir="${project.basedir}/src/main/webapp" osfamily="windows" failonerror="true">
+                      <arg line="/c npm install" />
+                    </exec>
+                    <exec executable="npm" dir="${project.basedir}/src/main/webapp" osfamily="unix" failonerror="true">
+                      <arg line="install" />
+                    </exec>
+                    <!-- grunt -->
+                    <exec executable="cmd" dir="${project.basedir}/src/main/webapp" osfamily="windows">
+                      <arg line="/c grunt --apiurl=api" />
+                    </exec>
+                    <exec executable="grunt" dir="${project.basedir}/src/main/webapp" osfamily="unix">
+                      <arg line="--apiurl=api" />
+                    </exec>
+                  </target>
+                </configuration>
+                <goals>
+                  <goal>run</goal>
+                </goals>
+              </execution>
+            </executions>
+          </plugin>
+        
+          <!-- WAR generation -->
           <plugin>
             <groupId>org.apache.maven.plugins</groupId>
             <artifactId>maven-war-plugin</artifactId>
             <configuration>
-              <warSourceExcludes>
-                sismicsdocs/**,
-              </warSourceExcludes>
+              <warSourceDirectory>${basedir}/src/main/webapp/dist</warSourceDirectory>
               <webXml>src\main\webapp\WEB-INF\web.xml</webXml>
             </configuration>
           </plugin>

docs-web/src/main/webapp/.gitignore

@@ -1,2 +1,4 @@
-/sismicsdocs
-/.idea
+sismicsdocs
+node_modules
+dist
+.idea

docs-web/src/main/webapp/Gruntfile.js

@@ -0,0 +1,122 @@
+module.exports = function(grunt) {
+
+  // Project configuration.
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+    clean: {
+      dist: {
+        src: ['dist']
+      }
+    },
+    ngmin: {
+      dist: {
+        expand: true,
+        cwd: 'src',
+        src: ['app/**/*.js'],
+        dest: 'dist'
+      }
+    },
+    concat: {
+      docs: {
+        options: {
+          separator: ';'
+        },
+        src: ['src/lib/jquery.js','src/lib/jquery.ui.js','src/lib/underscore.js','src/lib/colorpicker.js', 'src/lib/angular.js', 'src/lib/angular.*.js',
+          'dist/app/docs/app.js', 'dist/app/docs/controller/*.js', 'dist/app/docs/directive/*.js', 'dist/app/docs/filter/*.js', 'dist/app/docs/service/*.js'],
+        dest: 'dist/docs.js'
+      },
+      share: {
+        options: {
+          separator: ';'
+        },
+        src: ['src/lib/jquery.js','src/lib/jquery.ui.js','src/lib/underscore.js','src/lib/colorpicker.js', 'src/lib/angular.js', 'src/lib/angular.*.js',
+          'dist/app/share/app.js', 'dist/app/share/controller/*.js', 'dist/app/share/directive/*.js', 'dist/app/share/filter/*.js', 'dist/app/share/service/*.js'],
+        dest: 'dist/share.js'
+      },
+      css: {
+        src: ['src/style/*.css', 'dist/less.css'],
+        dest: 'dist/style.css'
+      }
+    },
+    less: {
+      dist: {
+        src: ['src/style/*.less'],
+        dest: 'dist/less.css'
+      }
+    },
+    cssmin: {
+      dist: {
+        src: 'dist/style.css',
+        dest: 'dist/style/style.min.css'
+      }
+    },
+    uglify: {
+      docs: {
+        src: 'dist/docs.js',
+        dest: 'dist/docs.min.js'
+      },
+      share: {
+        src: 'dist/share.js',
+        dest: 'dist/share.min.js'
+      }
+    },
+    copy: {
+      dist: {
+        expand: true,
+        cwd: 'src/',
+        src: ['**', '!**/*.js', '!*.html', '!**/*.less', '!**/*.css'],
+        dest: 'dist/'
+      }
+    },
+    htmlrefs: {
+      index: {
+        src: 'src/index.html',
+        dest: 'dist/index.html'
+      },
+      share: {
+        src: 'src/share.html',
+        dest: 'dist/share.html'
+      }
+    },
+    remove: {
+      dist: {
+        fileList: ['dist/style.css', 'dist/docs.js', 'dist/share.js', 'dist/less.css'],
+        dirList: ['dist/app']
+      }
+    },
+    cleanempty: {
+      options: {
+        files: false,
+        folders: true
+      },
+      src: ['dist/**']
+    },
+    replace: {
+      dist: {
+        src: ['dist/docs.min.js', 'dist/share.min.js', 'dist/**/*.html'],
+        overwrite: true,
+        replacements: [{
+          from: '../api',
+          to: grunt.option('apiurl') || '../api'
+        }]
+      }
+    }
+  });
+
+  grunt.loadNpmTasks('grunt-contrib-clean');
+  grunt.loadNpmTasks('grunt-contrib-concat');
+  grunt.loadNpmTasks('grunt-contrib-uglify');
+  grunt.loadNpmTasks('grunt-contrib-copy');
+  grunt.loadNpmTasks('grunt-cleanempty');
+  grunt.loadNpmTasks('grunt-htmlrefs');
+  grunt.loadNpmTasks('grunt-css');
+  grunt.loadNpmTasks('grunt-contrib-less');
+  grunt.loadNpmTasks('grunt-remove');
+  grunt.loadNpmTasks('grunt-ngmin');
+  grunt.loadNpmTasks('grunt-text-replace');
+
+  // Default tasks.
+  grunt.registerTask('default', ['clean', 'ngmin', 'concat:docs', 'concat:share', 'less', 'concat:css', 'cssmin',
+    'uglify:docs', 'uglify:share', 'copy', 'remove', 'cleanempty', 'htmlrefs:index', 'htmlrefs:share', 'replace']);
+
+};

docs-web/src/main/webapp/app/docs/controller/FileView.js

@@ -1,98 +0,0 @@
-'use strict';
-
-/**
- * File view controller.
- */
-App.controller('FileView', function($modal, $state, $stateParams) {
-  var modal = $modal.open({
-    windowClass: 'modal modal-fileview',
-    templateUrl: 'partial/docs/file.view.html',
-    controller: function($rootScope, $scope, $state, $stateParams, Restangular) {
-      // Load files
-      Restangular.one('file').getList('list', { id: $stateParams.id }).then(function(data) {
-        $scope.files = data.files;
-        
-        // Search current file
-        _.each($scope.files, function(value) {
-          if (value.id == $stateParams.fileId) {
-            $scope.file = value;
-          }
-        });
-      });
-      
-      /**
-       * Navigate to the next file.
-       */
-      $scope.nextFile = function() {
-        _.each($scope.files, function(value, key) {
-          if (value.id == $stateParams.fileId) {
-            var next = $scope.files[key + 1];
-            if (next) {
-              $state.transitionTo('document.view.file', { id: $stateParams.id, fileId: next.id });
-            }
-          }
-        });
-      };
-      
-      /**
-       * Navigate to the previous file.
-       */
-      $scope.previousFile = function() {
-        _.each($scope.files, function(value, key) {
-          if (value.id == $stateParams.fileId) {
-            var previous = $scope.files[key - 1];
-            if (previous) {
-              $state.transitionTo('document.view.file', { id: $stateParams.id, fileId: previous.id });
-            }
-          }
-        });
-      };
-      
-      /**
-       * Open the file in a new window.
-       */
-      $scope.openFile = function() {
-        window.open('api/file/' + $stateParams.fileId + '/data');
-      };
-
-      /**
-       * Print the file.
-       */
-      $scope.printFile = function() {
-        var popup = window.open('api/file/' + $stateParams.fileId + '/data', '_blank');
-        popup.onload = function () {
-          popup.print();
-          popup.close();
-        }
-      };
-
-      /**
-       * Close the file preview.
-       */
-      $scope.closeFile = function () {
-        modal.dismiss();
-      };
-
-      // Close the modal when the user exits this state
-      var off = $rootScope.$on('$stateChangeStart', function(event, toState) {
-        if (!modal.closed) {
-          if (toState.name == 'document.view.file') {
-            modal.close();
-          } else {
-            modal.dismiss();
-          }
-        }
-        off();
-      });
-    }
-  });
-
-  // Returns to document view on file close
-  modal.closed = false;
-  modal.result.then(function() {
-    modal.closed = true;
-  }, function() {
-    modal.closed = true;
-    $state.transitionTo('document.view', { id: $stateParams.id });
-  });
-});

docs-web/src/main/webapp/app/docs/controller/SettingsDefault.js

@@ -1,7 +0,0 @@
-'use strict';
-
-/**
- * Settings default page controller.
- */
-App.controller('SettingsDefault', function($scope, Restangular) {
-});

docs-web/src/main/webapp/app/share/controller/FileView.js

@@ -1,98 +0,0 @@
-'use strict';
-
-/**
- * File view controller.
- */
-App.controller('FileView', function($modal, $state, $stateParams) {
-  var modal = $modal.open({
-    windowClass: 'modal modal-fileview',
-    templateUrl: 'partial/share/file.view.html',
-    controller: function($rootScope, $scope, $state, $stateParams, Restangular) {
-      // Load files
-      Restangular.one('file').getList('list', { id: $stateParams.documentId, share: $stateParams.shareId }).then(function(data) {
-        $scope.files = data.files;
-        
-        // Search current file
-        _.each($scope.files, function(value) {
-          if (value.id == $stateParams.fileId) {
-            $scope.file = value;
-          }
-        });
-      });
-      
-      /**
-       * Navigate to the next file.
-       */
-      $scope.nextFile = function() {
-        _.each($scope.files, function(value, key) {
-          if (value.id == $stateParams.fileId) {
-            var next = $scope.files[key + 1];
-            if (next) {
-              $state.transitionTo('share.file', { documentId: $stateParams.documentId, shareId: $stateParams.shareId, fileId: next.id });
-            }
-          }
-        });
-      };
-      
-      /**
-       * Navigate to the previous file.
-       */
-      $scope.previousFile = function() {
-        _.each($scope.files, function(value, key) {
-          if (value.id == $stateParams.fileId) {
-            var previous = $scope.files[key - 1];
-            if (previous) {
-              $state.transitionTo('share.file', { documentId: $stateParams.documentId, shareId: $stateParams.shareId,  fileId: previous.id });
-            }
-          }
-        });
-      };
-      
-      /**
-       * Open the file in a new window.
-       */
-      $scope.openFile = function() {
-        window.open('api/file/' + $stateParams.fileId + '/data?share=' + $stateParams.shareId);
-      };
-
-      /**
-       * Print the file.
-       */
-      $scope.printFile = function() {
-        var popup = window.open('api/file/' + $stateParams.fileId + '/data', '_blank');
-        popup.onload = function () {
-          popup.print();
-          popup.close();
-        }
-      };
-
-      /**
-       * Close the file preview.
-       */
-      $scope.closeFile = function () {
-        modal.dismiss();
-      };
-
-      // Close the modal when the user exits this state
-      var off = $rootScope.$on('$stateChangeStart', function(event, toState){
-        if (!modal.closed) {
-          if (toState.name == 'share.file') {
-            modal.close();
-          } else {
-            modal.dismiss();
-          }
-        }
-        off();
-      });
-    }
-  });
-
-  // Returns to share view on file close
-  modal.closed = false;
-  modal.result.then(function() {
-    modal.closed = true;
-  },function(result) {
-    modal.closed = true;
-    $state.transitionTo('share', { documentId: $stateParams.documentId, shareId: $stateParams.shareId });
-  });
-});

docs-web/src/main/webapp/app/share/controller/Main.js

@@ -1,7 +0,0 @@
-'use strict';
-
-/**
- * Main controller.
- */
-App.controller('Main', function() {
-});

docs-web/src/main/webapp/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "sismics-docs",
+  "description": "Lightweight document management system",
+  "readme": "See http://github.com/simics/docs for more informations.",
+  "version": "0.0.1",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/sismics/docs.git"
+  },
+  "devDependencies": {
+    "grunt": "~0.4.2",
+    "grunt-contrib-uglify": "~0.3.2",
+    "grunt-contrib-concat": "~0.3.0",
+    "grunt-contrib-copy": "~0.5.0",
+    "grunt-contrib-clean": "~0.5.0",
+    "grunt-cleanempty": "~0.2.0",
+    "grunt-htmlrefs": "~0.5.0",
+    "grunt-css": "~0.5.4",
+    "grunt-contrib-less": "~0.9.0",
+    "grunt-remove": "~0.1.0",
+    "grunt-ngmin": "0.0.3",
+    "grunt-text-replace": "~0.3.11"
+  }
+}

docs-web/src/main/webapp/src/app/docs/app.js

@@ -3,7 +3,7 @@
 /**
  * Sismics Docs application.
  */
-var App = angular.module('docs',
+angular.module('docs',
     // Dependencies
     ['ui.router', 'ui.route', 'ui.bootstrap', 'ui.keypress', 'ui.validate', 'dialog',
       'ui.sortable', 'restangular', 'ngSanitize', 'ngTouch', 'colorpicker.module']
@@ -171,7 +171,7 @@ var App = angular.module('docs',
   });
   
   // Configuring Restangular
-  RestangularProvider.setBaseUrl('api');
+  RestangularProvider.setBaseUrl('../api');
   
   // Configuring $http to act like jQuery.ajax
   $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';

docs-web/src/main/webapp/src/app/docs/controller/Document.js

@@ -3,7 +3,7 @@
 /**
  * Document controller.
  */
-App.controller('Document', function($scope, $timeout, $state, Restangular) {
+angular.module('docs').controller('Document', function($scope, $timeout, $state, Restangular) {
   /**
    * Documents table sort status.
    */

docs-web/src/main/webapp/src/app/docs/controller/DocumentDefault.js

@@ -3,7 +3,7 @@
 /**
  * Document default controller.
  */
-App.controller('DocumentDefault', function($scope, $state, Restangular) {
+angular.module('docs').controller('DocumentDefault', function($scope, $state, Restangular) {
   // Load app data
   Restangular.one('app').get().then(function(data) {
     $scope.app = data;

docs-web/src/main/webapp/src/app/docs/controller/DocumentEdit.js

@@ -3,7 +3,7 @@
 /**
  * Document edition controller.
  */
-App.controller('DocumentEdit', function($rootScope, $scope, $q, $http, $state, $stateParams, Restangular, Tag) {
+angular.module('docs').controller('DocumentEdit', function($rootScope, $scope, $q, $http, $state, $stateParams, Restangular, Tag) {
   // Alerts
   $scope.alerts = [];
   
@@ -120,7 +120,7 @@ App.controller('DocumentEdit', function($rootScope, $scope, $q, $http, $state, $
           // Send the file
           $.ajax({
             type: 'PUT',
-            url: 'api/file',
+            url: '../api/file',
             data: formData,
             cache: false,
             contentType: false,

docs-web/src/main/webapp/src/app/docs/controller/DocumentView.js

@@ -3,7 +3,7 @@
 /**
  * Document view controller.
  */
-App.controller('DocumentView', function ($scope, $state, $stateParams, $location, $dialog, $modal, Restangular) {
+angular.module('docs').controller('DocumentView', function ($scope, $state, $stateParams, $location, $dialog, $modal, Restangular) {
   // Load data from server
   Restangular.one('document', $stateParams.id).get().then(function(data) {
     $scope.document = data;

docs-web/src/main/webapp/src/app/docs/controller/FileModalView.js

@@ -0,0 +1,83 @@
+'use strict';
+
+/**
+ * File modal view controller.
+ */
+angular.module('docs').controller('FileModalView', function($rootScope, $modalInstance, $scope, $state, $stateParams, Restangular) {
+  // Load files
+  Restangular.one('file').getList('list', { id: $stateParams.id }).then(function(data) {
+    $scope.files = data.files;
+
+    // Search current file
+    _.each($scope.files, function(value) {
+      if (value.id == $stateParams.fileId) {
+        $scope.file = value;
+      }
+    });
+  });
+
+  /**
+   * Navigate to the next file.
+   */
+  $scope.nextFile = function() {
+    _.each($scope.files, function(value, key) {
+      if (value.id == $stateParams.fileId) {
+        var next = $scope.files[key + 1];
+        if (next) {
+          $state.transitionTo('document.view.file', { id: $stateParams.id, fileId: next.id });
+        }
+      }
+    });
+  };
+
+  /**
+   * Navigate to the previous file.
+   */
+  $scope.previousFile = function() {
+    _.each($scope.files, function(value, key) {
+      if (value.id == $stateParams.fileId) {
+        var previous = $scope.files[key - 1];
+        if (previous) {
+          $state.transitionTo('document.view.file', { id: $stateParams.id, fileId: previous.id });
+        }
+      }
+    });
+  };
+
+  /**
+   * Open the file in a new window.
+   */
+  $scope.openFile = function() {
+    window.open('../api/file/' + $stateParams.fileId + '/data');
+  };
+
+  /**
+   * Print the file.
+   */
+  $scope.printFile = function() {
+    var popup = window.open('../api/file/' + $stateParams.fileId + '/data', '_blank');
+    popup.onload = function () {
+      popup.print();
+      popup.close();
+    }
+  };
+
+  /**
+   * Close the file preview.
+   */
+  $scope.closeFile = function () {
+    $modalInstance.dismiss();
+  };
+
+  // Close the modal when the user exits this state
+  var off = $rootScope.$on('$stateChangeStart', function(event, toState) {
+    if (!$modalInstance.closed) {
+      if (toState.name == 'document.view.file') {
+        $modalInstance.close();
+      } else {
+        $modalInstance.dismiss();
+      }
+    }
+    off();
+  });
+});

docs-web/src/main/webapp/src/app/docs/controller/FileView.js

@@ -0,0 +1,21 @@
+'use strict';
+
+/**
+ * File view controller.
+ */
+angular.module('docs').controller('FileView', function($modal, $state, $stateParams) {
+  var modal = $modal.open({
+    windowClass: 'modal modal-fileview',
+    templateUrl: 'partial/docs/file.view.html',
+    controller: 'FileModalView'
+  });
+
+  // Returns to document view on file close
+  modal.closed = false;
+  modal.result.then(function() {
+    modal.closed = true;
+  }, function() {
+    modal.closed = true;
+    $state.transitionTo('document.view', { id: $stateParams.id });
+  });
+});

docs-web/src/main/webapp/src/app/docs/controller/Login.js

@@ -3,7 +3,7 @@
 /**
  * Login controller.
  */
-App.controller('Login', function($scope, $rootScope, $state, $dialog, User) {
+angular.module('docs').controller('Login', function($scope, $rootScope, $state, $dialog, User) {
   $scope.login = function() {
     User.login($scope.user).then(function() {
       $rootScope.userInfo = User.userInfo(true);

docs-web/src/main/webapp/src/app/docs/controller/Main.js

@@ -3,7 +3,7 @@
 /**
  * Main controller.
  */
-App.controller('Main', function($scope, $rootScope, $state, User) {
+angular.module('docs').controller('Main', function($scope, $rootScope, $state, User) {
   User.userInfo().then(function(data) {
     if (data.anonymous) {
       $state.transitionTo('login');

docs-web/src/main/webapp/src/app/docs/controller/Navigation.js

@@ -3,7 +3,7 @@
 /**
  * Navigation controller.
  */
-App.controller('Navigation', function($scope, $http, $state, $rootScope, User, Restangular) {
+angular.module('docs').controller('Navigation', function($scope, $http, $state, $rootScope, User, Restangular) {
   User.userInfo().then(function(data) {
     $rootScope.userInfo = data;
   });

docs-web/src/main/webapp/src/app/docs/controller/Settings.js

@@ -3,7 +3,7 @@
 /**
  * Settings controller.
  */
-App.controller('Settings', function($scope, Restangular) {
+angular.module('docs').controller('Settings', function($scope, Restangular) {
   // Flag if the user is admin
   $scope.isAdmin = $scope.userInfo.base_functions.indexOf('ADMIN') != -1;
 });

docs-web/src/main/webapp/src/app/docs/controller/SettingsAccount.js

@@ -3,7 +3,7 @@
 /**
  * Settings account controller.
  */
-App.controller('SettingsAccount', function($scope, Restangular) {
+angular.module('docs').controller('SettingsAccount', function($scope, Restangular) {
   $scope.editUserAlert = false;
   
   // Alerts

docs-web/src/main/webapp/src/app/docs/controller/SettingsDefault.js

@@ -0,0 +1,7 @@
+'use strict';
+
+/**
+ * Settings default page controller.
+ */
+angular.module('docs').controller('SettingsDefault', function($scope, Restangular) {
+});

docs-web/src/main/webapp/src/app/docs/controller/SettingsLog.js

@@ -3,7 +3,7 @@
 /**
  * Settings logs controller.
  */
-App.controller('SettingsLog', function($scope, Restangular) {
+angular.module('docs').controller('SettingsLog', function($scope, Restangular) {
   Restangular.one('app/log').get({
     limit: 100
   }).then(function(data) {

docs-web/src/main/webapp/src/app/docs/controller/SettingsSession.js

@@ -3,7 +3,7 @@
 /**
  * Settings session controller.
  */
-App.controller('SettingsSession', function($scope, Restangular) {
+angular.module('docs').controller('SettingsSession', function($scope, Restangular) {
   /**
    * Load sessions.
    */

docs-web/src/main/webapp/src/app/docs/controller/SettingsUser.js

@@ -3,7 +3,7 @@
 /**
  * Settings user page controller.
  */
-App.controller('SettingsUser', function($scope, $state, Restangular) {
+angular.module('docs').controller('SettingsUser', function($scope, $state, Restangular) {
   /**
    * Load users from server.
    */

docs-web/src/main/webapp/src/app/docs/controller/SettingsUserEdit.js

@@ -3,7 +3,7 @@
 /**
  * Settings user edition page controller.
  */
-App.controller('SettingsUserEdit', function($scope, $dialog, $state, $stateParams, Restangular) {
+angular.module('docs').controller('SettingsUserEdit', function($scope, $dialog, $state, $stateParams, Restangular) {
   /**
    * Returns true if in edit mode (false in add mode).
    */

docs-web/src/main/webapp/src/app/docs/controller/Tag.js

@@ -3,7 +3,7 @@
 /**
  * Tag controller.
  */
-App.controller('Tag', function($scope, $dialog, $state, Tag, Restangular) {
+angular.module('docs').controller('Tag', function($scope, $dialog, $state, Tag, Restangular) {
   $scope.tag = { name: '', color: '#3a87ad' };
   
   // Retrieve tags

docs-web/src/main/webapp/src/app/docs/directive/File.js

@@ -3,7 +3,7 @@
 /**
  * File upload directive.
  */
-App.directive('file', function() {
+angular.module('docs').directive('file', function() {
   return {
     restrict: 'E',
     template: '<input type="file" />',

docs-web/src/main/webapp/src/app/docs/directive/InlineEdit.js

@@ -4,7 +4,7 @@
  * Inline edition directive.
  * Thanks to http://jsfiddle.net/joshdmiller/NDFHg/
  */
-App.directive('inlineEdit', function() {
+angular.module('docs').directive('inlineEdit', function() {
   return {
     restrict: 'E',
     scope: {

docs-web/src/main/webapp/src/app/docs/directive/SelectTag.js

@@ -3,7 +3,7 @@
 /**
  * Tag selection directive.
  */
-App.directive('selectTag', function() {
+angular.module('docs').directive('selectTag', function() {
   return {
     restrict: 'E',
     templateUrl: 'partial/docs/directive.selecttag.html',

docs-web/src/main/webapp/src/app/docs/filter/Newline.js

@@ -3,7 +3,7 @@
 /**
  * Filter converting new lines in <br />
  */
-App.filter('newline', function() {
+angular.module('docs').filter('newline', function() {
   return function(text) {
     if (!text) {
       return '';

docs-web/src/main/webapp/src/app/docs/filter/Shorten.js

@@ -3,7 +3,7 @@
 /**
  * Filter shortening text in one letter uppercase.
  */
-App.filter('shorten', function() {
+angular.module('docs').filter('shorten', function() {
   return function(text) {
     if (!text) {
       return '';

docs-web/src/main/webapp/src/app/docs/service/Tag.js

@@ -3,7 +3,7 @@
 /**
  * Tag service.
  */
-App.factory('Tag', function(Restangular) {
+angular.module('docs').factory('Tag', function(Restangular) {
   var tags = null;
   
   return {

docs-web/src/main/webapp/src/app/docs/service/User.js

@@ -3,7 +3,7 @@
 /**
  * User service.
  */
-App.factory('User', function(Restangular) {
+angular.module('docs').factory('User', function(Restangular) {
   var userInfo = null;
   
   return {

docs-web/src/main/webapp/src/app/share/app.js

@@ -3,7 +3,7 @@
 /**
  * Share application.
  */
-var App = angular.module('share',
+angular.module('share',
     // Dependencies
     ['ui.router', 'ui.bootstrap', 'restangular', 'ngSanitize', 'ngTouch']
   )
@@ -50,7 +50,7 @@ var App = angular.module('share',
   });
   
   // Configuring Restangular
-  RestangularProvider.setBaseUrl('api');
+  RestangularProvider.setBaseUrl('../api');
   
   // Configuring $http to act like jQuery.ajax
   $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';

docs-web/src/main/webapp/src/app/share/controller/FileModalView.js

@@ -0,0 +1,83 @@
+'use strict';
+
+/**
+ * File modal view controller.
+ */
+angular.module('share').controller('FileModalView', function($rootScope, $modalInstance, $scope, $state, $stateParams, Restangular) {
+  // Load files
+  Restangular.one('file').getList('list', { id: $stateParams.documentId, share: $stateParams.shareId }).then(function(data) {
+    $scope.files = data.files;
+
+    // Search current file
+    _.each($scope.files, function(value) {
+      if (value.id == $stateParams.fileId) {
+        $scope.file = value;
+      }
+    });
+  });
+
+  /**
+   * Navigate to the next file.
+   */
+  $scope.nextFile = function() {
+    _.each($scope.files, function(value, key) {
+      if (value.id == $stateParams.fileId) {
+        var next = $scope.files[key + 1];
+        if (next) {
+          $state.transitionTo('share.file', { documentId: $stateParams.documentId, shareId: $stateParams.shareId, fileId: next.id });
+        }
+      }
+    });
+  };
+
+  /**
+   * Navigate to the previous file.
+   */
+  $scope.previousFile = function() {
+    _.each($scope.files, function(value, key) {
+      if (value.id == $stateParams.fileId) {
+        var previous = $scope.files[key - 1];
+        if (previous) {
+          $state.transitionTo('share.file', { documentId: $stateParams.documentId, shareId: $stateParams.shareId,  fileId: previous.id });
+        }
+      }
+    });
+  };
+
+  /**
+   * Open the file in a new window.
+   */
+  $scope.openFile = function() {
+    window.open('../api/file/' + $stateParams.fileId + '/data?share=' + $stateParams.shareId);
+  };
+
+  /**
+   * Print the file.
+   */
+  $scope.printFile = function() {
+    var popup = window.open('../api/file/' + $stateParams.fileId + '/data', '_blank');
+    popup.onload = function () {
+      popup.print();
+      popup.close();
+    }
+  };
+
+  /**
+   * Close the file preview.
+   */
+  $scope.closeFile = function () {
+    $modalInstance.dismiss();
+  };
+
+  // Close the modal when the user exits this state
+  var off = $rootScope.$on('$stateChangeStart', function(event, toState){
+    if (!$modalInstance.closed) {
+      if (toState.name == 'share.file') {
+        $modalInstance.close();
+      } else {
+        $modalInstance.dismiss();
+      }
+    }
+    off();
+  });
+});

docs-web/src/main/webapp/src/app/share/controller/FileView.js

@@ -0,0 +1,21 @@
+'use strict';
+
+/**
+ * File view controller.
+ */
+angular.module('share').controller('FileView', function($modal, $state, $stateParams) {
+  var modal = $modal.open({
+    windowClass: 'modal modal-fileview',
+    templateUrl: 'partial/share/file.view.html',
+    controller: 'FileModalView'
+  });
+
+  // Returns to share view on file close
+  modal.closed = false;
+  modal.result.then(function() {
+    modal.closed = true;
+  },function(result) {
+    modal.closed = true;
+    $state.transitionTo('share', { documentId: $stateParams.documentId, shareId: $stateParams.shareId });
+  });
+});

docs-web/src/main/webapp/src/app/share/controller/Main.js

@@ -0,0 +1,7 @@
+'use strict';
+
+/**
+ * Main controller.
+ */
+angular.module('share').controller('Main', function() {
+});

docs-web/src/main/webapp/src/app/share/controller/Share.js

@@ -3,7 +3,7 @@
 /**
  * Share controller.
  */
-App.controller('Share', function($scope, $state, $stateParams, Restangular) {
+angular.module('share').controller('Share', function($scope, $state, $stateParams, Restangular) {
   // Load document
   Restangular.one('document', $stateParams.documentId).get({ share: $stateParams.shareId })
       .then(function (data) {

docs-web/src/main/webapp/src/app/share/filter/Newline.js

@@ -0,0 +1,13 @@
+'use strict';
+
+/**
+ * Filter converting new lines in <br />
+ */
+angular.module('share').filter('newline', function() {
+  return function(text) {
+    if (!text) {
+      return '';
+    }
+    return text.replace(/\n/g, '<br/>');
+  }
+})

docs-web/src/main/webapp/src/index.html

@@ -5,9 +5,12 @@
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="shortcut icon" href="favicon.png" />
+    <!-- ref:css style/style.min.css -->
     <link rel="stylesheet" href="style/bootstrap.css" type="text/css" />
     <link rel="stylesheet" href="style/colorpicker.css" type="text/css" />
     <link rel="stylesheet/less" href="style/main.less" type="text/css" />
+    <!-- endref -->
+    <!-- ref:remove -->
     <script>
       less = {
         env: 'development', // or "production"
@@ -17,14 +20,16 @@
         dumpLineNumbers: 'all' // or "mediaQuery" or "comments"
       };
     </script>
+    <!-- endref -->
+    <!-- ref:js docs.min.js -->
     <script src="lib/jquery.js" type="text/javascript"></script>
     <script src="lib/jquery.ui.js" type="text/javascript"></script>
     <script src="lib/less.js" type="text/javascript"></script>
     <script src="lib/underscore.js" type="text/javascript"></script>
     <script src="lib/colorpicker.js" type="text/javascript"></script>
     <script src="lib/angular.js" type="text/javascript"></script>
-    <script src="lib/angular-sanitize.js" type="text/javascript"></script>
-    <script src="lib/angular-touch.js" type="text/javascript"></script>
+    <script src="lib/angular.sanitize.js" type="text/javascript"></script>
+    <script src="lib/angular.touch.js" type="text/javascript"></script>
     <script src="lib/angular.ui-router.js" type="text/javascript"></script>
     <script src="lib/angular.ui-bootstrap.js" type="text/javascript"></script>
     <script src="lib/angular.ui-utils.js" type="text/javascript"></script>
@@ -38,6 +43,7 @@
     <script src="app/docs/controller/DocumentEdit.js" type="text/javascript"></script>
     <script src="app/docs/controller/DocumentView.js" type="text/javascript"></script>
     <script src="app/docs/controller/FileView.js" type="text/javascript"></script>
+    <script src="app/docs/controller/FileModalView.js" type="text/javascript"></script>
     <script src="app/docs/controller/Login.js" type="text/javascript"></script>
     <script src="app/docs/controller/Tag.js" type="text/javascript"></script>
     <script src="app/docs/controller/Navigation.js" type="text/javascript"></script>
@@ -55,6 +61,7 @@
     <script src="app/docs/directive/File.js" type="text/javascript"></script>
     <script src="app/docs/directive/SelectTag.js" type="text/javascript"></script>
     <script src="app/docs/directive/InlineEdit.js" type="text/javascript"></script>
+    <!-- endref -->
   </head>
   <body>
     <nav class="navbar navbar-default" role="navigation" ng-controller="Navigation">

docs-web/src/main/webapp/src/lib/angular.js

@@ -2046,7 +2046,7 @@
    * - `injector()` - retrieves the injector of the current element or its parent.
    * - `scope()` - retrieves the {@link api/ng.$rootScope.Scope scope} of the current
    *   element or its parent.
-   * - `isolateScope()` - retrieves an isolate {@link api/ng.$rootScope.Scope scope} if one is attached directly to the
+   * - `isolateScope()` - retrieves an isolate {@link ../api/ng.$rootScope.Scope scope} if one is attached directly to the
    *   current element. This getter should be used only on elements that contain a directive which starts a new isolate
    *   scope. Calling `scope()` on this element always returns the original non-isolate scope.
    * - `inheritedData()` - same as `data()`, but walks up the DOM until a value is found or the top
@@ -2136,7 +2136,7 @@
     }
     if (!(this instanceof JQLite)) {
       if (isString(element) && element.charAt(0) != '<') {
-        throw jqLiteMinErr('nosel', 'Looking up elements via selectors is not supported by jqLite! See: http://docs.angularjs.org/api/angular.element');
+        throw jqLiteMinErr('nosel', 'Looking up elements via selectors is not supported by jqLite! See: http://docs.angularjs.org/../api/angular.element');
       }
       return new JQLite(element);
     }
@@ -4799,7 +4799,7 @@
    *
    * ### Directive Definition Object
    *
-   * The directive definition object provides instructions to the {@link api/ng.$compile
+   * The directive definition object provides instructions to the {@link ../api/ng.$compile
    * compiler}. The attributes are:
    *
    * #### `priority`
@@ -4922,7 +4922,7 @@
    * You can specify `templateUrl` as a string representing the URL or as a function which takes two
    * arguments `tElement` and `tAttrs` (described in the `compile` function api below) and returns
    * a string value representing the url.  In either case, the template URL is passed through {@link
-   * api/ng.$sce#methods_getTrustedResourceUrl $sce.getTrustedResourceUrl}.
+   * ../api/ng.$sce#methods_getTrustedResourceUrl $sce.getTrustedResourceUrl}.
    *
    *
    * #### `replace`
@@ -4934,7 +4934,7 @@
    *
    * #### `transclude`
    * compile the content of the element and make it available to the directive.
-   * Typically used with {@link api/ng.directive:ngTransclude
+   * Typically used with {@link ../api/ng.directive:ngTransclude
    * ngTransclude}. The advantage of transclusion is that the linking function receives a
    * transclusion function which is pre-bound to the correct scope. In a typical setup the widget
    * creates an `isolate` scope, but the transclusion is not a child, but a sibling of the `isolate`
@@ -4954,8 +4954,8 @@
    * The compile function deals with transforming the template DOM. Since most directives do not do
    * template transformation, it is not used often. Examples that require compile functions are
    * directives that transform template DOM, such as {@link
-   * api/ng.directive:ngRepeat ngRepeat}, or load the contents
-   * asynchronously, such as {@link api/ngRoute.directive:ngView ngView}. The
+   * ../api/ng.directive:ngRepeat ngRepeat}, or load the contents
+   * asynchronously, such as {@link ../api/ngRoute.directive:ngView ngView}. The
    * compile function takes the following arguments.
    *
    *   * `tElement` - template element - The element where the directive has been declared. It is
@@ -5000,8 +5000,8 @@
    * executed after the template has been cloned. This is where most of the directive logic will be
    * put.
    *
-   *   * `scope` - {@link api/ng.$rootScope.Scope Scope} - The scope to be used by the
-   *     directive for registering {@link api/ng.$rootScope.Scope#methods_$watch watches}.
+   *   * `scope` - {@link ../api/ng.$rootScope.Scope Scope} - The scope to be used by the
+   *     directive for registering {@link ../api/ng.$rootScope.Scope#methods_$watch watches}.
    *
    *   * `iElement` - instance element - The element where the directive is to be used. It is safe to
    *     manipulate the children of the element only in `postLink` function since the children have
@@ -5032,7 +5032,7 @@
    * <a name="Attributes"></a>
    * ### Attributes
    *
-   * The {@link api/ng.$compile.directive.Attributes Attributes} object - passed as a parameter in the
+   * The {@link ../api/ng.$compile.directive.Attributes Attributes} object - passed as a parameter in the
    * `link()` or `compile()` functions. It has a variety of uses.
    *
    * accessing *Normalized attribute names:*
@@ -8218,7 +8218,7 @@
           throw $interpolateMinErr('noconcat',
               "Error while interpolating: {0}\nStrict Contextual Escaping disallows " +
                   "interpolations that concatenate multiple expressions when a trusted value is " +
-                  "required.  See http://docs.angularjs.org/api/ng.$sce", text);
+                  "required.  See http://docs.angularjs.org/../api/ng.$sce", text);
         }
 
         if (!mustHaveExpression  || hasInterpolation) {
@@ -13104,7 +13104,7 @@
         throw $sceMinErr('iequirks',
             'Strict Contextual Escaping does not support Internet Explorer version < 9 in quirks ' +
                 'mode.  You can fix this by adding the text <!doctype html> to the top of your HTML ' +
-                'document.  See http://docs.angularjs.org/api/ng.$sce for more information.');
+                'document.  See http://docs.angularjs.org/../api/ng.$sce for more information.');
       }
 
       var sce = copy(SCE_CONTEXTS);
@@ -13642,7 +13642,7 @@
    * Parsing means that the anchor node's host, hostname, protocol, port, pathname and related
    * properties are all populated to reflect the normalized URL.  This approach has wide
    * compatibility - Safari 1+, Mozilla 1+, Opera 7+,e etc.  See
-   * http://www.aptana.com/reference/html/api/HTMLAnchorElement.html
+   * http://www.aptana.com/reference/html/../api/HTMLAnchorElement.html
    *
    * Implementation Notes for IE
    * ---------------------------
@@ -13662,7 +13662,7 @@
    *
    * References:
    *   http://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement
-   *   http://www.aptana.com/reference/html/api/HTMLAnchorElement.html
+   *   http://www.aptana.com/reference/html/../api/HTMLAnchorElement.html
    *   http://url.spec.whatwg.org/#urlutils
    *   https://github.com/angular/angular.js/pull/2902
    *   http://james.padolsey.com/javascript/parsing-urls-with-the-dom/
@@ -18574,7 +18574,7 @@
    *
    * <div class="alert alert-error">
    * The only appropriate use of `ngInit` is for aliasing special properties of
-   * {@link api/ng.directive:ngRepeat `ngRepeat`}, as seen in the demo below. Besides this case, you
+   * {@link ../api/ng.directive:ngRepeat `ngRepeat`}, as seen in the demo below. Besides this case, you
    * should use {@link guide/controller controllers} rather than `ngInit`
    * to initialize values on a scope.
    * </div>
@@ -18889,7 +18889,7 @@
    * | `$even`   | {@type boolean} | true if the iterator position `$index` is even (otherwise false).           |
    * | `$odd`    | {@type boolean} | true if the iterator position `$index` is odd (otherwise false).            |
    *
-   * Creating aliases for these properties is possible with {@link api/ng.directive:ngInit `ngInit`}.
+   * Creating aliases for these properties is possible with {@link ../api/ng.directive:ngInit `ngInit`}.
    * This may be useful when, for instance, nesting ngRepeats.
    *
    * # Special repeat start and end points
@@ -19870,9 +19870,9 @@
    * @restrict E
    *
    * @description
-   * Load the content of a `<script>` element into {@link api/ng.$templateCache `$templateCache`}, so that the
-   * template can be used by {@link api/ng.directive:ngInclude `ngInclude`},
-   * {@link api/ngRoute.directive:ngView `ngView`}, or {@link guide/directive directives}. The type of the
+   * Load the content of a `<script>` element into {@link ../api/ng.$templateCache `$templateCache`}, so that the
+   * template can be used by {@link ../api/ng.directive:ngInclude `ngInclude`},
+   * {@link ../api/ngRoute.directive:ngView `ngView`}, or {@link guide/directive directives}. The type of the
    * `<script>` element must be specified as `text/ng-template`, and a cache name for the template must be
    * assigned through the element's `id`, which can then be used as a directive's `templateUrl`.
    *

docs-web/src/main/webapp/src/partial/docs/document.view.html

@@ -31,7 +31,7 @@
 	  <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 text-center" ng-repeat="file in files">
 	    <div class="thumbnail">
 	      <a ng-click="openFile(file)">
-	        <img class="thumbnail-file" ng-src="api/file/{{ file.id }}/data?size=thumb" tooltip="{{ file.mimetype }}" tooltip-placement="top" />
+	        <img class="thumbnail-file" ng-src="../api/file/{{ file.id }}/data?size=thumb" tooltip="{{ file.mimetype }}" tooltip-placement="top" />
 	      </a>
 	      <div class="caption">
 	        <div class="pull-left">

docs-web/src/main/webapp/src/partial/docs/file.view.html

@@ -22,5 +22,5 @@
 
 
 <div class="text-center" ng-if="$stateParams.fileId">
-  <img ng-src="api/file/{{ $stateParams.fileId }}/data?size=web" />
+  <img ng-src="../api/file/{{ $stateParams.fileId }}/data?size=web" />
 </div>

docs-web/src/main/webapp/src/partial/share/file.view.html

@@ -22,5 +22,5 @@
 
 
 <div class="text-center" ng-if="$stateParams.fileId">
-  <img ng-src="api/file/{{ $stateParams.fileId }}/data?size=web&share={{ $stateParams.shareId }}" />
+  <img ng-src="../api/file/{{ $stateParams.fileId }}/data?size=web&share={{ $stateParams.shareId }}" />
 </div>

docs-web/src/main/webapp/src/partial/share/share.html

@@ -13,7 +13,7 @@
       <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 text-center" ng-repeat="file in files">
         <div class="thumbnail">
           <a ng-click="openFile(file)">
-            <img class="thumbnail-file" ng-src="api/file/{{ file.id }}/data?size=thumb&share={{ $stateParams.shareId }}" tooltip="{{ file.mimetype }}" tooltip-placement="top" />
+            <img class="thumbnail-file" ng-src="../api/file/{{ file.id }}/data?size=thumb&share={{ $stateParams.shareId }}" tooltip="{{ file.mimetype }}" tooltip-placement="top" />
           </a>
         </div>
       </div>

docs-web/src/main/webapp/src/share.html

@@ -5,8 +5,11 @@
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="shortcut icon" href="favicon.png" />
+    <!-- ref:css style/style.min.css -->
     <link rel="stylesheet" href="style/bootstrap.css" type="text/css" />
     <link rel="stylesheet/less" href="style/main.less" type="text/css" />
+    <!-- endref -->
+    <!-- ref:remove -->
     <script>
       less = {
         env: 'development', // or "production"
@@ -16,12 +19,14 @@
         dumpLineNumbers: 'all' // or "mediaQuery" or "comments"
       };
     </script>
+    <!-- endref -->
+    <!-- ref:js share.min.js -->
     <script src="lib/jquery.js" type="text/javascript"></script>
     <script src="lib/less.js" type="text/javascript"></script>
     <script src="lib/underscore.js" type="text/javascript"></script>
     <script src="lib/angular.js" type="text/javascript"></script>
-    <script src="lib/angular-sanitize.js" type="text/javascript"></script>
-    <script src="lib/angular-touch.js" type="text/javascript"></script>
+    <script src="lib/angular.sanitize.js" type="text/javascript"></script>
+    <script src="lib/angular.touch.js" type="text/javascript"></script>
     <script src="lib/angular.ui-router.js" type="text/javascript"></script>
     <script src="lib/angular.ui-bootstrap.js" type="text/javascript"></script>
     <script src="lib/angular.ui-utils.js" type="text/javascript"></script>
@@ -30,7 +35,9 @@
     <script src="app/share/controller/Main.js" type="text/javascript"></script>
     <script src="app/share/controller/Share.js" type="text/javascript"></script>
     <script src="app/share/controller/FileView.js" type="text/javascript"></script>
-    <script src="app/docs/filter/Newline.js" type="text/javascript"></script>
+    <script src="app/share/controller/FileModalView.js" type="text/javascript"></script>
+    <script src="app/share/filter/Newline.js" type="text/javascript"></script>
+    <!-- endref -->
   </head>
   <body>
     <div class="navbar navbar-default" role="navigation">