You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
918 B
30 lines
918 B
2 weeks ago
|
<#import "/assets/icons/chevron-down.ftl" as icon>
|
||
|
|
<#import "/components/atoms/link.ftl" as link>
|
||
|
|
|
||
|
|
<#macro kw currentLocale="" locales=[]>
|
||
|
|
<div class="relative" x-data="{ open: false }">
|
||
|
|
<@link.kw @click="open = true" color="secondary" component="button" type="button">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<span class="mr-1 text-sm">${currentLocale}</span>
|
||
|
|
<@icon.kw />
|
||
|
|
</div>
|
||
|
|
</@link.kw>
|
||
|
|
<div
|
||
|
|
@click.away="open = false"
|
||
|
|
class="absolute bg-white bottom-0 -left-4 max-h-80 mb-6 overflow-y-scroll rounded-lg shadow-lg"
|
||
|
|
x-cloak
|
||
|
|
x-show="open"
|
||
|
|
>
|
||
|
|
<#list locales as locale>
|
||
|
|
<#if currentLocale != locale.label>
|
||
|
|
<div class="px-4 py-2">
|
||
|
|
<@link.kw color="secondary" href=locale.url size="small">
|
||
|
|
${locale.label}
|
||
|
|
</@link.kw>
|
||
|
|
</div>
|
||
|
|
</#if>
|
||
|
|
</#list>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</#macro>
|