import type UserMenu from "./UserMenu.js"; import Avatar from "@ui5/webcomponents/dist/Avatar.js"; import Button from "@ui5/webcomponents/dist/Button.js"; import Icon from "@ui5/webcomponents/dist/Icon.js"; import Tag from "@ui5/webcomponents/dist/Tag.js"; import Title from "@ui5/webcomponents/dist/Title.js"; import Text from "@ui5/webcomponents/dist/Text.js"; import Label from "@ui5/webcomponents/dist/Label.js"; import List from "@ui5/webcomponents/dist/List.js"; import ListItemCustom from "@ui5/webcomponents/dist/ListItemCustom.js"; import Panel from "@ui5/webcomponents/dist/Panel.js"; import Bar from "@ui5/webcomponents/dist/Bar.js"; import ResponsivePopover from "@ui5/webcomponents/dist/ResponsivePopover.js"; import edit from "@ui5/webcomponents-icons/dist/edit.js"; import personPlaceholder from "@ui5/webcomponents-icons/dist/person-placeholder.js"; import userSettings from "@ui5/webcomponents-icons/dist/user-settings.js"; import log from "@ui5/webcomponents-icons/dist/log.js"; import decline from "@ui5/webcomponents-icons/dist/decline.js"; import userEdit from "@ui5/webcomponents-icons/dist/user-edit.js"; import selectedAccount from "@ui5/webcomponents-icons/dist/sys-enter-2.js"; export default function UserMenuTemplate(this: UserMenu) { return ( <> {this._titleMovedToHeader && {this._selectedAccount.titleText} } {this._isPhone && ); } function headerContent(this: UserMenu) { return (<> {this._selectedAccount &&
{this._selectedAccount.avatarSrc && } {this.showEditButton && } {this._selectedAccount.titleText && {this._selectedAccount.titleText} } {this._selectedAccount.subtitleText && {this._selectedAccount.subtitleText} } {this._selectedAccount.description && {this._selectedAccount.description} } {this._selectedAccount.additionalInfo && {this._selectedAccount.additionalInfo} } {this.showManageAccount && }
} ); } function otherAccountsContent(this: UserMenu) { return (<>
{this._otherAccountsButtonText} ({this._otherAccounts.length}) {this.showEditAccounts &&
{this._otherAccounts.length > 0 && <> {otherAccountsList.call(this)} }
); } function otherAccountsList(this: UserMenu) { return (<> account.loading === true)}> {this._otherAccounts.map((account, index) =>
{account.avatarSrc && }
{account.titleText && {account.titleText} } {account.subtitleText && } {account.description && }
{account.selected &&
)}
); }