-
Notifications
You must be signed in to change notification settings - Fork 86
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
14 additions
and
21 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -317,14 +317,10 @@ scale-telekom-nav-item { | |
|
||
## Profile Menu | ||
|
||
The profile menu ensures a consistent behaviour for the login / user profile menu in all our products and services. | ||
|
||
Set the profile menu's `logged-in` parameter to `true` / `false` to change between the two states, set the remaining parameters to match the menu's appearance according to your products' needs. | ||
Set the profile menu's `logged-in` property to `true` or `false` to switch between the two states: | ||
|
||
### Logged out | ||
|
||
In this state the menu offers the user the possibility sign up / log in to his account. | ||
|
||
<Canvas withSource="none"> | ||
<Story | ||
name="Profile Menu / Logged out" | ||
|
@@ -336,14 +332,13 @@ In this state the menu offers the user the possibility sign up / log in to his a | |
appName: "Application", | ||
label: "Login", | ||
accessibilityLabel: "Login", | ||
closeMenuAccessibilityLabel: "Menü schließen", | ||
serviceName: "Kundencenter", | ||
serviceDescription: "Hier können Sie Ihre Verträge verwalten oder auf Rechnungen, Verbrauchsanzeigen, Einstellungen und weitere Informationen zugreifen.", | ||
loginLabel: "Zum Login", | ||
loginHelpLabel: "Hilfe zum Login", | ||
registerHeadline: "Noch kein Telekom Login?", | ||
registerLabel: "Jetzt registrieren", | ||
logoutLabel: "Logout", | ||
closeMenuAccessibilityLabel: "Close menu", | ||
serviceName: "Customer Center", | ||
serviceDescription: "Manage your contracts, bills, usage overviews, settings, and more.", | ||
loginLabel: "Log in", | ||
loginHelpLabel: "Help logging in", | ||
registerHeadline: "Need an account?", | ||
registerLabel: "Register now", | ||
userInfo: JSON.stringify({ | ||
name: 'Firstname Lastname', | ||
email: '[email protected]', | ||
|
@@ -424,8 +419,6 @@ In this state the menu offers the user the possibility sign up / log in to his a | |
|
||
### Logged in | ||
|
||
In this state the menu offers the user links to a set of important Telekom services and the possibility to log out from his account. | ||
|
||
<Canvas withSource="none"> | ||
<Story | ||
name="Profile Menu / Logged in" | ||
|
@@ -436,17 +429,17 @@ In this state the menu offers the user links to a set of important Telekom servi | |
loggedIn: true, | ||
appName: "Application", | ||
label: "Alexander", | ||
accessibilityLabel: "Benutzermenü öffnen: Alexander", | ||
closeMenuAccessibilityLabel: "Menü schließen", | ||
loginSettingsLabel: "Login-Einstellungen", | ||
logoutLabel: "Logout", | ||
accessibilityLabel: "open user menu: Alexander", | ||
closeMenuAccessibilityLabel: "close menu", | ||
loginSettingsLabel: "Login Settings", | ||
logoutLabel: "Log out", | ||
userInfo: JSON.stringify({ | ||
name: 'Alexander Dreyer', | ||
email: '[email protected]', | ||
}), | ||
serviceLinks: JSON.stringify([ | ||
{ | ||
name: 'Kundencenter', | ||
name: 'My Account', | ||
href: 'https://www.telekom.de/mein-kundencenter', | ||
icon: 't-product-measure-internet-speed', | ||
}, | ||
|
@@ -471,7 +464,7 @@ In this state the menu offers the user links to a set of important Telekom servi | |
icon: 'action-upload-to-cloud', | ||
}, | ||
{ | ||
name: 'MagentaZuhause Web', | ||
name: 'MagentaHome Web', | ||
href: 'https://cockpit.telekom.net', | ||
icon: 'home-smarthome', | ||
} | ||
|