fonteva-design-guide
Version:
## Dev, Build and Test
65 lines (64 loc) • 2.67 kB
HTML
<template>
<template if:true={displayLanguagePicker}>
<template if:true={dropdown}>
<template if:true={isAuthenticated}>
<c-pfm-dropdown
label={currentLanguage}
menu-list={languageList}
type="bare"
icon="false"
position="right"
alternative-text={currentLanguageAltText}
onmenuselect={selectLanguage}
class="pfm-navbar_dropdown"
>
</c-pfm-dropdown>
</template>
<template if:true={guestView}>
<c-pfm-dropdown
type="bare"
icon="false"
position="right"
alternative-text="Language Picker"
label={guestCurrentLanguage}
menu-list={languageList}
onmenuselect={selectLanguage}
class="pfm-navbar_dropdown"
>
</c-pfm-dropdown>
</template>
</template>
<template if:true={link}>
<template if:true={isAuthenticated}>
<template for:each={languageList} for:item="language" for:index="i">
<div class="js-relative" key={language.name}>
<a
title={language.name}
data-language={language.name}
onclick={selectLanguage}
aria-label={language.name}
>
{language.name}
</a>
<c-pfm-loader data-name={language.name}></c-pfm-loader>
</div>
</template>
</template>
<template if:true={guestView}>
<template for:each={languageList} for:item="language" for:index="i">
<div class="js-relative" key={language.name}>
<a
title={language.name}
data-language={language.name}
onclick={selectLanguage}
aria-label={language.name}
>
{language.name}
</a>
<c-pfm-loader data-name={language.name}></c-pfm-loader>
</div>
</template>
</template>
</template>
</template>
</template>