{{pbTitle.getTitle()}}

 @for (item of [ {id:'home',icon:'home',link:'/',title:'Home',key:'home_page'}, {id:'notifs',icon:'notifications',title:'Notifications',key:'notifs',menu:notifications}, {id:'chat'}, {id:'user',icon:'account_circle',menu:userMenu,title:'User & Settings',key:'#{user} & #{settings}'} ]; track $index) { @switch (true) { @case (item.link !== undefined) {
{{item.icon}} {{(item.key|tr:item.title)}}
} @case (item.id === 'user') {
@if (loginService?.user?.pictures?.length > 0) { } @else { {{item.icon}} } {{(item.key|tr:item.title)}}
} @case (item.menu !== undefined) {
{{item.icon}} {{(item.key|tr:item.title)}} @if (item.key === 'notifs' && notificationCount > 0) {
{{notificationCount}}
}
} @case (item.id === 'chat') {
chat {{('fis_ai_chat'|tr:'FIS A.I. Chat')}}
} @default {
{{item.icon}} {{(item.key|tr:item.title)}}
} } }
 
@for(theme of [ {name:'theme',label:'main'|tr:'Blue',color:"#3F51B6"}, {name:'theme-pink',label:'pink'|tr:'Pink',color:"#e91e63"} ]; track $index) { } @for(theme of [ {name:'dark-theme',label:'main'|tr:'Blue',color:"#3F51B6"}, {name:'dark-theme-pink',label:'pink'|tr:'Pink',color:"#e91e63"} ]; track $index) { } @for(lang of [ {name:'en',label:'English',picture:'https://cdn.swopt.com/media/images/flags/GBR.png'}, {name:'zh',label:'简体中文',picture:'https://cdn.swopt.com/media/images/flags/CHN.png'}, {name:'ms',label:'Melayu',picture:'https://cdn.swopt.com/media/images/flags/MAS.png'} ];track $index) { }