public/homebrewery
1
0
Fork 0
mirror of https://github.com/stolksdorf/homebrewery.git synced 2025-12-23 06:21:29 +00:00
Code Issues Releases Wiki Activity

Save button now will display an error box with a custom link to an github issue

Browse Source
This commit is contained in:
Scott Tolksdorf
2016-05-19 08:49:55 -04:00
parent 52ff2e41e6
commit 68fc0f95d1
2 changed files with 23 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
client/homebrew/pages/editPage/editPage.jsx
View File

@@ -134,18 +134,24 @@ var EditPage = React.createClass({
},
renderSaveButton : function(){
//if(this.state.errors){
if(this.state.errors){
var errMsg = '';
try{
errMsg += this.state.errors.toString() + '\n\n';
errMsg += '```\n' + JSON.stringify(this.state.errors.response.error, null, ' ') + '\n```';
}catch(e){}
return <Nav.item className='save error' icon="fa-warning">
Oops!
<div className='errorContainer'>
Looks like there was a problem saving. <br />
Report the issue <a target='_blank' href={'https://github.com/stolksdorf/naturalcrit/issues/new?body='+
encodeURIComponent(JSON.stringify(this.state.errors, null, ' '))}>
Report the issue <a target='_blank' href={'https://github.com/stolksdorf/naturalcrit/issues/new?body='+ encodeURIComponent(errMsg)}>
here
</a>.
</div>
</Nav.item>
//}
}
if(this.state.isSaving){
return <Nav.item className='save' icon="fa-spinner fa-spin">saving...</Nav.item>

29
client/homebrew/pages/editPage/editPage.less
View File

@@ -1,30 +1,27 @@
.editPage{
.navItem.save{
width : 75px;
text-align: center;
width : 75px;
text-align : center;
&.saved{
color : #666;
cursor : initial;
color : #666;
}
&.error{
position: relative;
background-color: @red;
position : relative;
background-color : @red;
.errorContainer{
position: absolute;
top: 29px;
background-color: #333;
padding: 8px;
width: 120px;
left: -20px;
z-index: 1000;
position : absolute;
top : 29px;
left : -20px;
z-index : 1000;
width : 120px;
padding : 8px;
background-color : #333;
a{
color : @teal;
}
}
}
}
}