feat(console): add tooltip for indicator on inherit button in feature settings (#8238)

# Which Problems Are Solved - Bubble indicator on inherit button in feature settings is not clear on what system default behavior is inherited # How the Problems Are Solved - Creates tooltip to show what system default behavior is inherited when cursor hovers over indicator. When indicator is red "Disabled" is inherited and when the indicator is green "Enabled" is inherited. ![Zitadel_Inherit_Indicator_Disabled](https://github.com/zitadel/zitadel/assets/121371226/2b90cd79-09bf-499f-bf85-f499dccf5b96) ![Zitadel_Inherit_Indicator_Enabled](https://github.com/zitadel/zitadel/assets/121371226/98a838ec-d228-4974-b251-96e548163222) # Additional Changes - Adds translations for indicator tooltip message # Additional Context - Closes #8129 - https://discord.com/channels/927474939156643850/1250477939431178363 Co-authored-by: Elio Bischof <elio@zitadel.com>
2024-11-22 00:39:36 +00:00 · 2024-07-04 04:06:52 -07:00 · 2024-07-04 04:06:52 -07:00 · c17ab9f82a
commit c17ab9f82a
parent 7573e0ea8f
16 changed files with 72 additions and 0 deletions
--- a/console/src/app/components/features/features.component.html
+++ b/console/src/app/components/features/features.component.html
@ -45,6 +45,7 @@
                      featureData.loginDefaultOrg?.source === Source.SOURCE_UNSPECIFIED)
                  "
                  class="current-dot enabled"
+                  matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.ENABLED' | translate }}"
                ></div>
                <div
                  *ngIf="
@ -53,6 +54,7 @@
                      featureData.loginDefaultOrg?.source === Source.SOURCE_UNSPECIFIED)
                  "
                  class="current-dot disabled"
+                  matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.DISABLED' | translate }}"
                ></div>
              </div>
            </mat-button-toggle>
@ -99,6 +101,7 @@
                      featureData.oidcLegacyIntrospection?.source === Source.SOURCE_UNSPECIFIED)
                  "
                  class="current-dot enabled"
+                  matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.ENABLED' | translate }}"
                ></div>
                <div
                  *ngIf="
@ -107,6 +110,7 @@
                      featureData.oidcLegacyIntrospection?.source === Source.SOURCE_UNSPECIFIED)
                  "
                  class="current-dot disabled"
+                  matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.DISABLED' | translate }}"
                ></div>
              </div>
            </mat-button-toggle>
@ -152,6 +156,7 @@
                      featureData.oidcTokenExchange?.source === Source.SOURCE_UNSPECIFIED)
                  "
                  class="current-dot enabled"
+                  matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.ENABLED' | translate }}"
                ></div>
                <div
                  *ngIf="
@ -160,6 +165,7 @@
                      featureData.oidcTokenExchange?.source === Source.SOURCE_UNSPECIFIED)
                  "
                  class="current-dot disabled"
+                  matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.DISABLED' | translate }}"
                ></div>
              </div>
            </mat-button-toggle>
@ -205,6 +211,7 @@
                      featureData.oidcTriggerIntrospectionProjections?.source === Source.SOURCE_UNSPECIFIED)
                  "
                  class="current-dot enabled"
+                  matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.ENABLED' | translate }}"
                ></div>
                <div
                  *ngIf="
@ -213,6 +220,7 @@
                      featureData.oidcTriggerIntrospectionProjections?.source === Source.SOURCE_UNSPECIFIED)
                  "
                  class="current-dot disabled"
+                  matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.DISABLED' | translate }}"
                ></div>
              </div>
            </mat-button-toggle>
@ -258,6 +266,7 @@
                      featureData.userSchema?.source === Source.SOURCE_UNSPECIFIED)
                  "
                  class="current-dot enabled"
+                  matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.ENABLED' | translate }}"
                ></div>
                <div
                  *ngIf="
@ -266,6 +275,7 @@
                      featureData.userSchema?.source === Source.SOURCE_UNSPECIFIED)
                  "
                  class="current-dot disabled"
+                  matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.DISABLED' | translate }}"
                ></div>
              </div>
            </mat-button-toggle>
@ -311,6 +321,7 @@
                      featureData.actions?.source === Source.SOURCE_UNSPECIFIED)
                  "
                  class="current-dot enabled"
+                  matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.ENABLED' | translate }}"
                ></div>
                <div
                  *ngIf="
@ -319,6 +330,7 @@
                      featureData.actions?.source === Source.SOURCE_UNSPECIFIED)
                  "
                  class="current-dot disabled"
+                  matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.DISABLED' | translate }}"
                ></div>
              </div>
            </mat-button-toggle>
--- a/console/src/assets/i18n/bg.json
+++ b/console/src/assets/i18n/bg.json
@ -1474,6 +1474,10 @@
        "DISABLED": "Деактивирано"
      },
      "INHERITED_DESCRIPTION": "Тази настройка задава стойността по подразбиране на системата.",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "„Активирано“ се наследява",
+        "DISABLED": "„Деактивирано“ се наследява"
+      },
      "RESET": "Задай всички на наследено"
    },
    "DIALOG": {
--- a/console/src/assets/i18n/cs.json
+++ b/console/src/assets/i18n/cs.json
@ -1475,6 +1475,10 @@
        "DISABLED": "Zakázáno"
      },
      "INHERITED_DESCRIPTION": "Toto nastavení nastaví hodnotu na výchozí hodnotu systému.",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "„Povoleno“ je zděděno",
+        "DISABLED": "„Zakázáno“ je zděděno"
+      },
      "RESET": "Nastavit vše na děděné"
    },
    "DIALOG": {
--- a/console/src/assets/i18n/de.json
+++ b/console/src/assets/i18n/de.json
@ -1475,6 +1475,10 @@
        "DISABLED": "Deaktiviert"
      },
      "INHERITED_DESCRIPTION": "Diese Einstellung setzt den Wert auf den Standardwert des Systems.",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "„Aktiviert“ wird vererbt",
+        "DISABLED": "„Deaktiviert“ wird vererbt"
+      },
      "RESET": "Alle auf Erben setzen"
    },
    "DIALOG": {
--- a/console/src/assets/i18n/en.json
+++ b/console/src/assets/i18n/en.json
@ -1475,6 +1475,10 @@
        "DISABLED": "Disabled"
      },
      "INHERITED_DESCRIPTION": "This sets the value to the default value of the system.",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "\"Enabled\" is inherited",
+        "DISABLED": "\"Disabled\" is inherited"
+      },
      "RESET": "Set all to inherit"
    },
    "DIALOG": {
--- a/console/src/assets/i18n/es.json
+++ b/console/src/assets/i18n/es.json
@ -1476,6 +1476,10 @@
        "DISABLED": "Deshabilitado"
      },
      "INHERITED_DESCRIPTION": "Esta configuración establece el valor al valor predeterminado del sistema.",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "\"Habilitado\" se hereda",
+        "DISABLED": "\"Deshabilitado\" se hereda"
+      },
      "RESET": "Establecer todo a heredado"
    },
    "DIALOG": {
--- a/console/src/assets/i18n/fr.json
+++ b/console/src/assets/i18n/fr.json
@ -1475,6 +1475,10 @@
        "DISABLED": "Désactivé"
      },
      "INHERITED_DESCRIPTION": "Ce paramètre définit la valeur par défaut du système.",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "\"Activé\" est hérité",
+        "DISABLED": "\"Désactivé\" est hérité"
+      },
      "RESET": "Réinitialiser tout sur hérité"
    },
    "DIALOG": {
--- a/console/src/assets/i18n/it.json
+++ b/console/src/assets/i18n/it.json
@ -1475,6 +1475,10 @@
        "DISABLED": "Disabilitato"
      },
      "INHERITED_DESCRIPTION": "Questa impostazione imposta il valore predefinito del sistema.",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "\"Abilitato\" viene ereditato",
+        "DISABLED": "\"Disabilitato\" viene ereditato"
+      },
      "RESET": "Imposta tutto su predefinito"
    },
    "DIALOG": {
--- a/console/src/assets/i18n/ja.json
+++ b/console/src/assets/i18n/ja.json
@ -1475,6 +1475,10 @@
        "DISABLED": "無効"
      },
      "INHERITED_DESCRIPTION": "この設定は、値をシステムのデフォルト値に設定します。",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "有効は継承されます",
+        "DISABLED": "無効は継承されます"
+      },
      "RESET": "すべて継承に設定"
    },
    "DIALOG": {
--- a/console/src/assets/i18n/mk.json
+++ b/console/src/assets/i18n/mk.json
@ -1476,6 +1476,10 @@
        "DISABLED": "Оневозможено"
      },
      "INHERITED_DESCRIPTION": "Оваа поставка ја постави вредноста на стандардната вредност на системот.",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "„Овозможено“ е наследено",
+        "DISABLED": "„Оневозможено“ е наследено"
+      },
      "RESET": "Поставете ги сите да наследат"
    },
    "DIALOG": {
--- a/console/src/assets/i18n/nl.json
+++ b/console/src/assets/i18n/nl.json
@ -1475,6 +1475,10 @@
        "DISABLED": "Uitgeschakeld"
      },
      "INHERITED_DESCRIPTION": "Deze instelling stelt de waarde in op de standaardwaarde van het systeem.",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "\"Ingeschakeld\" wordt overgenomen",
+        "DISABLED": "\"Uitgeschakeld\" wordt overgenomen"
+      },
      "RESET": "Alles instellen op overgenomen"
    },
    "DIALOG": {
--- a/console/src/assets/i18n/pl.json
+++ b/console/src/assets/i18n/pl.json
@ -1474,6 +1474,10 @@
        "DISABLED": "Wyłączony"
      },
      "INHERITED_DESCRIPTION": "To ustawienie przypisuje wartość do wartości domyślnej systemu.",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "„Włączony” jest dziedziczone",
+        "DISABLED": "„Wyłączony” jest dziedziczone"
+      },
      "RESET": "Ustaw wszystko na dziedziczone"
    },
    "DIALOG": {
--- a/console/src/assets/i18n/pt.json
+++ b/console/src/assets/i18n/pt.json
@ -1476,6 +1476,10 @@
        "DISABLED": "Desabilitado"
      },
      "INHERITED_DESCRIPTION": "Essa configuração define o valor para o padrão do sistema.",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "\"Habilitado\" é herdado",
+        "DISABLED": "\"Desabilitado\" é herdado"
+      },
      "RESET": "Definir tudo para herdar"
    },
    "DIALOG": {
--- a/console/src/assets/i18n/ru.json
+++ b/console/src/assets/i18n/ru.json
@ -1526,6 +1526,10 @@
        "DISABLED": "Выключено"
      },
      "INHERITED_DESCRIPTION": "Эта настройка устанавливает значение по умолчанию для системы.",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "«Включено» наследуется",
+        "DISABLED": "«Выключено» передается по наследству"
+      },
      "RESET": "Установить все по умолчанию"
    },
    "DIALOG": {
--- a/console/src/assets/i18n/sv.json
+++ b/console/src/assets/i18n/sv.json
@ -1479,6 +1479,10 @@
        "DISABLED": "Inaktiverad"
      },
      "INHERITED_DESCRIPTION": "Detta ställer in värdet till systemets standardvärde.",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "\"Aktiverad\" ärvs",
+        "DISABLED": "\"Inaktiverad\" ärvs"
+      },
      "RESET": "Återställ allt till arv"
    },
    "DIALOG": {
--- a/console/src/assets/i18n/zh.json
+++ b/console/src/assets/i18n/zh.json
@ -1475,6 +1475,10 @@
        "DISABLED": "已禁用"
      },
      "INHERITED_DESCRIPTION": "此设置将值设置为系统默认值。",
+      "INHERITEDINDICATOR_DESCRIPTION": {
+        "ENABLED": "“已启用” 是继承的",
+        "DISABLED": "“已禁用” 是继承的"
+      },
      "RESET": "全部设置为继承"
    },
    "DIALOG": {