bump version

Author: chieffancypants

CHANGELOG.md

@@ -1,8 +1,12 @@
 Changelog
 ==========
 
+
+## 0.3.0
+- Loading bar only appears on XHR requests with high latency ([#27](https://github.com/chieffancypants/angular-loading-bar/issues/27))
+
 ## 0.2.0
-- Progression bar not calculated correctly for consecutive calls within the 500ms delay (#29, #32)
+- Progression bar not calculated correctly for consecutive calls within the 500ms delay ([#29](https://github.com/chieffancypants/angular-loading-bar/issues/29), [#32](https://github.com/chieffancypants/angular-loading-bar/issues/32))
 - Event broadcasts when loading (#31)
 
 ## 0.1.1

bower.json

@@ -1,6 +1,6 @@
 {
  "name": "angular-loading-bar",
- "version": "0.2.0",
+ "version": "0.3.0",
  "main": ["src/loading-bar.js", "src/loading-bar.css"],
  "ignore": [
  "**/.*",

build/loading-bar.css

@@ -1,7 +1,7 @@
 /*! 
- * angular-loading-bar v0.2.0
+ * angular-loading-bar v0.3.0
  * https://chieffancypants.github.io/angular-loading-bar
- * Copyright (c) 2013 Wes Cruver
+ * Copyright (c) 2014 Wes Cruver
  * License: MIT
  */
 
@@ -10,10 +10,10 @@
 #loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
- -webkit-transition: 0.5s linear all;
- -moz-transition: 0.5s linear all;
- -o-transition: 0.5s linear all;
- transition: 0.5s linear all;
+ -webkit-transition: 350ms linear all;
+ -moz-transition: 350ms linear all;
+ -o-transition: 350ms linear all;
+ transition: 350ms linear all;
 }
 
 #loading-bar.ng-enter,

build/loading-bar.js

@@ -1,7 +1,7 @@
 /*! 
- * angular-loading-bar v0.2.0
+ * angular-loading-bar v0.3.0
  * https://chieffancypants.github.io/angular-loading-bar
- * Copyright (c) 2013 Wes Cruver
+ * Copyright (c) 2014 Wes Cruver
  * License: MIT
  */
 /*
@@ -32,7 +32,7 @@ angular.module('angular-loading-bar', ['chieffancypants.loadingBar']);
 angular.module('chieffancypants.loadingBar', [])
  .config(['$httpProvider', function ($httpProvider) {
 
- var interceptor = ['$q', '$cacheFactory', '$rootScope', 'cfpLoadingBar', function ($q, $cacheFactory, $rootScope, cfpLoadingBar) {
+ var interceptor = ['$q', '$cacheFactory', '$timeout', '$rootScope', 'cfpLoadingBar', function ($q, $cacheFactory, $timeout, $rootScope, cfpLoadingBar) {
 
  /**
  * The total number of requests made
@@ -44,12 +44,23 @@ angular.module('chieffancypants.loadingBar', [])
  */
  var reqsCompleted = 0;
 
+ /**
+ * The amount of time spent fetching before showing the loading bar
+ */
+ var latencyThreshold = cfpLoadingBar.latencyThreshold;
+
+ /**
+ * $timeout handle for latencyThreshold
+ */
+ var startTimeout;
+
 
  /**
  * calls cfpLoadingBar.complete() which removes the
  * loading bar from the DOM.
  */
  function setComplete() {
+ $timeout.cancel(startTimeout);
  cfpLoadingBar.complete();
  reqsCompleted = 0;
  reqsTotal = 0;
@@ -87,14 +98,17 @@ angular.module('chieffancypants.loadingBar', [])
  return cached;
  }
 
+
  return {
  'request': function(config) {
  // Check to make sure this request hasn't already been cached and that
  // the requester didn't explicitly ask us to ignore this request:
  if (!config.ignoreLoadingBar && !isCached(config)) {
  $rootScope.$broadcast('cfpLoadingBar:loading', {url: config.url});
  if (reqsTotal === 0) {
- cfpLoadingBar.start();
+ startTimeout = $timeout(function() {
+ cfpLoadingBar.start();
+ }, latencyThreshold);
  }
  reqsTotal++;
  cfpLoadingBar.set(reqsCompleted / reqsTotal);
@@ -147,6 +161,7 @@ angular.module('chieffancypants.loadingBar', [])
 
  this.includeSpinner = true;
  this.includeBar = true;
+ this.latencyThreshold = 100;
  this.parentSelector = 'body';
 
  this.$get = ['$document', '$timeout', '$animate', '$rootScope', function ($document, $timeout, $animate, $rootScope) {
@@ -186,6 +201,7 @@ angular.module('chieffancypants.loadingBar', [])
  if (includeSpinner) {
  $animate.enter(spinner, $parent);
  }
+
  _set(0.02);
  }
 
@@ -265,13 +281,14 @@ angular.module('chieffancypants.loadingBar', [])
  }
 
  return {
- start : _start,
- set : _set,
- status : _status,
- inc : _inc,
- complete : _complete,
- includeSpinner : this.includeSpinner,
- parentSelector : this.parentSelector
+ start : _start,
+ set : _set,
+ status : _status,
+ inc : _inc,
+ complete : _complete,
+ includeSpinner : this.includeSpinner,
+ latencyThreshold : this.latencyThreshold,
+ parentSelector : this.parentSelector
  };
 
 

build/loading-bar.min.css

@@ -1,6 +1,6 @@
 {
  "name": "angular-loading-bar",
- "version": "0.2.0",
+ "version": "0.3.0",
  "description": "An automatic loading bar for AngularJS",
  "main": "src/loading-bar.js",
  "directories": {