Release v1.5.7

.travis.yml

@@ -10,3 +10,5 @@ before_script:
 script:
   - node_modules/.bin/gulp build:dist
   - node_modules/.bin/gulp test
+addons:
+  chrome: stable

dist/impac-angular.less

@@ -986,7 +986,6 @@ body {
   }
 
   .widget-item .content, kpis-bar .kpi {
-
     ::-webkit-scrollbar {
       width: 6px;
       background-color: transparent;
@@ -2438,6 +2437,13 @@ dashboard-templates-selector {
       min-height: 250px !important;
       max-height: auto !important;
     }
+
+    // Avoid content to leak out of widget's box
+    .content-template-wrapper {
+      height: 100%;
+      overflow: auto;
+      overflow-x: hidden;
+    }
   }
 
   &.pdf-mode .content {
@@ -2555,9 +2561,6 @@ dashboard-templates-selector {
   }
 }
 
-.analytics .dashboard-settings.pdf-mode {
-}
-
 .analytics .dashboard-settings.currency {
   text-align: right;
   select {
@@ -2671,6 +2674,9 @@ dashboard-templates-selector {
   .fa.success { color: @flurogreen; }
 }
 
+.analytics .dashboard-settings.pdf-mode {
+}
+
 chart-threshold {
 
   .attach-panel {
@@ -3154,6 +3160,8 @@ chart-threshold {
   .widget-lines-container {
     font-size: 11px;
     max-height: @impac-widget-accounts-comparison-lines-container-max-height;
+    margin-bottom: 65px;
+    overflow: auto;
   }
 
   .settings.params-checkboxes {
@@ -3227,9 +3235,6 @@ chart-threshold {
       text-align: center;
     }
   }
-  .chart-container {
-    max-height: 125px;
-  }
 }
 
 .analytics .widget-item .content.accounts-expenses-revenue {

karma-min.conf.js

@@ -16,7 +16,7 @@ module.exports = function(config) {
       // 'karma-mocha',
       // 'karma-chai',
       // 'karma-sinon-chai',
-      'karma-firefox-launcher',
+      'karma-chrome-launcher',
       'karma-mocha-reporter',
       'karma-jasmine'
     ],
@@ -33,6 +33,7 @@ module.exports = function(config) {
       'bower_components/angular-xeditable/dist/js/xeditable.js',
       'bower_components/angular-toastr/dist/angular-toastr.tpls.js',
       'bower_components/bootstrap/dist/js/bootstrap.js',
+      'bower_components/ng-tags-input/ng-tags-input.js',
       'bower_components/Chart.js/dist/Chart.js',
       'bower_components/lodash/lodash.js',
       'bower_components/angular-poller/angular-poller.min.js',
@@ -96,7 +97,7 @@ module.exports = function(config) {
 
     // start these browsers
     // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
-    browsers: ['Firefox'],
+    browsers: ['Chrome'],
 
 
     // Continuous Integration mode

karma.conf.js

@@ -16,7 +16,7 @@ module.exports = function(config) {
       // 'karma-mocha',
       // 'karma-chai',
       // 'karma-sinon-chai',
-      'karma-firefox-launcher',
+      'karma-chrome-launcher',
       'karma-mocha-reporter',
       'karma-jasmine'
     ],
@@ -33,6 +33,7 @@ module.exports = function(config) {
       'bower_components/angular-xeditable/dist/js/xeditable.js',
       'bower_components/angular-toastr/dist/angular-toastr.tpls.js',
       'bower_components/bootstrap/dist/js/bootstrap.js',
+      'bower_components/ng-tags-input/ng-tags-input.js',
       'bower_components/Chart.js/dist/Chart.js',
       'bower_components/lodash/lodash.js',
       'bower_components/angular-poller/angular-poller.min.js',
@@ -96,7 +97,7 @@ module.exports = function(config) {
 
     // start these browsers
     // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
-    browsers: ['Firefox'],
+    browsers: ['Chrome'],
 
 
     // Continuous Integration mode

package.json

@@ -39,9 +39,9 @@
     "http-proxy-middleware": "^0.17.2",
     "jasmine-core": "^2.4.1",
     "karma": "~0.12.22",
+    "karma-chrome-launcher": "^2.2.0",
     "karma-jasmine": "^0.3.6",
     "karma-mocha-reporter": "^0.3.1",
-    "karma-firefox-launcher": "^1.0.0",
     "lazypipe": "^1.0.1",
     "less-plugin-glob": "^1.1.0",
     "run-sequence": "^1.1.5",

src/components/widget/widget.less

@@ -46,6 +46,13 @@
       min-height: 250px !important;
       max-height: auto !important;
     }
+
+    // Avoid content to leak out of widget's box
+    .content-template-wrapper {
+      height: 100%;
+      overflow: auto;
+      overflow-x: hidden;
+    }
   }
 
   &.pdf-mode .content {

src/components/widget/widget.tmpl.html

@@ -21,7 +21,7 @@ <h6 translate>impac.widget.include_pdf</h6>
     </a>
   </div>
 
-  <div ng-hide="widget.isLoading" ng-include="::templatePath" />
+  <div ng-hide="widget.isLoading" class="content-template-wrapper" ng-include="::templatePath" />
 </div>
 
 <div common-info-panel parent-widget="widget" on-close="toggleInfoPanel()" ng-show="isInfoPanelDisplayed()" />

src/components/widgets/accounts-comparison/accounts-comparison.directive.coffee

@@ -23,7 +23,7 @@ module.controller('WidgetAccountsComparisonCtrl', ($scope, $q, ChartFormatterSvc
   # Widget specific methods
   # --------------------------------------
   w.initContext = ->
-    $scope.movedAccount = {}
+    $scope.movedAccount = []
     # defines the available options for params-checkboxes.directive
     $translate('impac.widget.account_comp.compare_mode_opt').then((label)->
       $scope.comparisonModeOptions = [{
@@ -105,7 +105,7 @@ module.controller('WidgetAccountsComparisonCtrl', ($scope, $q, ChartFormatterSvc
     inputData = {labels: [], values: []}
     # Waiting for next digest cycle to ensure w.selectedAccounts have been pre-populated
     # by any saved accounts.
-    $timeout () ->
+    $timeout ->
       for account in w.selectedAccounts
         if $scope.isComparisonMode()
           for groupedAccount in account.accounts
@@ -128,7 +128,7 @@ module.controller('WidgetAccountsComparisonCtrl', ($scope, $q, ChartFormatterSvc
 
       # calls chart.draw()
       $scope.drawTrigger.notify(chartData)
-
+    , 500
   # Widget is ready: can trigger the "wait for settigns to be ready"
   # --------------------------------------
   $scope.widgetDeferred.resolve(settingsPromises)

src/components/widgets/accounts-comparison/accounts-comparison.less

@@ -49,6 +49,8 @@
   .widget-lines-container {
     font-size: 11px;
     max-height: @impac-widget-accounts-comparison-lines-container-max-height;
+    margin-bottom: 65px;
+    overflow: auto;
   }
 
   .settings.params-checkboxes {

src/components/widgets/accounts-comparison/accounts-comparison.tmpl.html

@@ -27,7 +27,7 @@ <h5 translate>impac.widget.account_comp.account.select</h5>
         </div>
         <div class="col-md-6">
           <div class="input-group">
-            <select ng-model="movedAccount" ng-options="account.name + ' (' + formatAmount(account) + ')' group by account.classification for account in widget.remainingAccounts" class="form-control" ng-show="widget.hasEditAbility" ng-change="addAccount(movedAccount)"></select>
+            <select ng-model="movedAccount[0]" ng-options="account.name + ' (' + formatAmount(account) + ')' group by account.classification for account in widget.remainingAccounts" class="form-control" ng-show="widget.hasEditAbility" ng-change="addAccount(movedAccount[0])"></select>
           </div>
         </div>
       </div>
@@ -85,7 +85,7 @@ <h5 translate>impac.widget.account_comp.account.select</h5>
 
       <div class="row" ng-show="hasAccountsSelected() && !pdfMode">
         <div class="col-xs-12 input-group add-account">
-          <select ng-model="movedAccount" ng-options="account.name + ' (' + formatAmount(account) + ')' group by account.classification for account in widget.remainingAccounts track by account.uid" class="form-control" ng-show="widget.hasDeleteAbility" ng-change="addAccount(movedAccount)" ng-disabled="widget.selectedAccounts.length >= 15 || widget.remainingAccounts.length == 0 || isComparisonMode()">
+          <select ng-model="movedAccount[0]" ng-options="account.name + ' (' + formatAmount(account) + ')' group by account.classification for account in widget.remainingAccounts track by account.uid" class="form-control" ng-show="widget.hasDeleteAbility" ng-change="addAccount(movedAccount[0])" ng-disabled="widget.selectedAccounts.length >= 15 || widget.remainingAccounts.length == 0 || isComparisonMode()">
             <option value="" disabled selected translate>impac.widget.account_comp.account.add</option>
           </select>
         </div>

src/components/widgets/accounts-expense-weight/accounts-expense-weight.less

@@ -7,7 +7,4 @@
       text-align: center;
     }
   }
-  .chart-container {
-    max-height: 125px;
-  }
 }

src/stylesheets/globals.less

@@ -86,7 +86,6 @@ body {
   }
 
   .widget-item .content, kpis-bar .kpi {
-
     ::-webkit-scrollbar {
       width: 6px;
       background-color: transparent;