From 3ae10c5e503d7d2018d67d68e0574752d24e9d66 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Mon, 13 Jul 2015 15:00:12 +0200
Subject: [PATCH] first cut loading spinner pieces

---
 .../ascribe_accordion_list/accordion_list_item.js         | 2 +-
 js/components/ascribe_detail/edition_container.js         | 3 +--
 js/components/ascribe_detail/piece_container.js           | 4 +++-
 sass/main.scss                                            | 8 ++++++++
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/js/components/ascribe_accordion_list/accordion_list_item.js b/js/components/ascribe_accordion_list/accordion_list_item.js
index e44af84b..a2cfa0a3 100644
--- a/js/components/ascribe_accordion_list/accordion_list_item.js
+++ b/js/components/ascribe_accordion_list/accordion_list_item.js
@@ -36,7 +36,7 @@ let AccordionListItem = React.createClass({
     },
 
     componentDidUpdate() {
-        if(this.props.content.num_editions === 0 && typeof this.state.pollingIntervalIndex == 'undefined') {
+        if(this.props.content.num_editions === 0 && typeof this.state.pollingIntervalIndex === 'undefined') {
             this.startPolling();
         }
     },
diff --git a/js/components/ascribe_detail/edition_container.js b/js/components/ascribe_detail/edition_container.js
index 45c91bd0..0e8c14b9 100644
--- a/js/components/ascribe_detail/edition_container.js
+++ b/js/components/ascribe_detail/edition_container.js
@@ -53,8 +53,7 @@ let EditionContainer = React.createClass({
             );
         } else {
             return (
-                // TODO translate?
-                <p>Loading</p>
+                <span className="glyph-ascribe-spool-chunked spin"/>
             );
         }
     }
diff --git a/js/components/ascribe_detail/piece_container.js b/js/components/ascribe_detail/piece_container.js
index dfd36622..7ee29fbd 100644
--- a/js/components/ascribe_detail/piece_container.js
+++ b/js/components/ascribe_detail/piece_container.js
@@ -48,7 +48,9 @@ let PieceContainer = React.createClass({
             );
         } else {
             return (
-                <p>Loading</p>
+                <div className="fullpage-spinner">
+                    <span className="glyph-ascribe-spool-chunked spin"/>
+                </div>
             );
         }
     }
diff --git a/sass/main.scss b/sass/main.scss
index 14586745..9629ec4e 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -351,4 +351,12 @@ hr {
     .glyph-ascribe-spool {
         color: white;
     }
+}
+
+.fullpage-spinner {
+    width: 100%;
+    height: 100vh;
+
+    text-align: center;
+    vertical-align: middle;
 }
\ No newline at end of file