diff --git a/app/components/SimpleEditor/elements/note/EditNoteTool.js b/app/components/SimpleEditor/elements/note/EditNoteTool.js index 4e8150e36c6ce8cd859f2388088bc61277b81066..4ace0475e5e975f4f555c83b7567dd802184551a 100644 --- a/app/components/SimpleEditor/elements/note/EditNoteTool.js +++ b/app/components/SimpleEditor/elements/note/EditNoteTool.js @@ -13,7 +13,7 @@ class EditNoteTool extends Tool { let el = $$('div').addClass('sc-edit-note-tool') if (!selected.node) return el - + provider.config.miniEditorContext.editor.emit('noteSelected', 'paragraph-71bf75436a5f9b56700064c6ee2116ab') return el } diff --git a/app/components/SimpleEditor/elements/note/NoteComponent.js b/app/components/SimpleEditor/elements/note/NoteComponent.js index a5c9825695cacc2e75c82ec82cb95fe830073e37..b21d373599729db29fc45fb8db0b906d63767bda 100644 --- a/app/components/SimpleEditor/elements/note/NoteComponent.js +++ b/app/components/SimpleEditor/elements/note/NoteComponent.js @@ -6,12 +6,20 @@ class NoteComponent extends Component { render ($$) { const el = $$('note') .attr('note-content', this.props.node['note-content']) - .addClass('sc-note') - // .append('a') + .addClass('sc-note').on('click', this.createShowNote) return el } + createShowNote () { + const provider = this.getProvider() + provider.createShowNote() + } + + getProvider () { + return this.context.notesProvider + } + dispose () { this.props.node.off(this) } diff --git a/app/components/SimpleEditor/elements/note/NotePackage.js b/app/components/SimpleEditor/elements/note/NotePackage.js index 53ac1427f413e6312c8b35d714250471f9b8bce3..e53cb9989647dc5fb49559e5073e14759dac9e88 100644 --- a/app/components/SimpleEditor/elements/note/NotePackage.js +++ b/app/components/SimpleEditor/elements/note/NotePackage.js @@ -1,4 +1,3 @@ -import EditNoteTool from './EditNoteTool' import Note from './Note' import NoteCommand from './NoteCommand' import NoteComponent from './NoteComponent' @@ -14,7 +13,6 @@ export default { config.addConverter('html', NoteHTMLConverter) config.addCommand(Note.type, NoteCommand, { nodeType: Note.type }) config.addTool('note', NoteTool, { toolGroup: 'annotations' }) - config.addTool('note', EditNoteTool, { toolGroup: 'overlay' }) config.addIcon('note', { 'fontawesome': 'fa-bookmark' }) config.addLabel('note', { en: 'Note' diff --git a/app/components/SimpleEditor/elements/note/note.scss b/app/components/SimpleEditor/elements/note/note.scss index 5e54d1c6ec6e2cdb69e55f5909740bcef04bf76b..dbf475f9d72e19ccc3d50bab6cc0314acb7fa1b3 100644 --- a/app/components/SimpleEditor/elements/note/note.scss +++ b/app/components/SimpleEditor/elements/note/note.scss @@ -23,48 +23,3 @@ $red: #591818; font-weight: 400; } } - -.sc-edit-note-tool-container { - background-color: $gray; - border: 1px solid $red; - display: inline-block; - - .sc-save-area { - display: inline; - float: left; - height: 100%; - padding: 5px 5px 0; - width: 40px; - - .sc-save-icon { - color: $red; - cursor: pointer; - position: absolute; - right: 19px; - top: 17px; - - &:hover { - color: $red; - } - } - } - - textarea { - background-color: $gray; - border: transparent; - border-right: 1px dashed $red; - color: $red; - float: left; - font-family: 'Fira Sans'; - font-size: 15px; - min-height: 39px; - outline: none; - overflow: hidden; - resize: none; - width: 310px; - - &[disabled] { - border-right: 0; - } - } -} diff --git a/app/components/SimpleEditor/panes/Notes/NotesProvider.js b/app/components/SimpleEditor/panes/Notes/NotesProvider.js index ced57c1ad37fc5e4e76a1c64716bef3abe556811..557d16f63a75773c6293a733074dbfa8e92f4a82 100644 --- a/app/components/SimpleEditor/panes/Notes/NotesProvider.js +++ b/app/components/SimpleEditor/panes/Notes/NotesProvider.js @@ -75,6 +75,10 @@ class NotesProvider extends TOCProvider { return notes // return _.sortBy(notes, ['blockPosition', 'nodePosition']) } + + createShowNote () { + console.log('in provider') + } } NotesProvider.tocTypes = ['note']