From 46d7ff6479ec2e347c9d1bd40cc15bde6f932c17 Mon Sep 17 00:00:00 2001
From: TankNee <nee@tanknee.cn>
Date: Thu, 8 Jul 2021 15:18:34 +0800
Subject: [PATCH] [fix]: change delete icon, fix save error as well as optimize
 update dialog

---
 package-lock.json                             |  14 ++++++++
 package.json                                  |   3 +-
 src/components/ui/dialog/SettingsDialog.vue   |  12 +++++--
 src/components/ui/dialog/UpdateDialog.vue     |  32 ++++++++++++++----
 src/components/ui/editor/Monaco.vue           |   1 +
 src/css/style.css                             |   7 ++--
 src/i18n/en-us/components/ui/UpdateDialog.js  |   5 ++-
 src/i18n/zh-cn/components/ui/UpdateDialog.js  |   5 ++-
 src/libs/muya/lib/assets/pngicon/delete/1.png | Bin 465 -> 338 bytes
 src/libs/muya/lib/assets/pngicon/delete/2.png | Bin 869 -> 591 bytes
 src/libs/muya/lib/assets/pngicon/delete/3.png | Bin 1680 -> 893 bytes
 src/utils/themeColor.js                       |   2 +-
 12 files changed, 65 insertions(+), 16 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 185d941..a835641 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -40,6 +40,7 @@
         "node-schedule": "^1.3.2",
         "os-locale": "^5.0.0",
         "popper.js": "^1.16.1",
+        "pretty-bytes": "^5.6.0",
         "quasar": "^1.0.0",
         "remark": "^13.0.0",
         "remark-pangu": "^2.2.0",
@@ -16407,6 +16408,14 @@
         "node": ">=4"
       }
     },
+    "node_modules/pretty-bytes": {
+      "version": "5.6.0",
+      "resolved": "https://registry.nlark.com/pretty-bytes/download/pretty-bytes-5.6.0.tgz",
+      "integrity": "sha1-NWJW9kOAR3PIL2RyP+eMksYr6us=",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/pretty-error": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.2.tgz",
@@ -38020,6 +38029,11 @@
       "dev": true,
       "optional": true
     },
+    "pretty-bytes": {
+      "version": "5.6.0",
+      "resolved": "https://registry.nlark.com/pretty-bytes/download/pretty-bytes-5.6.0.tgz",
+      "integrity": "sha1-NWJW9kOAR3PIL2RyP+eMksYr6us="
+    },
     "pretty-error": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.2.tgz",
diff --git a/package.json b/package.json
index d14f6bb..3bf8e91 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cn.memocast.app",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "An Awesome WizNote Desktop Application",
   "productName": "Memocast",
   "author": "tanknee <nee@tanknee.cn>",
@@ -52,6 +52,7 @@
     "node-schedule": "^1.3.2",
     "os-locale": "^5.0.0",
     "popper.js": "^1.16.1",
+    "pretty-bytes": "^5.6.0",
     "quasar": "^1.0.0",
     "remark": "^13.0.0",
     "remark-pangu": "^2.2.0",
diff --git a/src/components/ui/dialog/SettingsDialog.vue b/src/components/ui/dialog/SettingsDialog.vue
index 47292a7..ba2612c 100644
--- a/src/components/ui/dialog/SettingsDialog.vue
+++ b/src/components/ui/dialog/SettingsDialog.vue
@@ -261,14 +261,22 @@ export default {
           message: this.$t('checking'),
           timeout: 0,
           spinner: true,
-          color: 'primary'
+          color: 'primary',
+          actions: [{
+            icon: 'clear',
+            color: 'white',
+            handler: () => {}
+          }]
         })
       })
       // this.$refs.updateDialog.toggle()
     },
     updateAvailableHandler: function (info) {
       console.log(info)
-      // this.$refs.updateDialog.toggle()
+      if (this.checkingNotify && this.checkingNotify instanceof Function) {
+        this.checkingNotify()
+        this.checkingNotify = null
+      }
       this.$q.notify({
         caption: this.$t('getNewerVersion', { version: info.version }),
         message: info.releaseNotes,
diff --git a/src/components/ui/dialog/UpdateDialog.vue b/src/components/ui/dialog/UpdateDialog.vue
index ade98be..09c5c4f 100644
--- a/src/components/ui/dialog/UpdateDialog.vue
+++ b/src/components/ui/dialog/UpdateDialog.vue
@@ -14,7 +14,12 @@
       </q-toolbar>
       <q-card-section class='hide-scrollbar'>
         <div class='q-pa-md'>
-          <div style="font-size: 1.2rem;">{{ `${transferred}/${total} ${speed} Kbs` }}</div>
+          <p style="font-size: 0.9rem;">
+            <span>{{ `${$t('downloadSize')} ${transferred}/${total}` }}</span>
+          </p>
+          <p style="font-size: 0.9rem;">
+            <span>{{ `${$t('downloadSpeed')} ${speed}` }}</span>
+          </p>
         </div>
         <div class='q-pa-md'>
           <q-linear-progress rounded size='35px' :value='progress' color='primary' class='q-mt-sm'>
@@ -35,6 +40,7 @@
 <script>
 import bus from 'components/bus'
 import events from 'src/constants/events'
+import prettyBytes from 'pretty-bytes'
 import { quitAndUpdate } from 'src/ApiInvoker'
 
 export default {
@@ -43,9 +49,9 @@ export default {
     return {
       progress: 0,
       downloaded: false,
-      speed: 0,
-      transferred: 0,
-      total: 0
+      speed: '',
+      transferred: '',
+      total: ''
     }
   },
   computed: {
@@ -57,13 +63,25 @@ export default {
     downloadingHandler: function (progress) {
       const { percent = 0, bytesPerSecond, transferred, total } = progress
       this.progress = (percent / 100).toFixed(2)
-      this.speed = (bytesPerSecond / 1024).toFixed(2)
-      this.transferred = (transferred / (1024 * 1024)).toFixed(2)
-      this.total = (total / (1024 * 1024)).toFixed(2)
+      this.speed = prettyBytes(bytesPerSecond)
+      this.transferred = prettyBytes(transferred)
+      this.total = prettyBytes(total)
     },
     downloadedHandler: function () {
       this.progress = 1
       this.downloaded = true
+      this.$q.notify({
+        color: 'positive',
+        icon: 'check',
+        message: this.$t('downloadSuccessfully'),
+        actions: [{
+          icon: 'play_for_work',
+          color: 'white',
+          handler: () => {
+            this.installHandler()
+          }
+        }]
+      })
     },
     installHandler: function () {
       quitAndUpdate()
diff --git a/src/components/ui/editor/Monaco.vue b/src/components/ui/editor/Monaco.vue
index dff3792..681ff99 100644
--- a/src/components/ui/editor/Monaco.vue
+++ b/src/components/ui/editor/Monaco.vue
@@ -114,6 +114,7 @@ export default {
       })
       this.contentEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyMod.Shift | monaco.KeyCode.US_COMMA, () => bus.$emit(events.VIEW_SHORTCUT_CALL.switchView, 'switchView'))
       this.contentEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyMod.Shift | monaco.KeyCode.US_DOT, () => bus.$emit(events.VIEW_SHORTCUT_CALL.sourceMode, 'sourceMode'))
+      this.contentEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_S, this.saveHandler)
     },
     saveHandler: function () {
       if (this.active && this.contentEditor) {
diff --git a/src/css/style.css b/src/css/style.css
index dc7d665..b67c0c7 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -34,17 +34,18 @@ div {
 body {
   margin: 0;
   overflow: hidden;
-  background: #ffffff !important;
+  /*background: #ffffff !important;*/
+  background: var(--backgroundColor);
   font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
   'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
 }
 
 body.body {
-  background: #ffffff !important;
+  background: var(--backgroundColor) !important;
 }
 
 body.body--dark {
-  background: #34383e !important;
+  background: var(--backgroundColor) !important;
 }
 
 .text-h7 {
diff --git a/src/i18n/en-us/components/ui/UpdateDialog.js b/src/i18n/en-us/components/ui/UpdateDialog.js
index 485a331..b651760 100644
--- a/src/i18n/en-us/components/ui/UpdateDialog.js
+++ b/src/i18n/en-us/components/ui/UpdateDialog.js
@@ -1,4 +1,7 @@
 export default {
   hide: 'Hide',
-  install: 'Install'
+  install: 'Install',
+  downloadSize: 'Download Size',
+  downloadSpeed: 'Download Speed',
+  downloadSuccessfully: 'Download Successfully'
 }
diff --git a/src/i18n/zh-cn/components/ui/UpdateDialog.js b/src/i18n/zh-cn/components/ui/UpdateDialog.js
index c61d013..75843ed 100644
--- a/src/i18n/zh-cn/components/ui/UpdateDialog.js
+++ b/src/i18n/zh-cn/components/ui/UpdateDialog.js
@@ -1,4 +1,7 @@
 export default {
   hide: '隐藏',
-  install: '安装'
+  install: '安装',
+  downloadSize: '安装包大小',
+  downloadSpeed: '下载速度',
+  downloadSuccessfully: '下载成功'
 }
diff --git a/src/libs/muya/lib/assets/pngicon/delete/1.png b/src/libs/muya/lib/assets/pngicon/delete/1.png
index b056c14c79155168d34df6be9b71a7e66ff0614f..c0512426c8a78d3a40067ee9562162b56250ca05 100644
GIT binary patch
delta 311
zcmV-70m%N*1JVMJB!3x6L_t(IPwkX3Zo)7WhCj3Q08EvreF|0>D-~7hP_e=RPz48Q
zdw^Dm1Hg(HDpf^d1V&DgP>G2Hu+`NACru(Z$-sy=+rK~i{qH?1&OB5RFMvAm;B+4b
zHhE`qf#1;ifibXikn0L`YcTl_8Uq7pWJL-V3Z@6>$=(%=EPu2u+-9`~R<afYLs;U6
zwr*f9;w{`+`0~7NrJ<Pu`d%o4=;jDgq$^BHQPMm%{Vhq@7WM`n%YXuyDX2!_rb3oU
z2o{L_a2Ko%yvV+UtKiwft5^~Ft`oUPh3o-ZcQ^@@D4G{wY~95}DK)}mq2?91t3$1i
z9eNsB5BtEI6fk$0PH~^fK*PHi=(^!a!F?H^g--*+r1tEe!!H96mK7d<R5btq002ov
JPDHLkV1fmhhlBtC

delta 439
zcmV;o0Z9JR0?`AIB!8GmL_t(IPpy=@F9cB(#=kSOa~Fk9;jwo%LCl6iqLxsoL_|SU
zBB7$us1!(48Wjx<jf9X0QE2!FBodDq*#hI0pp#&C>>io5>k*Gxac_6;{qFCalbi1&
z<gpwn7Qh^_&b{U!IRy#)ds~V)0accp4Aj%9SycMO&sX_?gMTyy6e^>56^c^{V=W^l
zY6A04(8HhZ^|06eHi9k17y+Z4PB+Ico-<H8V)Sa7c2jef*!1`Nk#J=Q=|+0=R;)YR
z`)3DHqrUFc+shUC73fI8e#g1bup?rX2pzeic15U(G;N!K@tB(&%M6(#f7js`pft7!
z)S?h5HV9}{2Y*yO^06rvnbEDR!(%Dt8R$_4bYyrI;C^*LGdvCE0d+uWOaU~c5GW=A
z466g0Vgihj{{T<GylI_#gTA92)93@!oDS4hyUC;ctoOl}cC;W`$XX(L_Hg}fQKKQ|
zdb`=2d<~TEyzEHP31BH}@Iz+4{Vm3bsDy#qtftFylQ7Gl!XaK>Sdr3GGXUEDn1}0n
hN*}1ce7x}Ay#UKAx>M=>Bb)#L002ovPDHLkV1kU5(kcJ|

diff --git a/src/libs/muya/lib/assets/pngicon/delete/2.png b/src/libs/muya/lib/assets/pngicon/delete/2.png
index 53c6be22f833b6f2bacb0f2eecc8f303f90f770f..8546d979dd99aafa4306a2892a2704924fe8ea6f 100644
GIT binary patch
delta 567
zcmV-70?7U42G0bLBYy%GNkl<ZSV!&HKWG#|6vy$;o?vBXr^4;2ASejppGq)k>;x^e
zF@<QOwKlOyY?4N6ZL~6t77FQXj9}#-1VKRv-d<rTHe%<kthvKY?)LU>cMS>bbh|tA
zoA12Y_vXC`Z1EOsaXys*MjQ(`*ky0B;0E7fRzp6NH9%>=4u7*Tx3Oyj%+G*@CW~bt
zO94ha#MK;tM<LgWLKX&WGaoRQn)oAL_nuGVX#ZQxofh*&APWOVtl~g2=`er}bMZf@
zA3NE%hhLLI4gj{ff-q00Z@rkeElv&V-{wug$^IhpG#h+s@-*FV05IYurt-v6+xMWw
zjSRs10oNzc8h`i|N&{jhWN8>g#AQ6L6mZ-v?!~+1Chtc9bU5DS+&GY9ZSgolo7tzZ
z7jG8i_61A=ao<V}o;3MfrPVqd?sBQGnH9)0Etn2BG1DzpsswB^6|9A{q^*QZ57RFU
zn6_}%>N{NQa-`?+>vrM414e&OxV07<p0=gW>y5im1Ao>Q?EOB4ousy4Z9&vwrk`04
zJL+mDshy;Dl2rM*EuExn@>)f@mDICIU7NJ$As5O*rN>7+!};F3rI4A4GU^TsF|(;b
zD>1LCfDAa3zP$)oY_4754YbT`CMmdM-c<pVrx9=>>jGe8*%@&Yck?DF`TbVNy)2E~
zy7((+cQA0M%kGjO>xMV@{+loRc`-^i7qCjGB3fG>@DI%DIyiO-m%;!5002ovPDHLk
FV1kbU4K)A&

delta 847
zcmV-V1F-zh1my;hBYy)dNkl<ZSVzs6T}TvB6vzK(+@1BIrwD@b6O@@r2r9zzNg;wI
zh(19p2q_|ppdyGM(kLN<k|>1GK%(da3nIuMLLVX%LMRN^TFAL;J@*jg-qATR+wQWC
zt842-ci-l6&j0+*nKPF?hY-;3bGhE)5_S@>#s&H;A=`tHrhgzrJdN>k{RtCxrS-m>
zLaq)%J21dld3XRsjTtCY$UwBSB426{nVt%5E;ef-YRd&=*KI0RD^xl?R2xUq^G^YO
zDht<_Xw(H@eX*he`;E-Fe5`KL8BPI?Rp{*mv;`bwNpcKa^ggsSV0Z(8-Y-cpVCRra
zwKbE;c(w<}D}N(Vm$^Ru-m}&8G6^_#VL46fwI-$}vOVbch*jvEJ!4!l6Y@e~)qi7=
z_bQkLNa!$adEOu1>st-j!%XkEgf3??&b1q>3|}XvQ%u}x+0JRd#%LLqhbi0)qKzPW
zY}m<uzfD0v2Ci5_p7T47SLmY*)OqL3+-fD9-dS)}rGHiAx?eMAtZCK$Bx05NelYH(
zZ6<zca^1QK{K(ZQ2ngV+DdgFO+931A%>pb7HIk+cWC2~b$(o!VoMq#?J-oZqZ&MJE
znXg$1=Zw05^Yl+{pZ?bh0(`?1&PjDE$b8F6I46_^1W}i1Cyy%&$e`PnNFG%gu-g*J
zBgz7T>3@!yNFG)ekbz!H$W~<m3Ak$rc~DtE0QXHH4=4*rga?K#_o)jAJTioARu&LI
zpDE;CWdVut)JVwP$^rs-W(v7OWx(gAklR%Td|?W?O<h33OVgH7WdRxd$`a02WdQ+x
zZ3<_LvVhDyXeFFEo2poOqzA-@Qe!8%4VFDUlz*Fqw=J8I`rGtEYNSM$4VjHq#?HSJ
zDsHL+;+BxL{tCv+A~mjtC==rO25!&Z+nQ+_MO~Nsy-n5Jw-D(DIQv(wD8N*O^31FL
zV8uMgD)kRwtX*h!o^LMx24GcA(4Sxqbo<2wi$E)L6Z?w_hC2b8Ginx7rN#OXVc4+c
zCP=@1{t8w{49wsSz$+FTV5xS*XfYD<;i3RNqp?4`l@1`)Bg>WwFt0!1BY|%kw$qc(
Z<~Kr(PF7U1lj#5e002ovPDHLkV1i@uhDrbc

diff --git a/src/libs/muya/lib/assets/pngicon/delete/3.png b/src/libs/muya/lib/assets/pngicon/delete/3.png
index 9de375e80c40e21f3248a1458fddd2c244557b45..891b8339fbc4825e0a0c39ca4346b75ed6729fdc 100644
GIT binary patch
delta 871
zcmV-t1DO1f4gCg?BYy)#Nkl<ZXhZFqJ!lj`6vuyaB%+0A6^uk~_Yegw6l{bj8e2cQ
zkf0z68pTGjQWT7!XeHW+iGm_133f(Xjl_VBpoM}Ww|5v+QYjXSh8x*<!OO7TyuI7K
zOUP__^WOWv|GbZRyElpj_NWEM7e_elhzGDZ1Gx~V1bH8RrhkoDX}=*6F2be~^ktw^
z!+OJkHzgR)z+e_$rcFLo!g*M$;G}{+2@ws08m{EvokYGCnbZhtXeq!G1zY1dreVy3
z9SWx6=t*T$BV2?V8jeUEG17b>3rB0wwdtfnI1h(1aMJ|W@I3?ffbsHLX9@NxSZd0a
z;BXFZ*$Bj4Pk)7Q0mgtWM$|^ah<ot4^7jI?D;UtQ+i?E57qc8B<P#^HhYcBcWq^-*
z&{fT$0z3t_SIU%NV-8+Rh)8ArOE`dj1>2;C47pj31G_wUY$3c8cw}x=E%+Lq`OqJw
zYa@KF7Qjj!4Zm7o`6~EP&DKX)G6i21EJ^_LeA5U6)_-)KAsCg`wUF1)Ji-b_vam<u
zco7~(G%tzjESZ`J7ol6jvDj!83Slj^!u<|-FR?QLYktGtI(o-6jDqV~co3_GB@WI<
znZ%E!xxNXG@LZ2jz5clfN9|w{)|H^Ga?OX)dUv}X{lFMQGccKjw>F!i2uBSB-gNhG
z-ctZ=j(?%HdA)pO*`0QTfoc&p(@mQGX6aPZn^O@sozc)GA#G+-wGq(~7QUp28c*CB
zb`f?d9epym8m{sp@0yltTG3_Wx^&dOxMRsOTDo)Cox|=Np56gBc(}piUn#gr%S~Et
z(wh0-Dfy3hZt!q}hZ{WR_uw(_ze^WkNJCF$B7bUV_u-4Z<s~l>zzSvD_fjyNg<cz)
z^aH>d;DSN;v=5hU0BNiTa7w`?!}eJZF52)!gahbNFk~3}7G5FLfA3NhY(NREdkVUN
zPGFf4fL<SlZ8##rAE2!TUI4z$V3XE^DcHOkCT;j4!l97>jw`roGuVuE4JUlKCczdH
z4q%NH;kJeY62py>QE(><2c>wi2$x^d!^W^5=#YY>BsT%v^&o7h;wLuY8O!BMWGlr;
x2@1BtC+TH36Sii;3HskqQ;u*$x4Q{oe*pi%+)QdfAus>{002ovPDHLkV1iDHjr#xq

delta 1664
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
KMNUMnLSTa6VIO1w

diff --git a/src/utils/themeColor.js b/src/utils/themeColor.js
index 92be896..494773c 100644
--- a/src/utils/themeColor.js
+++ b/src/utils/themeColor.js
@@ -255,7 +255,7 @@ const lightTheme = `/* Common CSS use by both light and dark themes */
 :root {
   --titleBarHeight: 32px;
   --editorAreaWidth: 90%;
-  --backgroundColor: #35373e;
+  --backgroundColor: #ffffff;
   /*editor*/
   /*Theme color cluster*/
   --themeColor: rgba(33, 181, 111, 1);