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>
This commit is contained in:
Andy Vo
2024-07-04 04:06:52 -07:00
committed by GitHub
parent 7573e0ea8f
commit c17ab9f82a
16 changed files with 72 additions and 0 deletions

View File

@@ -45,6 +45,7 @@
featureData.loginDefaultOrg?.source === Source.SOURCE_UNSPECIFIED) featureData.loginDefaultOrg?.source === Source.SOURCE_UNSPECIFIED)
" "
class="current-dot enabled" class="current-dot enabled"
matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.ENABLED' | translate }}"
></div> ></div>
<div <div
*ngIf=" *ngIf="
@@ -53,6 +54,7 @@
featureData.loginDefaultOrg?.source === Source.SOURCE_UNSPECIFIED) featureData.loginDefaultOrg?.source === Source.SOURCE_UNSPECIFIED)
" "
class="current-dot disabled" class="current-dot disabled"
matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.DISABLED' | translate }}"
></div> ></div>
</div> </div>
</mat-button-toggle> </mat-button-toggle>
@@ -99,6 +101,7 @@
featureData.oidcLegacyIntrospection?.source === Source.SOURCE_UNSPECIFIED) featureData.oidcLegacyIntrospection?.source === Source.SOURCE_UNSPECIFIED)
" "
class="current-dot enabled" class="current-dot enabled"
matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.ENABLED' | translate }}"
></div> ></div>
<div <div
*ngIf=" *ngIf="
@@ -107,6 +110,7 @@
featureData.oidcLegacyIntrospection?.source === Source.SOURCE_UNSPECIFIED) featureData.oidcLegacyIntrospection?.source === Source.SOURCE_UNSPECIFIED)
" "
class="current-dot disabled" class="current-dot disabled"
matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.DISABLED' | translate }}"
></div> ></div>
</div> </div>
</mat-button-toggle> </mat-button-toggle>
@@ -152,6 +156,7 @@
featureData.oidcTokenExchange?.source === Source.SOURCE_UNSPECIFIED) featureData.oidcTokenExchange?.source === Source.SOURCE_UNSPECIFIED)
" "
class="current-dot enabled" class="current-dot enabled"
matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.ENABLED' | translate }}"
></div> ></div>
<div <div
*ngIf=" *ngIf="
@@ -160,6 +165,7 @@
featureData.oidcTokenExchange?.source === Source.SOURCE_UNSPECIFIED) featureData.oidcTokenExchange?.source === Source.SOURCE_UNSPECIFIED)
" "
class="current-dot disabled" class="current-dot disabled"
matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.DISABLED' | translate }}"
></div> ></div>
</div> </div>
</mat-button-toggle> </mat-button-toggle>
@@ -205,6 +211,7 @@
featureData.oidcTriggerIntrospectionProjections?.source === Source.SOURCE_UNSPECIFIED) featureData.oidcTriggerIntrospectionProjections?.source === Source.SOURCE_UNSPECIFIED)
" "
class="current-dot enabled" class="current-dot enabled"
matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.ENABLED' | translate }}"
></div> ></div>
<div <div
*ngIf=" *ngIf="
@@ -213,6 +220,7 @@
featureData.oidcTriggerIntrospectionProjections?.source === Source.SOURCE_UNSPECIFIED) featureData.oidcTriggerIntrospectionProjections?.source === Source.SOURCE_UNSPECIFIED)
" "
class="current-dot disabled" class="current-dot disabled"
matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.DISABLED' | translate }}"
></div> ></div>
</div> </div>
</mat-button-toggle> </mat-button-toggle>
@@ -258,6 +266,7 @@
featureData.userSchema?.source === Source.SOURCE_UNSPECIFIED) featureData.userSchema?.source === Source.SOURCE_UNSPECIFIED)
" "
class="current-dot enabled" class="current-dot enabled"
matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.ENABLED' | translate }}"
></div> ></div>
<div <div
*ngIf=" *ngIf="
@@ -266,6 +275,7 @@
featureData.userSchema?.source === Source.SOURCE_UNSPECIFIED) featureData.userSchema?.source === Source.SOURCE_UNSPECIFIED)
" "
class="current-dot disabled" class="current-dot disabled"
matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.DISABLED' | translate }}"
></div> ></div>
</div> </div>
</mat-button-toggle> </mat-button-toggle>
@@ -311,6 +321,7 @@
featureData.actions?.source === Source.SOURCE_UNSPECIFIED) featureData.actions?.source === Source.SOURCE_UNSPECIFIED)
" "
class="current-dot enabled" class="current-dot enabled"
matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.ENABLED' | translate }}"
></div> ></div>
<div <div
*ngIf=" *ngIf="
@@ -319,6 +330,7 @@
featureData.actions?.source === Source.SOURCE_UNSPECIFIED) featureData.actions?.source === Source.SOURCE_UNSPECIFIED)
" "
class="current-dot disabled" class="current-dot disabled"
matTooltip="{{ 'SETTING.FEATURES.INHERITEDINDICATOR_DESCRIPTION.DISABLED' | translate }}"
></div> ></div>
</div> </div>
</mat-button-toggle> </mat-button-toggle>

View File

@@ -1474,6 +1474,10 @@
"DISABLED": "Деактивирано" "DISABLED": "Деактивирано"
}, },
"INHERITED_DESCRIPTION": "Тази настройка задава стойността по подразбиране на системата.", "INHERITED_DESCRIPTION": "Тази настройка задава стойността по подразбиране на системата.",
"INHERITEDINDICATOR_DESCRIPTION": {
"ENABLED": "„Активирано“ се наследява",
"DISABLED": "„Деактивирано“ се наследява"
},
"RESET": "Задай всички на наследено" "RESET": "Задай всички на наследено"
}, },
"DIALOG": { "DIALOG": {

View File

@@ -1475,6 +1475,10 @@
"DISABLED": "Zakázáno" "DISABLED": "Zakázáno"
}, },
"INHERITED_DESCRIPTION": "Toto nastavení nastaví hodnotu na výchozí hodnotu systému.", "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é" "RESET": "Nastavit vše na děděné"
}, },
"DIALOG": { "DIALOG": {

View File

@@ -1475,6 +1475,10 @@
"DISABLED": "Deaktiviert" "DISABLED": "Deaktiviert"
}, },
"INHERITED_DESCRIPTION": "Diese Einstellung setzt den Wert auf den Standardwert des Systems.", "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" "RESET": "Alle auf Erben setzen"
}, },
"DIALOG": { "DIALOG": {

View File

@@ -1475,6 +1475,10 @@
"DISABLED": "Disabled" "DISABLED": "Disabled"
}, },
"INHERITED_DESCRIPTION": "This sets the value to the default value of the system.", "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" "RESET": "Set all to inherit"
}, },
"DIALOG": { "DIALOG": {

View File

@@ -1476,6 +1476,10 @@
"DISABLED": "Deshabilitado" "DISABLED": "Deshabilitado"
}, },
"INHERITED_DESCRIPTION": "Esta configuración establece el valor al valor predeterminado del sistema.", "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" "RESET": "Establecer todo a heredado"
}, },
"DIALOG": { "DIALOG": {

View File

@@ -1475,6 +1475,10 @@
"DISABLED": "Désactivé" "DISABLED": "Désactivé"
}, },
"INHERITED_DESCRIPTION": "Ce paramètre définit la valeur par défaut du système.", "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é" "RESET": "Réinitialiser tout sur hérité"
}, },
"DIALOG": { "DIALOG": {

View File

@@ -1475,6 +1475,10 @@
"DISABLED": "Disabilitato" "DISABLED": "Disabilitato"
}, },
"INHERITED_DESCRIPTION": "Questa impostazione imposta il valore predefinito del sistema.", "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" "RESET": "Imposta tutto su predefinito"
}, },
"DIALOG": { "DIALOG": {

View File

@@ -1475,6 +1475,10 @@
"DISABLED": "無効" "DISABLED": "無効"
}, },
"INHERITED_DESCRIPTION": "この設定は、値をシステムのデフォルト値に設定します。", "INHERITED_DESCRIPTION": "この設定は、値をシステムのデフォルト値に設定します。",
"INHERITEDINDICATOR_DESCRIPTION": {
"ENABLED": "有効は継承されます",
"DISABLED": "無効は継承されます"
},
"RESET": "すべて継承に設定" "RESET": "すべて継承に設定"
}, },
"DIALOG": { "DIALOG": {

View File

@@ -1476,6 +1476,10 @@
"DISABLED": "Оневозможено" "DISABLED": "Оневозможено"
}, },
"INHERITED_DESCRIPTION": "Оваа поставка ја постави вредноста на стандардната вредност на системот.", "INHERITED_DESCRIPTION": "Оваа поставка ја постави вредноста на стандардната вредност на системот.",
"INHERITEDINDICATOR_DESCRIPTION": {
"ENABLED": "„Овозможено“ е наследено",
"DISABLED": "„Оневозможено“ е наследено"
},
"RESET": "Поставете ги сите да наследат" "RESET": "Поставете ги сите да наследат"
}, },
"DIALOG": { "DIALOG": {

View File

@@ -1475,6 +1475,10 @@
"DISABLED": "Uitgeschakeld" "DISABLED": "Uitgeschakeld"
}, },
"INHERITED_DESCRIPTION": "Deze instelling stelt de waarde in op de standaardwaarde van het systeem.", "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" "RESET": "Alles instellen op overgenomen"
}, },
"DIALOG": { "DIALOG": {

View File

@@ -1474,6 +1474,10 @@
"DISABLED": "Wyłączony" "DISABLED": "Wyłączony"
}, },
"INHERITED_DESCRIPTION": "To ustawienie przypisuje wartość do wartości domyślnej systemu.", "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" "RESET": "Ustaw wszystko na dziedziczone"
}, },
"DIALOG": { "DIALOG": {

View File

@@ -1476,6 +1476,10 @@
"DISABLED": "Desabilitado" "DISABLED": "Desabilitado"
}, },
"INHERITED_DESCRIPTION": "Essa configuração define o valor para o padrão do sistema.", "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" "RESET": "Definir tudo para herdar"
}, },
"DIALOG": { "DIALOG": {

View File

@@ -1526,6 +1526,10 @@
"DISABLED": "Выключено" "DISABLED": "Выключено"
}, },
"INHERITED_DESCRIPTION": "Эта настройка устанавливает значение по умолчанию для системы.", "INHERITED_DESCRIPTION": "Эта настройка устанавливает значение по умолчанию для системы.",
"INHERITEDINDICATOR_DESCRIPTION": {
"ENABLED": "«Включено» наследуется",
"DISABLED": "«Выключено» передается по наследству"
},
"RESET": "Установить все по умолчанию" "RESET": "Установить все по умолчанию"
}, },
"DIALOG": { "DIALOG": {

View File

@@ -1479,6 +1479,10 @@
"DISABLED": "Inaktiverad" "DISABLED": "Inaktiverad"
}, },
"INHERITED_DESCRIPTION": "Detta ställer in värdet till systemets standardvärde.", "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" "RESET": "Återställ allt till arv"
}, },
"DIALOG": { "DIALOG": {

View File

@@ -1475,6 +1475,10 @@
"DISABLED": "已禁用" "DISABLED": "已禁用"
}, },
"INHERITED_DESCRIPTION": "此设置将值设置为系统默认值。", "INHERITED_DESCRIPTION": "此设置将值设置为系统默认值。",
"INHERITEDINDICATOR_DESCRIPTION": {
"ENABLED": "“已启用” 是继承的",
"DISABLED": "“已禁用” 是继承的"
},
"RESET": "全部设置为继承" "RESET": "全部设置为继承"
}, },
"DIALOG": { "DIALOG": {