ui: Optimize font size settings

Signed-off-by: Jianhui Zhao <zhaojh329@gmail.com>

ui/src/components/RttyTerm.vue

@@ -12,9 +12,6 @@
       </template>
     </el-dialog>
     <contextmenu ref="contextmenu" :menus="contextmenus" @click="onContextmenuClick"/>
-    <el-dialog v-model="font.modal" :show-close="false" :width="180" header-class="font-size-dialog-header">
-      <el-input-number v-model="font.size" :min="10" :max="30" @change="updateFontSize"/>
-    </el-dialog>
   </div>
 </template>
 
@@ -53,7 +50,8 @@ export default {
         {name: 'copy', caption: this.$t('Copy - Ctrl+Insert')},
         {name: 'paste', caption: this.$t('Paste - Shift+Insert')},
         {name: 'clear', caption: this.$t('Clear Scrollback')},
-        {name: 'font', caption: this.$t('Font Size')},
+        {name: 'font+', caption: this.$t('font+')},
+        {name: 'font-', caption: this.$t('font-')},
         {name: 'upload', caption: this.$t('Upload file') + ' - rtty -R'},
         {name: 'download', caption: this.$t('Download file') + ' - rtty -S file'},
         {name: 'split-left', caption: this.$t('split-left')},
@@ -63,10 +61,6 @@ export default {
         {name: 'close', caption: this.$t('Close')},
         {name: 'about', caption: this.$t('About')}
       ],
-      font: {
-        modal: false,
-        size: 16
-      },
       file: {
         modal: false,
         accepted: false,
@@ -99,8 +93,10 @@ export default {
         this.pasteFromClipboard()
       } else if (name === 'clear') {
         this.term.clear()
-      } else if (name === 'font') {
+      } else if (name === 'font+') {
-        this.font.modal = true
+        this.updateFontSize(1)
+      } else if (name === 'font-') {
+        this.updateFontSize(-1)
       } else if (name === 'upload') {
         this.$message.success(this.$t('Please execute command "rtty -R" in current terminal!'))
       } else if (name === 'download') {
@@ -146,12 +142,7 @@ export default {
       }
     },
     updateFontSize(size) {
-      if (!size) {
+      this.term.options.fontSize += size
-        size = 16
-        this.font.size = 16
-      }
-
-      this.term.options.fontSize = size
       this.fitAddon.fit()
     },
     onUploadDialogClosed() {
@@ -235,7 +226,7 @@ export default {
     openTerm() {
       const term = new Terminal({
         cursorBlink: true,
-        fontSize: this.font.size
+        fontSize: 16
       })
       this.term = term
 
@@ -386,8 +377,4 @@ export default {
   :deep(.xterm .xterm-viewport) {
     overflow-y: auto;
   }
-
-  :deep(.font-size-dialog-header) {
-    display: none;
-  }
 </style>

ui/src/i18n/en.json

@@ -52,7 +52,8 @@
   "Copy - Ctrl+Insert": "Copy - Ctrl+Insert",
   "Paste - Shift+Insert": "Paste - Shift+Insert",
   "Clear Scrollback": "Clear Scrollback",
-  "Font Size": "Font Size",
+  "font+": "Increase font size",
+  "font-": "Decrease font size",
   "Upload file": "Upload file",
   "Download file": "Download file",
   "split-left": "Split: Left",

ui/src/i18n/zh-CN.json

@@ -53,7 +53,8 @@
   "Copy - Ctrl+Insert": "复制 - Ctrl+Insert",
   "Paste - Shift+Insert": "粘贴 - Shift+Insert",
   "Clear Scrollback": "清除回滚",
-  "Font Size": "字体大小",
+  "font+": "增大字号",
+  "font-": "减小字号",
   "Upload file": "上传文件",
   "Download file": "下载文件",
   "split-left": "拆分窗格: 左",