mirror of
https://github.com/status-im/consul.git
synced 2025-01-25 13:10:32 +00:00
2b8273bc6e
* Upgrade AuthForm and document current state a little better * Hoist SSO out of the AuthForm * Bare minimum admin partitioned SSO also: ui: Tabbed Login with Token or SSO interface (#11619) - I upgraded our super old, almost the first ember component I wrote, to use glimmer/almost template only. This should use slots/contextual components somehow, but thats a bigger upgrade so I didn't go that far. - I've been wanting to upgrade the shape of our StateChart component for a very long while now, here its very apparent that it would be much better to do this sooner rather than later. I left it as is for now, but there will be a PR coming soon with a slight reshaping of this component. - Added a did-upsert modifier which is a mix of did-insert/did-update - Documentation added/amended for all the new things.
47 lines
1.0 KiB
Handlebars
47 lines
1.0 KiB
Handlebars
{{#let
|
|
(dom-position (set this 'style') offset=true)
|
|
"tab"
|
|
as |select name|}}
|
|
<nav
|
|
style={{{if this.style (concat
|
|
'--selected-width:' this.style.width ';'
|
|
'--selected-left:' this.style.left ';'
|
|
'--selected-height:' this.style.height ';'
|
|
'--selected-top:' this.style.top
|
|
)
|
|
undefined
|
|
}}}
|
|
aria-label="Secondary"
|
|
class={{concat 'tab-nav' ' animatable'}}
|
|
...attributes
|
|
>
|
|
<ul>
|
|
{{#each @items as |item|}}
|
|
<li
|
|
{{on 'click' (fn select)}}
|
|
{{did-upsert
|
|
(if item.selected
|
|
(fn select)
|
|
(noop)
|
|
)
|
|
@items.length
|
|
}}
|
|
data-test-tab={{concat name '_' (if item.label (slugify item.label) (slugify item))}}
|
|
class={{if (or item.selected (eq selected (if item.label (slugify item.label) (slugify item)))) 'selected'}}
|
|
>
|
|
<Action
|
|
{{on 'click'
|
|
(if (not-eq @onclick undefined)
|
|
(fn @onclick (uppercase item.label))
|
|
(noop)
|
|
)
|
|
}}
|
|
@href={{item.href}}
|
|
>
|
|
{{item.label}}
|
|
</Action>
|
|
</li>
|
|
{{/each}}
|
|
</ul>
|
|
</nav>
|
|
{{/let}} |