TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-25 03:44:29 +03:00
Code Issues Projects Releases Wiki Activity

🐜 🐝 Create link from toolbar (#586)

Browse Source 
closes https://github.com/TryGhost/Ghost/issues/8163

Previously when you created a link the toolbar component would re-render and dissapear.

This update ensures that the logic that must happen on first render does not happen on subsequent renders.
This commit is contained in:
Ryan McCarvill 2017-03-16 03:55:20 +13:00 committed by Kevin Ansfield
parent 88da7bc335
commit 715fe52793
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ghost/admin/lib/gh-koenig/addon/components/koenig-toolbar.js
View File

@ -12,7 +12,7 @@ export default Component.extend({
classNameBindings: ['isVisible'],
isVisible: false,
tools: [],
hasRendered: false,
isLink: computed({
get() {
return this._isLink;
@ -58,19 +58,21 @@ export default Component.extend({
},
didRender() {
let $this = this.$();
if (this.get('hasRendered')) {
return;
}
let toolbar = this.$();
let {editor} = this;
let $editor = $(this.get('containerSelector')); // TODO - this element is part of ghost-admin, we need to separate them more.
let isMousedown = false;
if (!editor.range || editor.range.head.isBlank) {
this.set('isVisible', false);
}
$editor.mousedown(() => isMousedown = true);
$editor.mouseup(() => {
isMousedown = false;
updateToolbarToRange(this, $this, $editor, isMousedown);
updateToolbarToRange(this, toolbar, $editor, isMousedown);
});
editor.cursorDidChange(() => updateToolbarToRange(this, $this, $editor, isMousedown));
editor.cursorDidChange(() => updateToolbarToRange(this, toolbar, $editor, isMousedown));
this.set('hasRendered', true);
},
willDestroyElement() {
@ -89,7 +91,7 @@ export default Component.extend({
// if enter run link
if (event.keyCode === 13) {
this.set('isLink', false);
this.set('isVisible', false);
this.editor.run((postEditor) => {
let markup = postEditor.builder.createMarkup('a', {href: event.target.value});
postEditor.addMarkupToRange(this.get('linkRange'), markup);