rewrite vis using angular directives, include app/components

Temporarily use custom built version of angular-ui-bootstrap
while the fix for angular-ui/bootstrap#387 has not yet been released
with additional patch to support tooltip-placement="mouse". Once
angular-ui/bootstrap#527 is merged and 0.4.0 is released, can switch to
including "angular-ui-bootstrap-bower": "~0.4.0" in bower.json.

Author: lanterndev

.gitignore

@@ -9,6 +9,5 @@ manifest.mf
 build.xml
 .project
 .settings
-app/components
 logs/*
 !.gitkeep

.travis.yml

@@ -5,7 +5,8 @@ node_js:
 before_script:
   - export DISPLAY=:99.0
   - sh -e /etc/init.d/xvfb start
-  - npm install --quiet -g karma
+  - npm install --quiet -g karma bower
+  - bower install
   - ./scripts/web-server.js > /dev/null &
   - sleep 1 # give server time to start
 

app/_css/app.css

@@ -6407,6 +6407,7 @@ html, body {
 
 body {
   background: url('../img/bg.png');
+  overflow: hidden;
 }
 
 small {
@@ -6496,6 +6497,7 @@ label.checkbox.inline, label.radio.inline {
 
 .tooltip-inner {
   font-size: 12.6px;
+  max-width: none;
 }
 
 .btn-give {
@@ -6778,6 +6780,21 @@ textarea {
   }
 }
 
+.modal {
+  background-color: transparent;
+}
+
+.modal-header, .modal-body:not(#welcome) {
+  background-color: white;
+}
+
+.modal-header {
+  -webkit-border-top-left-radius: 6px;
+  border-top-left-radius: 6px;
+  -webkit-border-top-right-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
 .modal.fade {
   -webkit-transition: opacity 0.3s ease;
   transition: opacity 0.3s ease;
@@ -6876,7 +6893,7 @@ textarea {
 
 #welcome {
   text-align: center;
-  background-color: black;
+  background-color: rgba(0, 0, 0, 0.3);
   color: white;
 }
 #welcome .modal-body {
@@ -7265,6 +7282,14 @@ textarea.report {
   left: 25px;
 }
 
+#vis-block {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
 #vis-container, #vis {
   height: 100%;
 }
@@ -7302,6 +7327,14 @@ textarea.report {
   stroke-opacity: 1 !important;
 }
 
+.peer {
+  opacity: 0.4;
+}
+
+.peer.connected {
+  opacity: 1;
+}
+
 .peer.get, #self.get {
   fill: #ffcc66;
 }
@@ -7330,54 +7363,53 @@ g.transferring .connection {
   opacity: 1;
 }
 
-.tooltip.vis .tooltip-inner {
-  max-width: none;
+.tooltip .vis {
   text-align: left;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.tooltip.vis .tooltip-inner .picture {
+.tooltip .vis .picture {
   height: 64px;
   width: 64px;
   margin: 5px 10px 0 0;
 }
-.tooltip.vis .tooltip-inner .picture, .tooltip.vis .tooltip-inner .headers {
+.tooltip .vis .picture, .tooltip .vis .headers {
   float: left;
 }
-.tooltip.vis .tooltip-inner .header {
+.tooltip .vis .header {
   font-weight: bold;
   font-size: 14.7px;
 }
-.tooltip.vis .tooltip-inner .get .header, .tooltip.vis .tooltip-inner .get .type {
+.tooltip .vis .get .header, .tooltip .vis .get .type {
   color: #ffcc66;
 }
-.tooltip.vis .tooltip-inner .give .header, .tooltip.vis .tooltip-inner .give .type {
+.tooltip .vis .give .header, .tooltip .vis .give .type {
   color: #aad092;
 }
-.tooltip.vis .tooltip-inner .unknown .header, .tooltip.vis .tooltip-inner .unknown .type {
+.tooltip .vis .unknown .header, .tooltip .vis .unknown .type {
   color: #eeeeee;
 }
-.tooltip.vis .tooltip-inner .cloud .header, .tooltip.vis .tooltip-inner .laeproxy .header, .tooltip.vis .tooltip-inner .cloud .type, .tooltip.vis .tooltip-inner .laeproxy .type {
+.tooltip .vis .cloud .header, .tooltip .vis .laeproxy .header, .tooltip .vis .cloud .type, .tooltip .vis .laeproxy .type {
   color: green !important;
 }
-.tooltip.vis .tooltip-inner .type {
+.tooltip .vis .type {
   font-size: 10.5px;
 }
-.tooltip.vis .tooltip-inner .peerid, .tooltip.vis .tooltip-inner .id {
+.tooltip .vis .peerid, .tooltip .vis .id {
   font-size: 10.5px;
   color: #999999;
 }
-.tooltip.vis .tooltip-inner .stats {
+.tooltip .vis .stats {
   clear: both;
   font-size: 10.5px;
 }
-.tooltip.vis .tooltip-inner .lastConnected {
+.tooltip .vis .lastConnected {
   font-size: 10.5px;
 }
-.tooltip.vis .tooltip-inner .npeersEver {
+.tooltip .vis .npeersEver {
   color: #999999;
 }
-.tooltip.vis .tooltip-inner .give-colored {
+.tooltip .vis .give-colored {
   color: #aad092;
 }
 

app/components/angular-google-analytics/.gitignore

@@ -0,0 +1,3 @@
+*.DS_Store
+node_modules
+components

app/components/angular-google-analytics/Gruntfile.js

@@ -0,0 +1,156 @@
+/* global require, module, */
+
+'use strict';
+
+module.exports = function(grunt) {
+
+  // Project configuration.
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+    meta: {
+      banner: '/**\n' +
+      ' * <%= pkg.description %>\n' +
+      ' * @version v<%= pkg.version %> - <%= grunt.template.today("yyyy-mm-dd") %>\n' +
+      ' * @link <%= pkg.homepage %>\n' +
+      ' * @author <%= pkg.author %>\n' +
+      ' * @license MIT License, http://www.opensource.org/licenses/MIT\n' +
+      ' */\n'
+    },
+    dirs: {
+      dest: 'dist'
+    },
+    concat: {
+      options: {
+        banner: '<%= meta.banner %>'
+      },
+      dist: {
+        src: ['src/*.js'],
+        dest: '<%= dirs.dest %>/<%= pkg.name %>.js'
+      }
+    },
+    uglify: {
+      options: {
+        banner: '<%= meta.banner %>'
+      },
+      dist: {
+        src: ['<%= concat.dist.dest %>'],
+        dest: '<%= dirs.dest %>/<%= pkg.name %>.min.js'
+      }
+    },
+    changelog: {
+      options: {
+        dest: 'CHANGELOG.md',
+        versionFile: 'package.json'
+      }
+    },
+    stage: {
+      options: {
+        files: ['CHANGELOG.md']
+      }
+    },
+    release: {
+      options: {
+        commitMessage: '<%= version %>',
+        tagName: 'v<%= version %>',
+        file: 'package.json',
+        push: false,
+        tag: false,
+        pushTags: false,
+        npm: false
+      }
+    },
+    jshint: {
+      files: ['Gruntfile.js', 'src/*.js', 'test/unit/*.js'],
+      options: {
+        curly: false,
+        browser: true,
+        eqeqeq: true,
+        immed: true,
+        latedef: true,
+        newcap: true,
+        noarg: true,
+        sub: true,
+        undef: true,
+        boss: true,
+        eqnull: true,
+        expr: true,
+        node: true,
+        globals: {
+          exports: true,
+          angular: false,
+          $: false
+        }
+      }
+    },
+    // watch: {
+    //   files: '<config:jshint.files>',
+    //   tasks: 'default'
+    // },
+    karma: {
+      test: {
+        options: {
+          reporters: ['dots'],
+          singleRun: true
+        }
+      },
+      server: {
+        options: {
+          singleRun: false
+        }
+      },
+      options: {
+        configFile: 'test/karma.conf.js'
+      }
+    }
+  });
+
+  // Load the plugin that provides the "jshint" task.
+  grunt.loadNpmTasks('grunt-contrib-jshint');
+
+  // Load the plugin that provides the "concat" task.
+  grunt.loadNpmTasks('grunt-contrib-concat');
+
+  // Load the plugin that provides the "uglify" task.
+  grunt.loadNpmTasks('grunt-contrib-uglify');
+
+  // Load the plugin that provides the "watch" task.
+  //grunt.loadNpmTasks('grunt-contrib-watch');
+
+  grunt.loadNpmTasks('grunt-release');
+  grunt.loadNpmTasks('grunt-conventional-changelog');
+
+  grunt.registerTask('stage', 'git add files before running the release task', function () {
+    var files = this.options().files;
+    grunt.util.spawn({
+      cmd: process.platform === 'win32' ? 'git.cmd' : 'git',
+      args: ['add'].concat(files)
+    }, grunt.task.current.async());
+  });
+
+
+
+  grunt.renameTask('release', 'originalRelease');
+
+  // Default task.
+  grunt.registerTask('default', ['test']);
+
+  // Test tasks.
+  grunt.registerTask('test', ['jshint', 'karma:test']);
+  grunt.registerTask('test-server', ['karma:server']);
+
+  // Build task.
+  grunt.registerTask('build', ['test', 'concat', 'uglify', 'changelog']);
+
+  // release task
+  grunt.registerTask('release', ['build', 'changelog']);
+
+
+  // Provides the "karma" task.
+  grunt.registerMultiTask('karma', 'Starts up a karma server.', function() {
+    var done = this.async();
+    require('karma').server.start(this.options(), function(code) {
+      done(code === 0);
+    });
+  });
+
+};

app/components/angular-google-analytics/README.md

@@ -0,0 +1,43 @@
+# angular-google-analytics
+
+A simple service that let you integrate google analytics tracker in your AngularJS applications.
+
+Proudly brought to you by the [@revolunet](http://twitter.com/revolunet) team.
+
+## features
+
+ - configurable
+ - automatic page tracking
+ - events tracking
+
+## example
+
+```js
+var app = angular.module('app', ['angular-google-analytics'])
+    .config(function(AnalyticsProvider, function() {
+        // initial configuration
+        AnalyticsProvider.setAccount('UA-XXXXX-xx');
+
+        // track all routes (or not)
+        AnalyticsProvider.trackPages(true);
+    }))
+    .controller('SampleController', function(Analytic) {
+        // create a new pageview event
+        Analytic.trackPage('/video/detail/XXX');
+
+        // create a new tracking event
+        Analytic.trackEvent('video', 'play', 'django.mp4');
+    });
+```
+
+## configuration
+
+```js
+// setup your account
+AnalyticsProvider.setAccount('UA-XXXXX-xx');
+// automatic route tracking (default=true)
+AnalyticsProvider.trackPages(false);
+```
+
+## Licence
+As AngularJS itself, this module is released under the permissive [MIT license](http://revolunet.mit-license.org). Your contributions are always welcome.

app/components/angular-google-analytics/component.json

@@ -0,0 +1,24 @@
+{
+  "author": {
+    "name": "revolunet"
+  },
+  "name": "angular-google-analytics",
+  "description": "East Analytics for your AngularJS application",
+  "version": "0.0.0",
+  "homepage": "https://github.com/revolunet/angular-google-analytics",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/revolunet/angular-google-analytics.git"
+  },
+  "main": "./dist/angular-google-analytics.js",
+  "dependencies": {
+    "angular": "1.0.6",
+    "angular-mocks": "1.0.6",
+    "angular-scenario": "1.0.6"
+  },
+  "gitHead": "d676e45a13a6cc0013cb3b8205315e7ecb5398e3",
+  "readme": "# angular-google-analytics\n\nA simple service that let you integrate google analytics tracker in your AngularJS applications.\n\nProudly brought to you by the [@revolunet](http://twitter.com/revolunet) team.\n\n## features\n\n - configurable\n - automatic page tracking\n - events tracking\n\n## example\n\n```js\nvar app = angular.module('app', ['angular-google-analytics'])\n    .config(function(AnalyticsProvider, function() {\n        // initial configuration\n        AnalyticsProvider.setAccount('UA-XXXXX-xx');\n\n        // track all routes (or not)\n        AnalyticsProvider.trackPages(true);\n    }))\n    .controller('SampleController', function(Analytic) {\n        // create a new pageview event\n        Analytic.trackPage('/video/detail/XXX');\n\n        // create a new tracking event\n        Analytic.trackEvent('video', 'play', 'django.mp4');\n    });\n```\n\n## configuration\n\n```js\n// setup your account\nAnalyticsProvider.setAccount('UA-XXXXX-xx');\n// automatic route tracking (default=true)\nAnalyticsProvider.trackPages(false);\n```\n\n## Licence\nAs AngularJS itself, this module is released under the permissive [MIT license](http://revolunet.mit-license.org). Your contributions are always welcome.\n",
+  "readmeFilename": "README.md",
+  "_id": "[email protected]",
+  "commit": "d676e45a13a6cc0013cb3b8205315e7ecb5398e3"
+}