OSDN Git Service

update the icon dialog.
authorZhiting Lin <zlin035@uottawa.ca>
Tue, 26 Mar 2019 02:44:13 +0000 (10:44 +0800)
committerZhiting Lin <zlin035@uottawa.ca>
Tue, 26 Mar 2019 02:44:13 +0000 (10:44 +0800)
14 files changed:
src/assets/fonts/iconfont.eot
src/assets/fonts/iconfont.svg
src/assets/fonts/iconfont.ttf
src/assets/fonts/iconfont.woff
src/assets/fonts/iconfont.woff2
src/assets/img/icon/error.svg [new file with mode: 0644]
src/assets/img/icon/success.svg [new file with mode: 0644]
src/assets/language/cn.js
src/assets/language/en.js
src/assets/style.css
src/components/dialog/component.vue
src/components/dialog/index.js
src/views/received.vue
src/views/sendTransaction/transferConfirm.vue

index 3be1a0f..5cfcf0c 100644 (file)
Binary files a/src/assets/fonts/iconfont.eot and b/src/assets/fonts/iconfont.eot differ
index cda560b..127da4e 100644 (file)
@@ -71,6 +71,12 @@ Created by iconfont
     <glyph glyph-name="icon--receive" unicode="&#58902;" d="M0-128v341.276454h340.423263v-341.276454z m84.636561 84.920958h171.150141v171.662056H84.636561z m383.879131-84.807199V341.312004H0v85.319113h553.948564v-469.255124h468.572571v-85.319114z m469.937677 213.240904v255.957341h-170.638227v-255.957341h-85.319114v341.276454h341.73149v-341.276454z m-254.990391 469.255124v341.276454h340.423263v-341.276454z m84.75032 84.807199h171.036383V811.135922h-171.036383zM468.515692 554.609787v341.276454h85.319113v-341.276454zM0 554.609787v341.276454h340.423263v-341.276454z m84.636561 84.807199h171.150141V811.135922H84.636561z"  horiz-adv-x="1024" />
 
     
+    <glyph glyph-name="icon--succeed" unicode="&#58903;" d="M512 384m-512 0a512 512 0 1 1 1024 0 512 512 0 1 1-1024 0ZM437.333333 219.925333l-45.248 45.248-120.682666 120.682667 45.269333 45.269333 120.661333-120.704 256.448 256.469334 45.269334-45.269334-301.696-301.696z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="icon--error" unicode="&#58904;" d="M512 384m-512 0a512 512 0 1 1 1024 0 512 512 0 1 1-1024 0ZM473.6 230.4a38.4 38.4 0 1 1 38.4 38.4 38.4 38.4 0 0 1-38.4-38.4zM537.792 307.2L550.4 576h-76.8l12.608-268.8z"  horiz-adv-x="1024" />
+
+    
 
 
   </font>
index 41cd90f..87ae634 100644 (file)
Binary files a/src/assets/fonts/iconfont.ttf and b/src/assets/fonts/iconfont.ttf differ
index 0a10574..8e05c88 100644 (file)
Binary files a/src/assets/fonts/iconfont.woff and b/src/assets/fonts/iconfont.woff differ
index 5c3081f..bc20836 100644 (file)
Binary files a/src/assets/fonts/iconfont.woff2 and b/src/assets/fonts/iconfont.woff2 differ
diff --git a/src/assets/img/icon/error.svg b/src/assets/img/icon/error.svg
new file mode 100644 (file)
index 0000000..08f5931
--- /dev/null
@@ -0,0 +1,18 @@
+<svg id="Group_7714" data-name="Group 7714" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: rgba(230,0,0,0.08);
+      }
+
+      .cls-2 {
+        fill: #e60000;
+      }
+    </style>
+  </defs>
+  <circle id="Ellipse_126" data-name="Ellipse 126" class="cls-1" cx="24" cy="24" r="24"/>
+  <g id="错误" transform="translate(-438.6 -241)">
+    <path id="Path_20349" data-name="Path 20349" class="cls-2" d="M462.6,667.4m-1.8,0a1.8,1.8,0,1,0,1.8-1.8A1.8,1.8,0,0,0,460.8,667.4Z" transform="translate(0 -395.2)"/>
+    <path id="Path_20350" data-name="Path 20350" class="cls-2" d="M463.809,268.6,464.4,256h-3.6l.591,12.6Z"/>
+  </g>
+</svg>
diff --git a/src/assets/img/icon/success.svg b/src/assets/img/icon/success.svg
new file mode 100644 (file)
index 0000000..2064beb
--- /dev/null
@@ -0,0 +1,15 @@
+<svg id="Group_7714" data-name="Group 7714" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: rgba(3,91,212,0.08);
+      }
+
+      .cls-2 {
+        fill: #035bd4;
+      }
+    </style>
+  </defs>
+  <circle id="Ellipse_126" data-name="Ellipse 126" class="cls-1" cx="24" cy="24" r="24"/>
+  <path id="Union_332" data-name="Union 332" class="cls-2" d="M3412.192-6191.617h0l-2.121-2.121-5.657-5.657,2.122-2.122,5.656,5.658,12.021-12.022,2.122,2.122-14.142,14.142Z" transform="translate(-3391.692 6223.308)"/>
+</svg>
index cb90fba..75f8276 100644 (file)
@@ -31,6 +31,7 @@ const cn = {
     cancel: '取消发送',
     emptyPassword: '密码不能为空',
     unit: '单位',
+    assetId:'资产ID',
     emptyTo: '地址不能为空',
     noneBTM: '错误的BTM数量',
     transferAmount: '转账金额',
@@ -40,7 +41,9 @@ const cn = {
     totalTip: '转账金额+矿工费用',
     success: '交易发送成功',
     from:'发送账户',
-    to:'接收地址'
+    to:'接收地址',
+    view:'展示全部',
+    hide:'隐藏全部'
   },
   receive:{
     address: '地址',
index 2f0e62a..4f46753 100644 (file)
@@ -31,6 +31,7 @@ const en = {
     cancel: 'Cancel',
     emptyPassword: 'Password can not be empty.',
     unit: 'unit',
+    assetId: 'Asset Id',
     emptyTo: 'Empty address',
     noneBTM: 'Error BTM quantity',
     transferAmount: 'Amount',
@@ -40,7 +41,9 @@ const en = {
     success: 'Transaction sent successfully',
     confirmTransaction:'Confirm Transaction',
     from:'From',
-    to:'To'
+    to:'To',
+    view:'View All',
+    hide:'Hide All'
   },
   receive:{
     address: 'Address',
index 3ef89c7..31a9d82 100644 (file)
@@ -113,12 +113,12 @@ hr {
 }
 
 @font-face {font-family: "iconfont";
-  src: url('./fonts/iconfont.eot?t=1552960629612'); /* IE9 */
-  src: url('./fonts/iconfont.eot?t=1552960629612#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-  url('./fonts/iconfont.woff?t=1552960629612') format('woff'),
-  url('./fonts/iconfont.ttf?t=1552960629612') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('./fonts/iconfont.svg?t=1552960629612#iconfont') format('svg'); /* iOS 4.1- */
+  src: url('./fonts/iconfont.eot?t=1553508284090'); /* IE9 */
+  src: url('./fonts/iconfont.eot?t=1553508284090#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('./fonts/iconfont.woff?t=1553508284090') format('woff'),
+  url('./fonts/iconfont.ttf?t=1553508284090') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('./fonts/iconfont.svg?t=1553508284090#iconfont') format('svg'); /* iOS 4.1- */
 }
 
 .iconfont {
@@ -200,6 +200,13 @@ hr {
 .icon-receive:before {
   content: "\e616";
 }
+/*.icon-succeed:before {*/
+  /*content: "\e617";*/
+/*}*/
+/*.icon-error:before {*/
+  /*content: "\e618";*/
+/*}*/
+
 .color-black {
   color: #010101;
 }
@@ -372,6 +379,10 @@ hr {
   background-color: #E60000;
 }
 
+.btn-warning {
+  background-color: #E60000;
+}
+
 .btn-close {
   color: #ffffff;
   font-weight: bold;
index fbba3fa..df7ecc4 100644 (file)
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
+
+.icon{
+  width: 48px;
+  height: 48px;
+  margin: 10px auto 20px;
+}
+.icon-success{
+  background-image: url('../../assets/img/icon/success.svg');
+}
+  .icon-error{
+    background-image: url('../../assets/img/icon/error.svg');
+  }
 </style>
 
 <template>
@@ -56,6 +68,8 @@
     <div class="modal-mask" v-if="show">
       <div class="modal-wrapper">
         <div class="modal-container">
+          <div :class="icon">
+          </div>
 
           <div class="modal-header color-black">
             <slot name="header">
@@ -71,7 +85,7 @@
 
           <div class="modal-footer">
             <slot name="footer">
-              <a class="btn btn-warning" @click="closeDialog()">
+              <a :class="btn" @click="closeDialog()">
                 {{ confirm }}
               </a>
             </slot>
@@ -100,8 +114,31 @@ export default {
     confirm: {
       type: String,
       default: "OK"
+    },
+    type:{
+      type: String,
+      default: 'error'
     }
   },
+  computed: {
+    icon: function () {
+      switch(this.type){
+        case "error":
+          return "icon icon-error"
+        default:
+          return "icon icon-success"
+      }
+    },
+    btn: function () {
+      switch(this.type){
+        case "error":
+          return "btn btn-warning"
+        default:
+          return "btn btn-primary"
+      }
+    },
+
+  },
   methods: {
     showDialog: function() {
       this.show = true;
index 9f7039a..1ee0078 100644 (file)
@@ -29,6 +29,9 @@ const dialogInstance = {
     if (op.confirm) {
       data.confirm = op.confirm;
     }
+    if (op.type) {
+      data.type = op.type;
+    }
     instance = new Vue({
       data: data,
       methods: {
@@ -43,6 +46,7 @@ const dialogInstance = {
             header: this.header,
             body: this.body,
             confirm: this.confirm,
+            type: this.type,
           },
           on: {
             onClose: this.onClose,
@@ -56,4 +60,4 @@ const dialogInstance = {
   }
 };
 
-export default dialogInstance;
\ No newline at end of file
+export default dialogInstance;
index d41c62d..1a7b617 100644 (file)
@@ -65,6 +65,7 @@
     setupClipboard() {
       this.clipboard.on("success", e => {
         this.$dialog.show({
+          type: 'success',
           header: this.$t("dialog.header"),
           body: this.$t("dialog.copy.success")
         });
index ef7dad4..53d61c9 100644 (file)
@@ -195,7 +195,8 @@ export default {
                 .then(ret => {
                     loader.hide();
                     this.$dialog.show({
-                        body: this.$t("transfer.success")
+                      type: 'success',
+                      body: this.$t("transfer.success")
                     });
                     this.$router.push('/')
                 })