chore: add account id in account settings page (#3365)

Fixes: #3317

app/javascript/dashboard/i18n/locale/ar/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "الإعدادات العامة",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "اسم الحساب",
         "PLACEHOLDER": "اسم الحساب الخاص بك",

app/javascript/dashboard/i18n/locale/ca/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Configuració general",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Nom del compte",
         "PLACEHOLDER": "El nom del vostre compte",

app/javascript/dashboard/i18n/locale/cs/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Obecná nastavení",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Název účtu",
         "PLACEHOLDER": "Název vašeho účtu",

app/javascript/dashboard/i18n/locale/da/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Generelle indstillinger",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Kontonavn",
         "PLACEHOLDER": "Dit kontonavn",

app/javascript/dashboard/i18n/locale/de/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Allgemeine Einstellungen",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Kontobezeichnung",
         "PLACEHOLDER": "Ihr Kontoname",

app/javascript/dashboard/i18n/locale/el/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Γενικές Ρυθμίσεις",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Ονομασία Λογαριασμού",
         "PLACEHOLDER": "Η ονομασία του Λογαριασμού σας",

app/javascript/dashboard/i18n/locale/en/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "General settings",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Account name",
         "PLACEHOLDER": "Your account name",

app/javascript/dashboard/i18n/locale/es/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Ajustes generales",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Nombre de cuenta",
         "PLACEHOLDER": "Tu nombre de cuenta",

app/javascript/dashboard/i18n/locale/fa/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "تنظیمات عمومی",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "عنوان حساب",
         "PLACEHOLDER": "عنوان حساب شما",

app/javascript/dashboard/i18n/locale/fi/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Yleiset asetukset",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Tilin nimi",
         "PLACEHOLDER": "Tilisi nimi",

app/javascript/dashboard/i18n/locale/fr/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Paramètres généraux",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Nom du compte",
         "PLACEHOLDER": "Votre nom de compte",

app/javascript/dashboard/i18n/locale/he/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "הגדרות כלליות",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "שם החשבון",
         "PLACEHOLDER": "שם החשבון שלך",

app/javascript/dashboard/i18n/locale/hi/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "General settings",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Account name",
         "PLACEHOLDER": "Your account name",

app/javascript/dashboard/i18n/locale/hu/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Általános beállítások",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Fióknév",
         "PLACEHOLDER": "A fiókneved",

app/javascript/dashboard/i18n/locale/id/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Pengaturan Umum",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Nama Akun",
         "PLACEHOLDER": "Nama akun Anda",

app/javascript/dashboard/i18n/locale/it/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Impostazioni generali",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Nome del conto",
         "PLACEHOLDER": "Nome del tuo account",

app/javascript/dashboard/i18n/locale/ja/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "全般設定",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "アカウント名",
         "PLACEHOLDER": "あなたのアカウント名",

app/javascript/dashboard/i18n/locale/ko/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "일반 설정",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "계정 이름",
         "PLACEHOLDER": "당신의 계정 이름",

app/javascript/dashboard/i18n/locale/ml/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "പൊതുവായ ക്രമീകരണങ്ങൾ",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "അക്കൗണ്ടിന്റെ പേര്",
         "PLACEHOLDER": "നിങ്ങളുടെ അക്കൗണ്ടിന്റെ പേര്",

app/javascript/dashboard/i18n/locale/ne/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "General settings",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Account name",
         "PLACEHOLDER": "Your account name",

app/javascript/dashboard/i18n/locale/nl/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Algemene instellingen",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "accountnaam",
         "PLACEHOLDER": "Uw accountnaam",

app/javascript/dashboard/i18n/locale/no/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Generelle innstillinger",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Kontonavn",
         "PLACEHOLDER": "Ditt kontonavn",

app/javascript/dashboard/i18n/locale/pl/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Ustawienia ogólne",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Nazwa konta",
         "PLACEHOLDER": "Nazwa konta",

app/javascript/dashboard/i18n/locale/pt/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Configurações gerais",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Nome da Conta",
         "PLACEHOLDER": "Nome da sua conta",

app/javascript/dashboard/i18n/locale/pt_BR/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Configurações gerais",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Nome da Conta",
         "PLACEHOLDER": "Nome da sua conta",

app/javascript/dashboard/i18n/locale/ro/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Setări generale",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Nume cont",
         "PLACEHOLDER": "Numele contului tău",

app/javascript/dashboard/i18n/locale/ru/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Общие настройки",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Имя аккаунта",
         "PLACEHOLDER": "Имя вашего аккаунта",

app/javascript/dashboard/i18n/locale/sk/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "General settings",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Account name",
         "PLACEHOLDER": "Your account name",

app/javascript/dashboard/i18n/locale/sv/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Allmänna inställningar",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Kontonamn",
         "PLACEHOLDER": "Ditt kontonamn",

app/javascript/dashboard/i18n/locale/ta/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "பொது அமைப்புகள்",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "கணக்கின் பெயர்",
         "PLACEHOLDER": "உங்கள் கணக்கின் பெயர்",

app/javascript/dashboard/i18n/locale/th/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "ตั้งค่าทั่วไป",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "ชื่อบัญชี",
         "PLACEHOLDER": "ชื่อบัญชีของคุณ",

app/javascript/dashboard/i18n/locale/tr/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Genel Ayarlar",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Hesap adı",
         "PLACEHOLDER": "Hesap adınız",

app/javascript/dashboard/i18n/locale/uk/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Загальні налаштування",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Назва облікового запису",
         "PLACEHOLDER": "Ім'я вашого облікового запису",

app/javascript/dashboard/i18n/locale/vi/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "Cài đặt chung",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "Tên tài khoản",
         "PLACEHOLDER": "Tên tài khoản của bạn",

app/javascript/dashboard/i18n/locale/zh/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "常规设置",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "帐户名称",
         "PLACEHOLDER": "您的帐户名称",

app/javascript/dashboard/i18n/locale/zh_CN/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "常规设置",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "帐户名称",
         "PLACEHOLDER": "您的帐户名称",

app/javascript/dashboard/i18n/locale/zh_TW/generalSettings.json

@@ -13,6 +13,10 @@
         "TITLE": "常規設定",
         "NOTE": ""
       },
+      "ACCOUNT_ID": {
+        "TITLE": "Account ID",
+        "NOTE": "This ID is required if you are building an API based integration"
+      },
       "NAME": {
         "LABEL": "帳戶名稱",
         "PLACEHOLDER": "您的帳戶名稱",

app/javascript/dashboard/routes/dashboard/settings/account/Index.vue

@@ -78,6 +78,20 @@
           </label>
         </div>
       </div>
+
+      <div class="profile--settings--row row">
+        <div class="columns small-3">
+          <h4 class="block-title">
+            {{ $t('GENERAL_SETTINGS.FORM.ACCOUNT_ID.TITLE') }}
+          </h4>
+          <p>
+            {{ $t('GENERAL_SETTINGS.FORM.ACCOUNT_ID.NOTE') }}
+          </p>
+        </div>
+        <div class="columns small-9 medium-5">
+          <woot-code :script="getAccountId"></woot-code>
+        </div>
+      </div>
       <div class="current-version">
         <div>{{ `v${globalConfig.appVersion}` }}</div>
         <div v-if="hasAnUpdateAvailable && globalConfig.displayManifest">
@@ -167,6 +181,10 @@ export default {
     featureCustomDomainEmailEnabled() {
       return this.featureInboundEmailEnabled && !!this.customEmailDomainEnabled;
     },
+
+    getAccountId() {
+      return this.id.toString();
+    },
   },
   mounted() {
     if (!this.id) {