From 9d9ab939ddd55e05a7d5c7a3771eea40e0db82f7 Mon Sep 17 00:00:00 2001
From: Alexandre Terrasa <alexandre@moz-code.org>
Date: Tue, 21 Jun 2016 12:25:25 -0400
Subject: [PATCH] nitweb/angular: add loading bar on top of screen

Signed-off-by: Alexandre Terrasa <alexandre@moz-code.org>
---
 share/nitweb/index.html             |    7 +++++++
 share/nitweb/javascripts/nitweb.js  |    6 ++++--
 share/nitweb/stylesheets/nitweb.css |    6 ++++++
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/share/nitweb/index.html b/share/nitweb/index.html
index 1b99a81..337750b 100644
--- a/share/nitweb/index.html
+++ b/share/nitweb/index.html
@@ -11,6 +11,10 @@
 			integrity='sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7'
 			crossorigin='anonymous' rel='stylesheet'>
 
+		<link href='//cdnjs.cloudflare.com/ajax/libs/angular-loading-bar/0.9.0/loading-bar.min.css'
+			type='text/css' rel='stylesheet' media='all'>
+
+
 		<link href='/stylesheets/nitweb_bootstrap.css' rel='stylesheet'>
 		<link href='/stylesheets/nitweb.css' rel='stylesheet'>
 	</head>
@@ -51,6 +55,9 @@
 		</script>
 		<script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular-sanitize.js'>
 		</script>
+		<script type='text/javascript'
+			src='//cdnjs.cloudflare.com/ajax/libs/angular-loading-bar/0.9.0/loading-bar.min.js'>
+		</script>
 
 		<script src='/javascripts/nitweb.js'></script>
 		<script src='/javascripts/model.js'></script>
diff --git a/share/nitweb/javascripts/nitweb.js b/share/nitweb/javascripts/nitweb.js
index 94c9d9a..99034a7 100644
--- a/share/nitweb/javascripts/nitweb.js
+++ b/share/nitweb/javascripts/nitweb.js
@@ -15,8 +15,10 @@
  */
 
 (function() {
-	angular.module('nitweb', ['ngRoute', 'ngSanitize', 'entities', 'index'])
-
+	angular.module('nitweb', ['ngRoute', 'ngSanitize', 'angular-loading-bar', 'entities', 'index'])
+	.config(['cfpLoadingBarProvider', function(cfpLoadingBarProvider) {
+		cfpLoadingBarProvider.includeSpinner = false;
+	}])
 	.config(function($routeProvider, $locationProvider) {
 		$routeProvider
 			.when('/', {
diff --git a/share/nitweb/stylesheets/nitweb.css b/share/nitweb/stylesheets/nitweb.css
index 941b5a4..9471a5d 100644
--- a/share/nitweb/stylesheets/nitweb.css
+++ b/share/nitweb/stylesheets/nitweb.css
@@ -164,6 +164,12 @@ entity-list:hover .btn-filter {
 	border-color: #eee;
 }
 
+/* loading bar */
+
+#loading-bar .bar {
+	background: #FF8100;
+}
+
 /* navs */
 
 .nav-tabs li { cursor: pointer; }
-- 
1.7.9.5