From 47e6903707744b41836b1e84972c1f681f615813 Mon Sep 17 00:00:00 2001
From: Micle Bu <mekery@qq.com>
Date: Sun, 14 Jun 2020 10:16:40 +0800
Subject: [PATCH] fix(image): tooltips for lock aspect ratio, fixed #15

---
 src/components/views/OImageView.vue | 8 ++++++--
 src/data/article.js                 | 2 +-
 src/i18n/en-us/index.js             | 2 ++
 src/i18n/pl/index.js                | 2 ++
 src/i18n/zh-hans/index.js           | 2 ++
 5 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/views/OImageView.vue b/src/components/views/OImageView.vue
index a1803ec..6a9a058 100644
--- a/src/components/views/OImageView.vue
+++ b/src/components/views/OImageView.vue
@@ -54,8 +54,12 @@
                          :hint="$o.lang.image.width" suffix="px"
                          @input="onInput($event, 'width')" />
                 <div class="q-px-sm">
-                  <q-btn :icon="keepRatio?'link':'link_off'" dense flat
-                         @click="keepRatio = !keepRatio" />
+                  <q-btn :icon="keepRatio?'link':'link_off'"
+                         @click="keepRatio = !keepRatio"
+                         dense
+                         flat>
+                    <q-tooltip>{{keepRatio ? $o.lang.image.lockAspectRatio : $o.lang.image.unlockAspectRatio}}</q-tooltip>
+                  </q-btn>
                 </div>
                 <q-input v-model="imgOption.height" type="number" debounce="500" standout
                          :hint="$o.lang.image.height" suffix="px"
diff --git a/src/data/article.js b/src/data/article.js
index 31b4f84..c89505e 100644
--- a/src/data/article.js
+++ b/src/data/article.js
@@ -6,7 +6,7 @@
  * @date 2020.04.11
  */
 export const BasicFeaturesArticle = `
-<h1>quasar-tiptap</h1><h2 id="d5fb3c" level="2">Introduction</h2><p data-text-align="center"><strong><em><span style="color: #1890ff">Quasar Tiptap Editor</span></em></strong>&nbsp;is a WYSIWYG rich-text editor built on top of <span style="font-family: Arial Black">tiptap</span>&nbsp;and Quasar.🔥</p><oembed data-height="500" data-service="codepen" data-link="https%3A%2F%2Fcodepen.io%2Fmekery%2Fembed%2FYzyrKOJ" src="https://codepen.io/mekery/embed/YzyrKOJ" frameborder="0" allowfullscreen="true"></oembed><p></p><h2 id="846676" level="2">Image</h2><p data-text-align="center"><img src="https://www.donote.info/statics/logo.png" caption="Caption" ref="https://www.donote.info/"></p><h2 id="ce7176" level="2">Diagram</h2><p></p><diagram src="graph TD
+<h1>quasar-tiptap</h1><h2 id="d5fb3c" level="2">Introduction</h2><p data-text-align="center"><strong><em><span style="color: #1890ff">Quasar Tiptap Editor</span></em></strong>&nbsp;is a WYSIWYG rich-text editor built on top of <span style="font-family: Arial Black">tiptap</span>&nbsp;and Quasar.🔥</p><oembed data-height="500" data-service="codepen" data-link="https%3A%2F%2Fcodepen.io%2Fmekery%2Fembed%2FYzyrKOJ" src="https://codepen.io/mekery/embed/YzyrKOJ" frameborder="0" allowfullscreen="true"></oembed><p></p><h2 id="846676" level="2">Image</h2><p data-text-align="center"><img src="https://note.iwishbest.com/statics/logo.png" caption="Caption" ref="https://note.iwishbest.com/"></p><h2 id="ce7176" level="2">Diagram</h2><p></p><diagram src="graph TD
 A[Christmas] -->|Get money| B(Go shopping)
 B --> C{Let me think}
 C -->|One| D[Laptop]
diff --git a/src/i18n/en-us/index.js b/src/i18n/en-us/index.js
index a3008bc..8e49eb5 100644
--- a/src/i18n/en-us/index.js
+++ b/src/i18n/en-us/index.js
@@ -108,6 +108,8 @@ export default {
     src: 'Image Source',
     caption: 'Caption',
     link: 'Link',
+    lockAspectRatio: 'Lock aspect ratio',
+    unlockAspectRatio: 'Unlock aspect ratio',
   },
   embed: {
     video: 'Video',
diff --git a/src/i18n/pl/index.js b/src/i18n/pl/index.js
index 8e82cf9..1c408c4 100644
--- a/src/i18n/pl/index.js
+++ b/src/i18n/pl/index.js
@@ -108,6 +108,8 @@ export default {
     src: 'Źródło obrazu',
     caption: 'Nagłówek',
     link: 'Łącze',
+    lockAspectRatio: 'Lock aspect ratio',
+    unlockAspectRatio: 'Unlock aspect ratio',
   },
   embed: {
     video: 'Video',
diff --git a/src/i18n/zh-hans/index.js b/src/i18n/zh-hans/index.js
index 8eeeaf1..8586ffe 100644
--- a/src/i18n/zh-hans/index.js
+++ b/src/i18n/zh-hans/index.js
@@ -108,6 +108,8 @@ export default {
     src: '图片地址',
     caption: '图片说明',
     link: '链接',
+    lockAspectRatio: '锁定长宽比',
+    unlockAspectRatio: '解锁长宽比',
   },
   embed: {
     video: '视频',