diff --git a/browser/main/HomePage/ArticleDetail.js b/browser/main/HomePage/ArticleDetail.js index 4601ae50..fcecf5de 100644 --- a/browser/main/HomePage/ArticleDetail.js +++ b/browser/main/HomePage/ArticleDetail.js @@ -132,7 +132,7 @@ export default class ArticleDetail extends React.Component {
- {folder.name}  + {folder.name}  Created : {moment(activeArticle.createdAt).format('YYYY/MM/DD')}  Updated : {moment(activeArticle.updatedAt).format('YYYY/MM/DD')}
diff --git a/browser/main/HomePage/ArticleList.js b/browser/main/HomePage/ArticleList.js index 5232ca79..4f48f48a 100644 --- a/browser/main/HomePage/ArticleList.js +++ b/browser/main/HomePage/ArticleList.js @@ -85,7 +85,7 @@ export default class ArticleList extends React.Component {
this.handleArticleClick(article)(e)} className={'articleItem' + (activeArticle.key === article.key ? ' active' : '')}>
{folder != null - ? {folder.name} + ? {folder.name} : Unknown } {article.status != null ? article.status : moment(article.updatedAt).fromNow()} diff --git a/browser/styles/main/HomeContainer/components/ArticleDetail.styl b/browser/styles/main/HomeContainer/components/ArticleDetail.styl index c9536b16..f385a64b 100644 --- a/browser/styles/main/HomeContainer/components/ArticleDetail.styl +++ b/browser/styles/main/HomeContainer/components/ArticleDetail.styl @@ -44,6 +44,11 @@ iptFocusBorderColor = #369DCD .left absolute top left bottom right 120px + .folderName + display inline-block + max-width 100px + overflow ellipsis + height 10px .right absolute top right .detailBody diff --git a/browser/styles/main/HomeContainer/components/ArticleList.styl b/browser/styles/main/HomeContainer/components/ArticleList.styl index c5e32172..6617773a 100644 --- a/browser/styles/main/HomeContainer/components/ArticleList.styl +++ b/browser/styles/main/HomeContainer/components/ArticleList.styl @@ -26,8 +26,10 @@ articleItemColor = #777 line-height 20px padding 5px 0 color articleItemColor - .profileImage - vertical-align middle + .folderName + overflow ellipsis + display inline-block + width 120px .updatedAt float right line-height 20px diff --git a/browser/styles/main/HomeContainer/components/ArticleNavigator.styl b/browser/styles/main/HomeContainer/components/ArticleNavigator.styl index 05cb70a2..91b25fa7 100644 --- a/browser/styles/main/HomeContainer/components/ArticleNavigator.styl +++ b/browser/styles/main/HomeContainer/components/ArticleNavigator.styl @@ -100,9 +100,12 @@ articleNavBgColor = #353535 background-color brandColor border-color brandColor .folders - margin-bottom 15px + absolute bottom + top 200px + width 100% .folderList - height 340px + absolute bottom + top 38px overflow-y auto .folderList button height 33px diff --git a/browser/styles/main/HomeContainer/lib/Preferences.styl b/browser/styles/main/HomeContainer/lib/Preferences.styl index 3dbdbd14..004c3eaa 100644 --- a/browser/styles/main/HomeContainer/lib/Preferences.styl +++ b/browser/styles/main/HomeContainer/lib/Preferences.styl @@ -103,6 +103,11 @@ iptFocusBorderColor = #369DCD font-size 14px &:hover background-color lighten(brandColor, 10%) + .alert + float right + width 250px + padding 10px 15px + margin 0 10px 0 .alert color infoTextColor background-color infoBackgroundColor @@ -374,6 +379,7 @@ iptFocusBorderColor = #369DCD .folderName float left width 175px + overflow ellipsis padding-left 15px .folderPublic float left @@ -480,6 +486,7 @@ iptFocusBorderColor = #369DCD height 33px width 250px padding-left 15px + overflow ellipsis strong font-size 16px color brandColor diff --git a/lib/components/modal/Preference/AppSettingTab.js b/lib/components/modal/Preference/AppSettingTab.js index f96b01db..77bec059 100644 --- a/lib/components/modal/Preference/AppSettingTab.js +++ b/lib/components/modal/Preference/AppSettingTab.js @@ -9,10 +9,33 @@ export default class AppSettingTab extends React.Component { let keymap = remote.getGlobal('keymap') this.state = { - toggleFinder: keymap.toggleFinder + toggleFinder: keymap.toggleFinder, + alert: null } } + componentDidMount () { + this.handleSettingDone = () => { + this.setState({alert: { + type: 'success', + message: 'Successfully done!' + }}) + } + this.handleSettingError = err => { + this.setState({alert: { + type: 'error', + message: err.message + }}) + } + ipc.addListener('APP_SETTING_DONE', this.handleSettingDone) + ipc.addListener('APP_SETTING_ERROR', this.handleSettingError) + } + + componentWillUnmount () { + ipc.removeListener('APP_SETTING_DONE', this.handleSettingDone) + ipc.removeListener('APP_SETTING_ERROR', this.handleSettingError) + } + handleSaveButtonClick (e) { ipc.send('hotkeyUpdated', { toggleFinder: this.state.toggleFinder @@ -20,6 +43,13 @@ export default class AppSettingTab extends React.Component { } render () { + let alert = this.state.alert + let alertElement = alert != null ? ( +

+ {alert.message} +

+ ) : null + return (
@@ -30,6 +60,7 @@ export default class AppSettingTab extends React.Component {
+ {alertElement}
    diff --git a/lib/dataStore.js b/lib/dataStore.js index a142f6c2..96d51153 100644 --- a/lib/dataStore.js +++ b/lib/dataStore.js @@ -1,6 +1,6 @@ import keygen from 'boost/keygen' -let defaultContent = '**Boost**は全く新しいエンジニアライクのノートアプリです。\n\n# ◎特徴\nBoostはエンジニアの仕事を圧倒的に効率化するいくつかの機能を備えています。\nその一部をご紹介します。\n1. Folderで情報を分類\n2. 豊富なsyantaxに対応\n3. Finder機能\n4. チーム機能（リアルタイム搭載）\n\n＊　＊　＊　＊\n\n# 1. Folderで情報を分類、欲しい情報にすぐアクセス。\n左側のバーに存在する「Folders」。\n今すぐプラスボタンを押しましょう。\n分類の仕方も自由自在です。\n- 言語やフレームワークごとにFolderを作成\n- 自分用のカジュアルなメモをまとめる場としてFolderを作成\n\n\n# 2. 豊富なsyantaxに対応、自分の脳の代わりに。\nプログラミングに関する情報を全て、手軽に保存しましょう。\n- mdで、apiの仕様をまとめる\n- よく使うモジュールやスニペット\n\nBoostに保存しておくことで、何度も同じコードを書いたり調べたりする必要がなくなります。\n\n# 3. Finder機能を搭載、もうコマンドを手打ちする必要はありません。\n**「shift+cmd+tab」** を同時に押してみてください。\nここでは、一瞬でBoostの中身を検索するウィンドウを表示させることができます。\n\n矢印キーで選択、Enterを押し、cmd+vでペーストすると…続きはご自身の目でお確かめください。\n- sqlやlinux等の、よく使うが手打ちが面倒なコマンド\n- （メールやカスタマーサポート等でよく使うフレーズ）\n\n私たちは、圧倒的な効率性を支援します。\n\＊　＊　＊　＊\n\n\n## ◎詳しくは\nこちらのブログ( http://blog-jp.b00st.io )にて随時更新しています。\n\nそれでは素晴らしいエンジニアライフを！\n\n## Hack your memory＊＊' +let defaultContent = '**Boost**は全く新しいエンジニアライクのノートアプリです。\n\n# ◎特徴\nBoostはエンジニアの仕事を圧倒的に効率化するいくつかの機能を備えています。\nその一部をご紹介します。\n1. Folderで情報を分類\n2. 豊富なsyantaxに対応\n3. Finder機能\n4. チーム機能（リアルタイム搭載）\n\n＊　＊　＊　＊\n\n# 1. Folderで情報を分類、欲しい情報にすぐアクセス。\n左側のバーに存在する「Folders」。\n今すぐプラスボタンを押しましょう。\n分類の仕方も自由自在です。\n- 言語やフレームワークごとにFolderを作成\n- 自分用のカジュアルなメモをまとめる場としてFolderを作成\n\n\n# 2. 豊富なsyntaxに対応、自分の脳の代わりに。\nプログラミングに関する情報を全て、手軽に保存しましょう。\n- mdで、apiの仕様をまとめる\n- よく使うモジュールやスニペット\n\nBoostに保存しておくことで、何度も同じコードを書いたり調べたりする必要がなくなります。\n\n# 3. Finder機能を搭載、もうコマンドを手打ちする必要はありません。\n**「shift+cmd+tab」** を同時に押してみてください。\nここでは、一瞬でBoostの中身を検索するウィンドウを表示させることができます。\n\n矢印キーで選択、Enterを押し、cmd+vでペーストすると…続きはご自身の目でお確かめください。\n- sqlやlinux等の、よく使うが手打ちが面倒なコマンド\n- （メールやカスタマーサポート等でよく使うフレーズ）\n\n私たちは、圧倒的な効率性を支援します。\n\＊　＊　＊　＊\n\n\n## ◎詳しくは\nこちらのブログ( http://blog-jp.b00st.io )にて随時更新しています。\n\nそれでは素晴らしいエンジニアライフを！\n\n## Hack your memory＊＊' export function init () { console.log('initialize data store') diff --git a/main.js b/main.js index 0512751b..d3b9bd7d 100644 --- a/main.js +++ b/main.js @@ -138,8 +138,12 @@ app.on('ready', function () { } finderWindow.show() }) + mainWindow.webContents.send('APP_SETTING_DONE', {}) } catch (err) { - console.log(err.name) + console.error(err) + mainWindow.webContents.send('APP_SETTING_ERROR', { + message: 'Failed to apply hotkey: Invalid format' + }) } })