public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

Add infomation panel

Browse Source
This commit is contained in:
asmsuechan
2017-07-08 13:15:56 +09:00
parent bdefaf7427
commit 81e8a290f0
6 changed files with 187 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
browser/main/Detail/InfoPanel.js Normal file
View File

@@ -0,0 +1,60 @@
import React, { PropTypes } from 'react'
import CSSModules from 'browser/lib/CSSModules'
import styles from './InfoPanel.styl'
const InfoPanel = ({
storageName, folderName, noteKey, updatedAt, createdAt
}) => (
<div className='infoPanel' styleName='control-infoButton-panel' style={{display: 'none'}}>
<div styleName='group-section'>
<div styleName='group-section-label'>
Storage
</div>
<div styleName='group-section-control'>
{storageName}
</div>
</div>
<div styleName='group-section'>
<div styleName='group-section-label'>
Folder
</div>
<div styleName='group-section-control'>
{folderName}
</div>
</div>
<div styleName='group-section'>
<div styleName='group-section-label'>
CreatedAt
</div>
<div styleName='group-section-control'>
{createdAt}
</div>
</div>
<div styleName='group-section'>
<div styleName='group-section-label'>
UpdatedAt
</div>
<div styleName='group-section-control'>
{updatedAt}
</div>
</div>
<div styleName='group-section'>
<div styleName='group-section-label'>
Note Link
</div>
<div styleName='group-section-control'>
<input value={noteKey} onClick={(e) => { e.target.select()}} />
</div>
</div>
<div styleName='group-export' />
</div>
)
InfoPanel.propTypes = {
storageName: PropTypes.string.isRequired,
folderName: PropTypes.string.isRequired,
noteKey: PropTypes.string.isRequired
}
export default CSSModules(InfoPanel, styles)