added save snippet using ctrl + s shortcut

ZeroX-DG · ZeroX-DG · commit 84f1e451bf5c · 2018-08-01T16:59:12.000+07:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,7 @@ Every notable changes in each version will be listed in this file.
 ## Features:
 
 - **Interface**: New tags input with tag auto complete
+- **Core**: Save snippet with keyboard shortcut `ctrl + s`
 
 ## Improvements:
 
diff --git a/README.md b/README.md
@@ -98,6 +98,7 @@ SnippetStore currently support 2 languages:
 | Open setting modal        | ctrl + , |
 | Toggle small sidebar mode | ctrl + b |
 | Close all modal           | esc      |
+| Save snippet              | ctrl + s |
 
 ## Tech Stack
 
diff --git a/browser/core/functions/keyboard.js b/browser/core/functions/keyboard.js
@@ -28,6 +28,12 @@ const actions = [
     action: () => {
       eventEmitter.emit('modal:close')
     }
+  },
+  {
+    name: 'SaveAllSnippets',
+    action: () => {
+      eventEmitter.emit('snippets:saveAll')
+    }
   }
 ]
 
diff --git a/browser/lib/config-manager.js b/browser/lib/config-manager.js
@@ -35,7 +35,8 @@ const DEFAULT_CONFIG = {
     createSnippet: OSX ? 'Cmd + N' : 'Ctrl + N',
     openSetting: OSX ? 'Cmd + ,' : 'Ctrl + ,',
     toggleSidebar: OSX ? 'Cmd + B' : 'Ctrl + B',
-    closeAllModals: 'Esc'
+    closeAllModals: 'Esc',
+    SaveAllSnippets: OSX ? 'Cmd + S' : 'Ctrl + S'
   }
 }
 
diff --git a/browser/render/layouts/list-and-detail/snippet-detail-multi-file/index.jsx b/browser/render/layouts/list-and-detail/snippet-detail-multi-file/index.jsx
@@ -22,13 +22,14 @@ export default class SnippetDetailMultiFile extends React.Component {
     this.state = {
       isEditing: false,
       selectedFile: 0,
-      editingFiles: []
+      editingFiles: props.snippet.files
     }
   }
 
   componentDidMount () {
-    const { snippet } = this.props
-    this.setState({ editingFiles: snippet.files })
+    eventEmitter.on('snippets:saveAll', () => {
+      this.handleSaveChangesClick()
+    })
   }
 
   renderTopBar () {
diff --git a/browser/render/layouts/list-and-detail/snippet-detail/index.jsx b/browser/render/layouts/list-and-detail/snippet-detail/index.jsx
@@ -24,6 +24,12 @@ export default class SnippetDetail extends React.Component {
     }
   }
 
+  componentDidMount () {
+    eventEmitter.on('snippets:saveAll', () => {
+      this.handleSaveChangesClick()
+    })
+  }
+
   renderTopBar () {
     const { isEditing } = this.state
     return (
diff --git a/browser/render/layouts/original/snippet-item-multi-files/index.jsx b/browser/render/layouts/original/snippet-item-multi-files/index.jsx
@@ -7,6 +7,7 @@ import { toast } from 'react-toastify'
 import { toJS } from 'mobx'
 import _ from 'lodash'
 import formatDate from 'lib/date-format'
+import eventEmitter from 'lib/event-emitter'
 import { getExtension, generateKey } from 'lib/util'
 import TagItem from 'render/components/tag-item'
 import CodeMirror from 'codemirror'
@@ -25,6 +26,14 @@ export default class SnippetItemMultiFiles extends React.Component {
     }
   }
 
+  componentDidMount () {
+    eventEmitter.on('snippets:saveAll', () => {
+      if (this.state.isEditing) {
+        this.handleSaveChangesClick()
+      }
+    })
+  }
+
   renderHeader () {
     const { isEditing } = this.state
     const { snippet } = this.props
diff --git a/browser/render/layouts/original/snippet-item/index.jsx b/browser/render/layouts/original/snippet-item/index.jsx
@@ -11,6 +11,7 @@ import TagItem from 'render/components/tag-item'
 import i18n from 'render/lib/i18n'
 import CodeEditor from 'render/components/code-editor'
 import TagInput from 'render/components/tag-input'
+import eventEmitter from 'lib/event-emitter'
 import CodeMirror from 'codemirror'
 import 'codemirror/mode/meta'
 import './snippet-item'
@@ -23,6 +24,14 @@ export default class SnippetItem extends React.Component {
     }
   }
 
+  componentDidMount () {
+    eventEmitter.on('snippets:saveAll', () => {
+      if (this.state.isEditing) {
+        this.handleSaveChangesClick()
+      }
+    })
+  }
+
   handleSnippetLangChange () {
     const { editor } = this.refs
     const snippetMode = CodeMirror.findModeByName(this.refs.lang.value).mode

Original file line number	Diff line number	Diff line change
`@@ -28,6 +28,12 @@ const actions = [`
`28`	`28`	`action: () => {`
`29`	`29`	`eventEmitter.emit('modal:close')`
`30`	`30`	`}`
	`31`	`+ },`
	`32`	`+ {`
	`33`	`+ name: 'SaveAllSnippets',`
	`34`	`+ action: () => {`
	`35`	`+ eventEmitter.emit('snippets:saveAll')`
	`36`	`+ }`
`31`	`37`	`}`
`32`	`38`	`]`
`33`	`39`
Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,8 @@ const DEFAULT_CONFIG = {`
`35`	`35`	`createSnippet: OSX ? 'Cmd + N' : 'Ctrl + N',`
`36`	`36`	`openSetting: OSX ? 'Cmd + ,' : 'Ctrl + ,',`
`37`	`37`	`toggleSidebar: OSX ? 'Cmd + B' : 'Ctrl + B',`
`38`		`- closeAllModals: 'Esc'`
	`38`	`+ closeAllModals: 'Esc',`
	`39`	`+ SaveAllSnippets: OSX ? 'Cmd + S' : 'Ctrl + S'`
`39`	`40`	`}`
`40`	`41`	`}`
`41`	`42`
Original file line number	Diff line number	Diff line change
`@@ -22,13 +22,14 @@ export default class SnippetDetailMultiFile extends React.Component {`
`22`	`22`	`this.state = {`
`23`	`23`	`isEditing: false,`
`24`	`24`	`selectedFile: 0,`
`25`		`- editingFiles: []`
	`25`	`+ editingFiles: props.snippet.files`
`26`	`26`	`}`
`27`	`27`	`}`
`28`	`28`
`29`	`29`	`componentDidMount () {`
`30`		`- const { snippet } = this.props`
`31`		`- this.setState({ editingFiles: snippet.files })`
	`30`	`+ eventEmitter.on('snippets:saveAll', () => {`
	`31`	`+ this.handleSaveChangesClick()`
	`32`	`+ })`
`32`	`33`	`}`
`33`	`34`
`34`	`35`	`renderTopBar () {`
Original file line number	Diff line number	Diff line change
`@@ -24,6 +24,12 @@ export default class SnippetDetail extends React.Component {`
`24`	`24`	`}`
`25`	`25`	`}`
`26`	`26`
	`27`	`+ componentDidMount () {`
	`28`	`+ eventEmitter.on('snippets:saveAll', () => {`
	`29`	`+ this.handleSaveChangesClick()`
	`30`	`+ })`
	`31`	`+ }`
	`32`	`+`
`27`	`33`	`renderTopBar () {`
`28`	`34`	`const { isEditing } = this.state`
`29`	`35`	`return (`