summaryrefslogtreecommitdiff
path: root/public/js/lib
diff options
context:
space:
mode:
authorMax Wu2017-04-10 11:41:33 +0800
committerGitHub2017-04-10 11:41:33 +0800
commit5ecea7e1183e4efce445967318d6c43c223504f1 (patch)
treef6e426f7ed9d10d77c4dbbaa8d1906d17d1e97c2 /public/js/lib
parent3ef22fd303d46c53f5937649c242277a22ffd940 (diff)
parenta4385ec19dc3ad89a8e084f9bce560c7197275a8 (diff)
Merge pull request #417 from hackmdio/refactor
Refactor editor cont.
Diffstat (limited to 'public/js/lib')
-rw-r--r--public/js/lib/editor/config.js5
-rw-r--r--public/js/lib/editor/index.js87
2 files changed, 68 insertions, 24 deletions
diff --git a/public/js/lib/editor/config.js b/public/js/lib/editor/config.js
new file mode 100644
index 00000000..9508b847
--- /dev/null
+++ b/public/js/lib/editor/config.js
@@ -0,0 +1,5 @@
+let config = {
+ docmaxlength: null
+}
+
+export default config
diff --git a/public/js/lib/editor/index.js b/public/js/lib/editor/index.js
index 6ae40d82..c807a17f 100644
--- a/public/js/lib/editor/index.js
+++ b/public/js/lib/editor/index.js
@@ -1,4 +1,5 @@
import * as utils from './utils'
+import config from './config'
/* config section */
const isMac = CodeMirror.keyMap.default === CodeMirror.keyMap.macDefault
@@ -116,39 +117,77 @@ export default class Editor {
utils.wrapTextWith(this.editor, cm, 'Backspace')
}
}
+ this.eventListeners = {}
}
- getStatusBarTemplate (callback) {
- $.get(window.serverurl + '/views/statusbar.html', template => {
- this.statusBarTemplate = template
- if (callback) callback()
+ on (event, cb) {
+ if (!this.eventListeners[event]) {
+ this.eventListeners[event] = [cb]
+ } else {
+ this.eventListeners[event].push(cb)
+ }
+
+ this.editor.on(event, (...args) => {
+ this.eventListeners[event].forEach(cb => cb.bind(this)(...args))
+ })
+ }
+
+ getStatusBarTemplate () {
+ return new Promise((resolve, reject) => {
+ $.get(window.serverurl + '/views/statusbar.html').done(template => {
+ this.statusBarTemplate = template
+ resolve()
+ }).fail(reject)
})
}
addStatusBar () {
if (!this.statusBarTemplate) {
- this.getStatusBarTemplate(this.addStatusBar)
- return
+ this.getStatusBarTemplate.then(this.addStatusBar)
+ } else {
+ this.statusBar = $(this.statusBarTemplate)
+ this.statusCursor = this.statusBar.find('.status-cursor > .status-line-column')
+ this.statusSelection = this.statusBar.find('.status-cursor > .status-selection')
+ this.statusFile = this.statusBar.find('.status-file')
+ this.statusIndicators = this.statusBar.find('.status-indicators')
+ this.statusIndent = this.statusBar.find('.status-indent')
+ this.statusKeymap = this.statusBar.find('.status-keymap')
+ this.statusLength = this.statusBar.find('.status-length')
+ this.statusTheme = this.statusBar.find('.status-theme')
+ this.statusSpellcheck = this.statusBar.find('.status-spellcheck')
+ this.statusPreferences = this.statusBar.find('.status-preferences')
+ this.statusPanel = this.editor.addPanel(this.statusBar[0], {
+ position: 'bottom'
+ })
+
+ this.setIndent()
+ this.setKeymap()
+ this.setTheme()
+ this.setSpellcheck()
+ this.setPreferences()
}
- this.statusBar = $(this.statusBarTemplate)
- this.statusCursor = this.statusBar.find('.status-cursor')
- this.statusFile = this.statusBar.find('.status-file')
- this.statusIndicators = this.statusBar.find('.status-indicators')
- this.statusIndent = this.statusBar.find('.status-indent')
- this.statusKeymap = this.statusBar.find('.status-keymap')
- this.statusLength = this.statusBar.find('.status-length')
- this.statusTheme = this.statusBar.find('.status-theme')
- this.statusSpellcheck = this.statusBar.find('.status-spellcheck')
- this.statusPreferences = this.statusBar.find('.status-preferences')
- this.statusPanel = this.editor.addPanel(this.statusBar[0], {
- position: 'bottom'
- })
+ }
- this.setIndent()
- this.setKeymap()
- this.setTheme()
- this.setSpellcheck()
- this.setPreferences()
+ updateStatusBar () {
+ if (!this.statusBar) return
+
+ var cursor = this.editor.getCursor()
+ var cursorText = 'Line ' + (cursor.line + 1) + ', Columns ' + (cursor.ch + 1)
+ this.statusCursor.text(cursorText)
+ var fileText = ' — ' + editor.lineCount() + ' Lines'
+ this.statusFile.text(fileText)
+ var docLength = editor.getValue().length
+ this.statusLength.text('Length ' + docLength)
+ if (docLength > (config.docmaxlength * 0.95)) {
+ this.statusLength.css('color', 'red')
+ this.statusLength.attr('title', 'Your almost reach note max length limit.')
+ } else if (docLength > (config.docmaxlength * 0.8)) {
+ this.statusLength.css('color', 'orange')
+ this.statusLength.attr('title', 'You nearly fill the note, consider to make more pieces.')
+ } else {
+ this.statusLength.css('color', 'white')
+ this.statusLength.attr('title', 'You could write up to ' + config.docmaxlength + ' characters in this note.')
+ }
}
setIndent () {