2026-02-05 18:04:49 -08:00
|
|
|
- pose_info = pose_emoji_and_label(@selected_pose, alt_style: @alt_style)
|
2025-12-26 23:19:39 -08:00
|
|
|
%button#pose-picker-button.pose-picker-button{type: "button", popovertarget: "pose-picker-popover"}
|
|
|
|
|
%span.pose-emoji= pose_info[:emoji]
|
|
|
|
|
%span.pose-label= pose_info[:label]
|
|
|
|
|
%span.chevron ▾
|
|
|
|
|
|
|
|
|
|
%pose-picker-popover#pose-picker-popover{popover: "auto"}
|
2026-02-05 18:04:49 -08:00
|
|
|
- active_tab = @alt_style ? "styles" : "expressions"
|
|
|
|
|
%tab-panel{active: active_tab}
|
2026-02-05 18:35:10 -08:00
|
|
|
.tab-content{"data-tab": "expressions", hidden: active_tab != "expressions" ? true : nil}
|
|
|
|
|
= render "pose_picker_form"
|
|
|
|
|
.tab-content{"data-tab": "styles", hidden: active_tab != "styles" ? true : nil}
|
|
|
|
|
= render "style_picker_form"
|
2026-02-05 18:04:49 -08:00
|
|
|
.tab-list
|
|
|
|
|
%button.tab-button{"data-tab": "expressions", type: "button",
|
|
|
|
|
class: ("active" if active_tab == "expressions")}
|
|
|
|
|
Expressions
|
|
|
|
|
%button.tab-button{"data-tab": "styles", type: "button",
|
|
|
|
|
class: ("active" if active_tab == "styles")}
|
|
|
|
|
Styles
|