Chrome

Example

Code

<asahi-portal-chrome
    user='{"username": "Jan Novák"}'
    menu='[{"label":"Zákaznický portál","name":"customer-portal","isActive":true,"icon":"user-plus","children":[{"label":"Domů","name":"home","isActive":true,"icon":"home-alt"},{"label":"Provozovny","name":"facilities","isActive":false,"icon":"utensils-alt"},{"label":"Objednávky","name":"orders","isActive":false,"icon":"beer"},{"label":"Novinky","name":"news","isActive":false,"icon":"newspaper"},{"label":"Club PP","name":"club-pp","isActive":false,"isOther":true,"icon":"external-link-alt"},{"label":"Prazdroj menu","name":"prazdroj-menu","isActive":false,"isOther":true,"icon":"external-link-alt"}]},{"label":"E-shop","name":"e-ordering","isActive":false,"icon":"shopping-cart"},{"label":"Administrace","name":"administration","isActive":false,"icon":"user-edit"}]}'>
    Some content
</asahi-portal-chrome>

Props

• user
• menu - content for menu/mobile menu/header nav
  • the top-level of menu array will be used as header nav
• activeLanguage? cs | en - active language
• dictionary? - custom dictionary for chrome texts:

  {
    [key in 'cs' | 'en']: {
      otherLinks: string,
      legalClause: string,
      backUp: string,
      menu: string,
      actions: {
        edit: string,
        logout: string,
      }
      languages: {
        cs: string,
        en: string
      }
    }
  }
  

Events

• @logout - on user logout btn press
• @navigate - on menu item press
• @userEdit - on user edit btn press
• @languageChange - on language change
• @legalClause - on legal clause button click
• @logoNavigate - on logo icon click