public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-26 16:11:45 +00:00
Code Issues Releases Wiki Activity

add animation

Browse Source
This commit is contained in:
Rokt33r
2016-01-04 19:38:51 +09:00
parent ef41dfca4c
commit 4e0e11a611
4 changed files with 53 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
browser/main/HomePage/ArticleDetail/index.js
View File

@@ -34,7 +34,6 @@ othersMenu.append(new MenuItem({
}
}))
const OSX = global.process.platform === 'darwin'
const BRAND_COLOR = '#18AF90'
const editDeleteTutorialElement = (
@@ -312,14 +311,21 @@ export default class ArticleDetail extends React.Component {
/>
<div className='ArticleDetail-info-control'>
<div className={'ArticleDetail-info-control-save' + (!isUnsaved ? ' hide' : '')}>
<button
onClick={e => this.handleSaveButtonClick(e)}
className='ArticleDetail-info-control-save-button'
disabled={!isUnsaved}
>
<i className='fa fa-fw fa-save'/>&nbsp;Save
</button>
</div>
<ShareButton
article={activeArticle}
user={user}
/>
<button onClick={e => this.handleSaveButtonClick(e)}>
<i className='fa fa-fw fa-save'/><span className='tooltip'>Save ({OSX ? '⌘ + s' : '^ + s'})</span>
</button>
<button onClick={e => this.handleOthersButtonClick(e)}>
<i className='fa fa-fw fa-angle-down'/>
</button>

12
browser/main/HomePage/ArticleNavigator.js
View File

@@ -144,6 +144,7 @@ export default class ArticleNavigator extends React.Component {
</div>
)
}).filter(modifiedArticle => modifiedArticle).sort((a, b) => a.updatedAt - b.updatedAt)
let hasModified = modifiedElements.length > 0
let folderElememts = folders.map((folder, index) => {
let isActive = findWhere(targetFolders, {key: folder.key})
@@ -170,22 +171,17 @@ export default class ArticleNavigator extends React.Component {
</div>
<div className='ArticleNavigator-unsaved'>
<div className={'ArticleNavigator-unsaved' + (hasModified ? '' : ' hide')}>
<div className='ArticleNavigator-unsaved-header'>Work in progress</div>
<div className='ArticleNavigator-unsaved-list'>
{modifiedElements.length > 0
? modifiedElements
: (
<div className='ArticleNavigator-unsaved-list-empty'>Empty list</div>
)
}
{modifiedElements}
</div>
<div className='ArticleNavigator-unsaved-control'>
<button onClick={e => this.handleSaveAllClick()} className='ArticleNavigator-unsaved-control-save-all-button' disabled={modifiedElements.length === 0}>Save all</button>
</div>
</div>
<div className='ArticleNavigator-folders'>
<div className={'ArticleNavigator-folders' + (hasModified ? '' : ' expand')}>
<div className='ArticleNavigator-folders-header'>
<div className='title'>Folders</div>
<button onClick={e => this.handleNewFolderButton(e)} className='addBtn'>