public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-14 02:06:29 +00:00
Code Issues Releases Wiki Activity

Merge branch 'master' into export-yfm

Browse Source
This commit is contained in:
Baptiste Augrain
2020-06-12 15:17:02 +02:00
parent 9d43e34cfa 2cf5f8e966
commit db4016385d
327 changed files with 21961 additions and 12973 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
browser/main/modals/PreferencesModal/index.js
View File

@@ -17,7 +17,7 @@ import _ from 'lodash'
import i18n from 'browser/lib/i18n'
class Preferences extends React.Component {
constructor (props) {
constructor(props) {
super(props)
this.state = {
@@ -29,44 +29,39 @@ class Preferences extends React.Component {
}
}
componentDidMount () {
componentDidMount() {
this.refs.root.focus()
const boundingBox = this.getContentBoundingBox()
this.setState({ boundingBox })
}
switchTeam (teamId) {
this.setState({currentTeamId: teamId})
switchTeam(teamId) {
this.setState({ currentTeamId: teamId })
}
handleNavButtonClick (tab) {
return (e) => {
this.setState({currentTab: tab})
handleNavButtonClick(tab) {
return e => {
this.setState({ currentTab: tab })
}
}
handleEscButtonClick () {
handleEscButtonClick() {
this.props.close()
}
renderContent () {
renderContent() {
const { boundingBox } = this.state
const { dispatch, config, data } = this.props
switch (this.state.currentTab) {
case 'INFO':
return (
<InfoTab
dispatch={dispatch}
config={config}
/>
)
return <InfoTab dispatch={dispatch} config={config} />
case 'HOTKEY':
return (
<HotkeyTab
dispatch={dispatch}
config={config}
haveToSave={alert => this.setState({HotkeyAlert: alert})}
haveToSave={alert => this.setState({ HotkeyAlert: alert })}
/>
)
case 'UI':
@@ -74,19 +69,17 @@ class Preferences extends React.Component {
<UiTab
dispatch={dispatch}
config={config}
haveToSave={alert => this.setState({UIAlert: alert})}
haveToSave={alert => this.setState({ UIAlert: alert })}
/>
)
case 'CROWDFUNDING':
return (
<Crowdfunding />
)
return <Crowdfunding />
case 'BLOG':
return (
<Blog
dispatch={dispatch}
config={config}
haveToSave={alert => this.setState({BlogAlert: alert})}
haveToSave={alert => this.setState({ BlogAlert: alert })}
/>
)
case 'EXPORT':
@@ -95,17 +88,11 @@ class Preferences extends React.Component {
dispatch={dispatch}
config={config}
data={data}
haveToSave={alert => this.setState({ExportAlert: alert})}
haveToSave={alert => this.setState({ ExportAlert: alert })}
/>
)
case 'SNIPPET':
return (
<SnippetTab
dispatch={dispatch}
config={config}
data={data}
/>
)
return <SnippetTab dispatch={dispatch} config={config} data={data} />
case 'STORAGES':
default:
return (
@@ -118,68 +105,74 @@ class Preferences extends React.Component {
}
}
handleKeyDown (e) {
handleKeyDown(e) {
if (e.keyCode === 27) {
this.props.close()
}
}
getContentBoundingBox () {
getContentBoundingBox() {
return this.refs.content.getBoundingClientRect()
}
haveToSaveNotif (type, message) {
return (
<p styleName={`saving--${type}`}>{message}</p>
)
haveToSaveNotif(type, message) {
return <p styleName={`saving--${type}`}>{message}</p>
}
render () {
render() {
const content = this.renderContent()
const tabs = [
{target: 'STORAGES', label: i18n.__('Storage')},
{target: 'HOTKEY', label: i18n.__('Hotkeys'), Hotkey: this.state.HotkeyAlert},
{target: 'UI', label: i18n.__('Interface'), UI: this.state.UIAlert},
{target: 'INFO', label: i18n.__('About')},
{target: 'CROWDFUNDING', label: i18n.__('Crowdfunding')},
{target: 'BLOG', label: i18n.__('Blog'), Blog: this.state.BlogAlert},
{target: 'EXPORT', label: i18n.__('Export'), Export: this.state.ExportAlert},
{target: 'SNIPPET', label: i18n.__('Snippets')}
{ target: 'STORAGES', label: i18n.__('Storage') },
{
target: 'HOTKEY',
label: i18n.__('Hotkeys'),
Hotkey: this.state.HotkeyAlert
},
{ target: 'UI', label: i18n.__('Interface'), UI: this.state.UIAlert },
{ target: 'INFO', label: i18n.__('About') },
{ target: 'CROWDFUNDING', label: i18n.__('Crowdfunding') },
{ target: 'BLOG', label: i18n.__('Blog'), Blog: this.state.BlogAlert },
{
target: 'EXPORT',
label: i18n.__('Export'),
Export: this.state.ExportAlert
},
{ target: 'SNIPPET', label: i18n.__('Snippets') }
]
const navButtons = tabs.map((tab) => {
const navButtons = tabs.map(tab => {
const isActive = this.state.currentTab === tab.target
const isUiHotkeyTab = _.isObject(tab[tab.label]) && tab.label === tab[tab.label].tab
const isUiHotkeyTab =
_.isObject(tab[tab.label]) && tab.label === tab[tab.label].tab
return (
<button styleName={isActive
? 'nav-button--active'
: 'nav-button'
}
<button
styleName={isActive ? 'nav-button--active' : 'nav-button'}
key={tab.target}
onClick={(e) => this.handleNavButtonClick(tab.target)(e)}
onClick={e => this.handleNavButtonClick(tab.target)(e)}
>
<span styleName='nav-button-label'>
{tab.label}
</span>
{isUiHotkeyTab ? this.haveToSaveNotif(tab[tab.label].type, tab[tab.label].message) : null}
<span>{tab.label}</span>
{isUiHotkeyTab
? this.haveToSaveNotif(tab[tab.label].type, tab[tab.label].message)
: null}
</button>
)
})
return (
<div styleName='root'
<div
styleName='root'
ref='root'
tabIndex='-1'
onKeyDown={(e) => this.handleKeyDown(e)}
onKeyDown={e => this.handleKeyDown(e)}
>
<div styleName='top-bar'>
<p>{i18n.__('Your preferences for Boostnote')}</p>
</div>
<ModalEscButton handleEscButtonClick={(e) => this.handleEscButtonClick(e)} />
<div styleName='nav'>
{navButtons}
</div>
<ModalEscButton
handleEscButtonClick={e => this.handleEscButtonClick(e)}
/>
<div styleName='nav'>{navButtons}</div>
<div ref='content' styleName='content'>
{content}
</div>
@@ -193,4 +186,4 @@ Preferences.propTypes = {
dispatch: PropTypes.func
}
export default connect((x) => x)(CSSModules(Preferences, styles))
export default connect(x => x)(CSSModules(Preferences, styles))