ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 17:33:14 +01:00
Code Issues Releases Wiki Activity

first cut loading spinner pieces

Browse Source
This commit is contained in:
Tim Daubenschütz 2015-07-13 15:00:12 +02:00
parent fd094aa471
commit 3ae10c5e50
4 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
js/components/ascribe_accordion_list/accordion_list_item.js
View File

@ -36,7 +36,7 @@ let AccordionListItem = React.createClass({
}, },
componentDidUpdate() { 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(); this.startPolling();
} }
}, },

3
js/components/ascribe_detail/edition_container.js
View File

@ -53,8 +53,7 @@ let EditionContainer = React.createClass({
); );
} else { } else {
return ( return (
// TODO translate? <span className="glyph-ascribe-spool-chunked spin"/>
<p>Loading</p>
); );
} }
} }

4
js/components/ascribe_detail/piece_container.js
View File

@ -48,7 +48,9 @@ let PieceContainer = React.createClass({
); );
} else { } else {
return ( return (
<p>Loading</p> <div className="fullpage-spinner">
<span className="glyph-ascribe-spool-chunked spin"/>
</div>
); );
} }
} }

8
sass/main.scss
View File

@ -351,4 +351,12 @@ hr {
.glyph-ascribe-spool { .glyph-ascribe-spool {
color: white; color: white;
} }
}
.fullpage-spinner {
width: 100%;
height: 100vh;
text-align: center;
vertical-align: middle;
} }