fix(extension): Link bubble menu, back to main menu

donotebase · Jan 17, 2021 · 821d394 · 821d394
1 parent 6b62808
commit 821d394
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 2 deletions.
diff --git a/src/components/menubars/OEditorMenuBubble.vue b/src/components/menubars/OEditorMenuBubble.vue
@@ -7,6 +7,11 @@
                                     !(editorContext.isActive.embed && editorContext.isActive.embed()) &&
                                     !(editorContext.isActive.katex_block && editorContext.isActive.katex_block()) }"
              :style="`left: ${editorContext.menu.left}px; bottom: ${editorContext.menu.bottom + 8}px;`">
+      <template v-if="showBack">
+        <o-menubar-btn icon="arrow_back"
+                       :tooltip="$o.lang.link.back" @click.native="onBackToMain" />
+        <q-separator vertical inset />
+      </template>
       <template v-for="(item, index) of bubbleToolbar">
         <q-separator vertical inset :key="index" v-if="item==='separator'" />
         <component :key="index"
@@ -59,6 +64,7 @@ export default {
   name: 'o-editor-menu-bubble',
   data () {
     return {
+      backToMain: false
     }
   },
   props: {
@@ -120,16 +126,24 @@ export default {
       if (!range) return false
 
       return range.to === $to.pos
+    },
+    onBackToMain () {
+      this.backToMain = true
     }
   },
   computed: {
     bubbleToolbar () {
       let toolbar = this.toolbar
-      if (this.isLinkSelected) {
-        toolbar = LinkBubble
+      if (!this.backToMain) {
+        if (this.isLinkSelected) {
+          toolbar = LinkBubble
+        }
       }
       return toolbar
     },
+    showBack () {
+      return !this.backToMain && this.isLinkSelected
+    },
     isLinkSelected () {
       const { state } = this.editor
       const { tr } = state
@@ -138,6 +152,11 @@ export default {
       return this.isLinkSelection(selection)
     }
   },
+  watch: {
+    isLinkSelected (to, from) {
+      this.backToMain = false
+    }
+  },
   mounted () {
   },
   deactivated () {

diff --git a/src/i18n/en-us/index.js b/src/i18n/en-us/index.js
@@ -141,6 +141,7 @@ export default {
     linkWarning: 'Invalid link',
   },
   link: {
+    back: 'Back to main menu',
     edit: 'Edit Link',
     off: 'Disable Link',
     open: 'Open Link',

diff --git a/src/i18n/pl/index.js b/src/i18n/pl/index.js
@@ -141,6 +141,7 @@ export default {
     linkWarning: 'Invalid link',
   },
   link: {
+    back: 'Back to main menu',
     edit: 'Edit Link',
     off: 'Disable Link',
     open: 'Open Link',

diff --git a/src/i18n/pt-br/index.js b/src/i18n/pt-br/index.js
@@ -141,6 +141,7 @@ export default {
     linkWarning: 'Invalid link',
   },
   link: {
+    back: 'Back to main menu',
     edit: 'Edit Link',
     off: 'Disable Link',
     open: 'Open Link',

diff --git a/src/i18n/zh-hans/index.js b/src/i18n/zh-hans/index.js
@@ -141,6 +141,7 @@ export default {
     linkWarning: '无效的链接',
   },
   link: {
+    back: '返回主菜单',
     edit: '编辑链接',
     off: '取消链接',
     open: '打开链接',