Move tooltips selectors out of wording

aeternity · Sep 19, 2019 · abef0fb · abef0fb
1 parent 14a924f
commit abef0fb
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 40 deletions.
diff --git a/src/locales/cn.json b/src/locales/cn.json
@@ -161,19 +161,20 @@
     "amount": "量",
     "fee": "Fee",
 
-    "tooltips": [{
-      "selector": ".transfer .ae-account .ae-identicon",
-      "header": "相同",
-      "content": "确认哪个帐户是活动的.帐户和子帐户具有唯一的标识符."
-    }, {
-      "selector": ".transfer .tab-bar .button-plain",
-      "header": "Browse",
-      "content": "浏览器探索æternity区块链."
-    }, {
-      "selector": ".transfer .tab-bar .button-plain:nth-child(3)",
-      "header": "切换账户",
-      "content": "点击切换帐户或创建子帐户."
-    }],
+    "tooltips": {
+      "identicon": {
+        "header": "相同",
+        "content": "确认哪个帐户是活动的.帐户和子帐户具有唯一的标识符."
+      },
+      "browser": {
+        "header": "Browse",
+        "content": "浏览器探索æternity区块链."
+      },
+      "account-switcher": {
+        "header": "切换账户",
+        "content": "点击切换帐户或创建子帐户."
+      }
+    },
 
     "send": {
       "title": "发送",

diff --git a/src/locales/en.json b/src/locales/en.json
@@ -161,19 +161,20 @@
     "amount": "Amount",
     "fee": "Fee",
 
-    "tooltips": [{
-      "selector": ".transfer .ae-account .ae-identicon",
-      "header": "Identicon",
-      "content": "Recognize which account is active. Accounts & subaccounts have unique identicons."
-    }, {
-      "selector": ".transfer .tab-bar .button-plain",
-      "header": "Browse",
-      "content": "Browse æternity blockchain."
-    }, {
-      "selector": ".transfer .tab-bar .button-plain:nth-child(3)",
-      "header": "Account Switcher",
-      "content": "Tap to switch accounts or create subaccounts."
-    }],
+    "tooltips": {
+      "identicon": {
+        "header": "Identicon",
+        "content": "Recognize which account is active. Accounts & subaccounts have unique identicons."
+      },
+      "browser": {
+        "header": "Browse",
+        "content": "Browse æternity blockchain."
+      },
+      "account-switcher": {
+        "header": "Account Switcher",
+        "content": "Tap to switch accounts or create subaccounts."
+      }
+    },
 
     "send": {
       "title": "Send",

diff --git a/src/locales/ru.json b/src/locales/ru.json
@@ -161,19 +161,20 @@
     "amount": "Сумма",
     "fee": "Комиссия",
 
-    "tooltips": [{
-      "selector": ".transfer .ae-account .ae-identicon",
-      "header": "Иконка аккаунта",
-      "content": "Позволяет определить какой аккаунт активен. Аккаунты и субаккаунты имеют уникальные иконки."
-    }, {
-      "selector": ".transfer .tab-bar .button-plain",
-      "header": "Браузер",
-      "content": "Браузер, работающий с блокчейном æternity."
-    }, {
-      "selector": ".transfer .tab-bar .button-plain:nth-child(3)",
-      "header": "Переключатель аккаунтов",
-      "content": "Нажмите, чтобы переключаться между аккаунтами или создавать дополнительные аккаунты."
-    }],
+    "tooltips": {
+      "identicon": {
+        "header": "Иконка аккаунта",
+        "content": "Позволяет определить какой аккаунт активен. Аккаунты и субаккаунты имеют уникальные иконки."
+      },
+      "browser": {
+        "header": "Браузер",
+        "content": "Браузер, работающий с блокчейном æternity."
+      },
+      "account-switcher": {
+        "header": "Переключатель аккаунтов",
+        "content": "Нажмите, чтобы переключаться между аккаунтами или создавать дополнительные аккаунты."
+      }
+    },
 
     "send": {
       "title": "Отправить",

diff --git a/src/pages/mobile/Transfer.vue b/src/pages/mobile/Transfer.vue
@@ -101,7 +101,16 @@ export default {
       this.tooltipsVisible = true;
       await this.open({
         name: 'showTooltips',
-        tooltips: this.$t('transfer.tooltips'),
+        tooltips: [{
+          selector: '.transfer .ae-account .ae-identicon',
+          ...this.$t('transfer.tooltips.identicon'),
+        }, ...!process.env.DISABLED_BROWSER ? [{
+          selector: '.transfer .tab-bar .button-plain',
+          ...this.$t('transfer.tooltips.browser'),
+        }] : [], {
+          selector: '.transfer .tab-bar .button-plain:nth-child(3)',
+          ...this.$t('transfer.tooltips.account-switcher'),
+        }],
       });
       this.tooltipsVisible = false;
     },