KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: Keyboard shortcuts improvements (#2790)

Browse source
This commit is contained in:
Sivin Varghese 2021-08-26 15:55:58 +05:30 • committed by GitHub
parent 69b0434bb7
commit d13c4ff8c5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 31 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/javascript/dashboard/components/widgets/WootWriter/Editor.vue
View file

@ -38,6 +38,11 @@ import CannedResponse from '../conversation/CannedResponse';
const TYPING_INDICATOR_IDLE_TIME = 4000;
import '@chatwoot/prosemirror-schema/src/woot-editor.css';
import {
hasPressedAltAndPKey,
hasPressedAltAndLKey,
} from 'shared/helpers/KeyboardHelpers';
import eventListenerMixins from 'shared/mixins/eventListenerMixins';
const createState = (content, placeholder, plugins = []) => {
return EditorState.create({
@ -53,6 +58,7 @@ const createState = (content, placeholder, plugins = []) => {
export default {
name: 'WootMessageEditor',
components: { TagAgents, CannedResponse },
mixins: [eventListenerMixins],
props: {
value: { type: String, default: '' },
placeholder: { type: String, default: '' },
@ -177,8 +183,20 @@ export default {
},
},
});
this.focusEditorInputField();
},
methods: {
handleKeyEvents(e) {
if (hasPressedAltAndPKey(e)) {
this.focusEditorInputField();
}
if (hasPressedAltAndLKey(e)) {
this.focusEditorInputField();
}
},
focusEditorInputField() {
this.$refs.editor.querySelector('div.ProseMirror-woot-style').focus();
},
insertMentionNode(mentionItem) {
if (!this.view) {
return null;