Refactored loading indicator to be common for both runo and reindeer themes.

Added progress indicator styles to reindeer (copied from runo).

svn changeset:7997/svn branch:6.0

7 files changed, 15 insertions, 2 deletions

diff --git a/WebContent/VAADIN/themes/base/common/common.css b/WebContent/VAADIN/themes/base/common/common.css
index 3ed9b8daad..68052dc36f 100644
--- a/WebContent/VAADIN/themes/base/common/common.css
+++ b/WebContent/VAADIN/themes/base/common/common.css
@@ -9,9 +9,12 @@
 .v-app {
 	height: 100%;
 }
-.v-app-loading {
+div.v-app-loading {
 	/* You can use this to provide indication for the user that the application is loading. */
 	/* It is applied to the same element as .v-app */
+	background-image: url(img/loading-indicator.gif);
+	background-repeat: no-repeat;
+	background-position: 50%;
 }
 .v-view {
 	height: 100%;
@@ -145,11 +148,21 @@
 .v-loading-indicator,
 .v-loading-indicator-delay,
 .v-loading-indicator-wait {
-	height: 16px;
 	position: absolute;
 	top: 0;
 	right: 0;
 	z-index: 30000;
+	width: 31px;
+	height: 31px;
+	background: transparent url(img/loading-indicator.gif);
+	margin-right: 5px;
+	margin-top: 5px;
+}
+.v-loading-indicator-delay {
+	background-image: url(img/loading-indicator-delay.gif);
+}
+.v-loading-indicator-wait {
+	background-image: url(img/loading-indicator-wait.gif);
 }
 /* Debug dialog */
 .v-debug-console {
diff --git a/WebContent/VAADIN/themes/base/common/img/ajax-loader-big.gif b/WebContent/VAADIN/themes/base/common/img/ajax-loader-big.gif
new file mode 100644
index 0000000000..73dc88e31f
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/common/img/ajax-loader-big.gif
diff --git a/WebContent/VAADIN/themes/base/common/img/ajax-loader-medium.gif b/WebContent/VAADIN/themes/base/common/img/ajax-loader-medium.gif
new file mode 100644
index 0000000000..0a0c6aaef0
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/common/img/ajax-loader-medium.gif
diff --git a/WebContent/VAADIN/themes/base/common/img/ajax-loader.gif b/WebContent/VAADIN/themes/base/common/img/ajax-loader.gif
new file mode 100755
index 0000000000..354dc4685c
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/common/img/ajax-loader.gif
diff --git a/WebContent/VAADIN/themes/base/common/img/loading-indicator-delay.gif b/WebContent/VAADIN/themes/base/common/img/loading-indicator-delay.gif
new file mode 100755
index 0000000000..48810bb064
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/common/img/loading-indicator-delay.gif
diff --git a/WebContent/VAADIN/themes/base/common/img/loading-indicator-wait.gif b/WebContent/VAADIN/themes/base/common/img/loading-indicator-wait.gif
new file mode 100755
index 0000000000..5f7aab9afd
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/common/img/loading-indicator-wait.gif
diff --git a/WebContent/VAADIN/themes/base/common/img/loading-indicator.gif b/WebContent/VAADIN/themes/base/common/img/loading-indicator.gif
new file mode 100644
index 0000000000..cedaa56b10
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/common/img/loading-indicator.gif