ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2025-02-14 21:10:27 +01:00
Code Issues Releases Wiki Activity

loading feedback for edition button

Browse Source
This commit is contained in:
Tim Daubenschütz 2015-07-15 17:32:51 +02:00
parent 170bfcfe83
commit fb609afd28
2 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -65,8 +65,10 @@ let AccordionListItem = React.createClass({
getGlyphicon(){ getGlyphicon(){
if (this.props.content.requestAction) { if (this.props.content.requestAction) {
return ( return (
<OverlayTrigger delay={500} placement="left" <OverlayTrigger
overlay={<Tooltip>{getLangText('You have actions pending in one of your editions')}</Tooltip>}> delay={500}
placement="left"
overlay={<Tooltip>{getLangText('You have actions pending in one of your editions')}</Tooltip>}>
<Glyphicon glyph='bell'/> <Glyphicon glyph='bell'/>
</OverlayTrigger>); </OverlayTrigger>);
} }

16
js/components/ascribe_accordion_list/accordion_list_item_edition_widget.js
View File

@ -58,9 +58,19 @@ let AccordionListItemEditionWidget = React.createClass({
let isEditionListOpen = this.state.isEditionListOpenForPieceId[pieceId] ? this.state.isEditionListOpenForPieceId[pieceId].show : false; let isEditionListOpen = this.state.isEditionListOpenForPieceId[pieceId] ? this.state.isEditionListOpenForPieceId[pieceId].show : false;
if(isEditionListOpen) { if(isEditionListOpen) {
return ( // this is the loading feedback for the editions
<span className="glyphicon glyphicon-menu-up" aria-hidden="true" style={{top: 2}}></span> // button.
); //
// PLEASE FUTURE TIM, DO NOT FUCKING REMOVE IT AGAIN!
if(typeof this.state.editionList[pieceId] === 'undefined') {
return (
<span className="glyph-ascribe-spool-chunked ascribe-color spin"/>
);
} else {
return (
<span className="glyphicon glyphicon-menu-up" aria-hidden="true" style={{top: 2}}></span>
);
}
} else { } else {
return ( return (
<span className="glyphicon glyphicon-menu-down" aria-hidden="true" style={{top: 2}}></span> <span className="glyphicon glyphicon-menu-down" aria-hidden="true" style={{top: 2}}></span>