ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-06-28 16:48:04 +02: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() {
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();
}
},

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

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

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

@ -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>
);
}
}

8
sass/main.scss
View File

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