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

loading feedback for piece and edition page

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

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

@ -7,6 +7,8 @@ import EditionStore from '../../stores/edition_store';
import Edition from './edition';
import AppConstants from '../../constants/application_constants';
/**
* This is the component that implements resource/data specific functionality
*/
@ -53,7 +55,9 @@ let EditionContainer = React.createClass({
);
} else {
return (
<span className="glyph-ascribe-spool-chunked spin"/>
<div className="fullpage-spinner">
<img src={AppConstants.baseUrl + 'static/img/ascribe_animated_medium.gif'} />
</div>
);
}
}

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

@ -7,6 +7,8 @@ import PieceStore from '../../stores/piece_store';
import Piece from './piece';
import AppConstants from '../../constants/application_constants';
/**
* This is the component that implements resource/data specific functionality
*/
@ -49,7 +51,7 @@ let PieceContainer = React.createClass({
} else {
return (
<div className="fullpage-spinner">
<span className="glyph-ascribe-spool-chunked spin"/>
<img src={AppConstants.baseUrl + 'static/img/ascribe_animated_medium.gif'} />
</div>
);
}

9
sass/main.scss
View File

@ -354,9 +354,12 @@ hr {
}
.fullpage-spinner {
width: 100%;
height: 100vh;
padding-top: 30%;
padding-bottom: 30%;
text-align: center;
vertical-align: middle;
> span {
font-size: 2em;
}
}