mirror of https://github.com/wayvr-org/wayvr.git
use_bg_color for label
This commit is contained in:
parent
6f5be3a157
commit
2ea3b222f3
|
|
@ -1,4 +1,4 @@
|
|||
use std::{collections::HashMap, path::PathBuf, rc::Rc};
|
||||
use std::{path::PathBuf, rc::Rc};
|
||||
|
||||
use chrono::Timelike;
|
||||
use glam::Vec2;
|
||||
|
|
|
|||
|
|
@ -607,6 +607,7 @@ fn mount_requires_restart(layout: &mut Layout, parent: WidgetID) -> anyhow::Resu
|
|||
}),
|
||||
..Default::default()
|
||||
},
|
||||
..Default::default()
|
||||
},
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -110,6 +110,7 @@ impl ToastManager {
|
|||
wrap: true,
|
||||
..Default::default()
|
||||
},
|
||||
..Default::default()
|
||||
},
|
||||
);
|
||||
let (label, _) = layout.add_child(rect.id, label, taffy::Style { ..Default::default() })?;
|
||||
|
|
|
|||
|
|
@ -55,6 +55,7 @@ pub fn create_label(layout: &mut Layout, id_parent: WidgetID, content: Translati
|
|||
wrap: true,
|
||||
..Default::default()
|
||||
},
|
||||
..Default::default()
|
||||
},
|
||||
);
|
||||
|
||||
|
|
@ -74,6 +75,7 @@ pub fn create_label_error(layout: &mut Layout, parent: WidgetID, content: String
|
|||
weight: Some(FontWeight::Bold),
|
||||
..Default::default()
|
||||
},
|
||||
..Default::default()
|
||||
},
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -113,6 +113,7 @@ impl View {
|
|||
shadow: Some(WguiTextShadow::default()),
|
||||
..Default::default()
|
||||
},
|
||||
..Default::default()
|
||||
},
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -130,7 +130,7 @@
|
|||
<Button macro="button_style" id="overlay_${idx}" tooltip_str="${name}" _context_name="${name}" _press_left="::ContextMenuOpen menu_screen" _press_right="::OverlayToggle ${name}">
|
||||
<sprite width="38" height="38" color="on_background_variant" src_builtin="edit/screen.svg" />
|
||||
<div position="absolute" margin_top="-7" margin_left="-1">
|
||||
<label text="${display}" size="~text_size" color="on_background_variant(opacity-0.2)" weight="bold" />
|
||||
<label text="${display}" size="~text_size" color="on_background_variant(opacity-0.2)" weight="bold" use_bg_color="1" />
|
||||
</div>
|
||||
</Button>
|
||||
</template>
|
||||
|
|
@ -163,7 +163,7 @@
|
|||
<Button macro="button_style" id="overlay_${idx}" tooltip_str="${name}" _context_name="${name}" _press_left="::ContextMenuOpen menu_mirror" _press_right="::OverlayToggle ${name}">
|
||||
<sprite width="38" height="38" color="on_background_variant" src_builtin="edit/mirror.svg" />
|
||||
<div position="absolute" margin_top="5" margin_left="13">
|
||||
<label text="${display}" size="20" color="on_background(opacity-0.2)" weight="bold" />
|
||||
<label text="${display}" size="20" color="on_background(opacity-0.2)" weight="bold" use_bg_color="1" />
|
||||
</div>
|
||||
</Button>
|
||||
</template>
|
||||
|
|
@ -192,7 +192,7 @@
|
|||
<Button macro="button_style" id="set_${idx}" _press="::SetSwitch ${idx}" tooltip="WATCH.SWITCH_TO_SET" tooltip_side="bottom">
|
||||
<sprite width="38" height="38" color="on_background_variant" src_builtin="watch/set2.svg" />
|
||||
<div position="absolute" margin_top="10" margin_left="-7">
|
||||
<label text="${display}" size="20" color="on_background(opacity-0.2)" weight="bold" />
|
||||
<label text="${display}" size="20" color="on_background(opacity-0.2)" weight="bold" use_bg_color="1" />
|
||||
</div>
|
||||
</Button>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@
|
|||
<Button macro="button_style" id="overlay_${idx}" tooltip_str="${name}" _press="::OverlayToggle ${name}">
|
||||
<sprite width="38" height="38" color="on_background" src_builtin="edit/screen.svg" />
|
||||
<div position="absolute" margin_top="-7" margin_left="-1">
|
||||
<label text="${display}" size="18" color="on_background(opacity-0.2)" weight="bold" />
|
||||
<label text="${display}" size="18" color="on_background(opacity-0.2)" weight="bold" use_bg_color="1" />
|
||||
</div>
|
||||
</Button>
|
||||
</template>
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
<Button macro="button_style" id="overlay_${idx}" tooltip_str="${name}" _press="::OverlayToggle ${name}">
|
||||
<sprite width="38" height="38" color="on_background" src_builtin="edit/mirror.svg" />
|
||||
<div position="absolute" margin_top="5" margin_left="13">
|
||||
<label text="${display}" size="20" color="on_background" weight="bold" />
|
||||
<label text="${display}" size="20" color="on_background" weight="bold" use_bg_color="1" />
|
||||
</div>
|
||||
</Button>
|
||||
</template>
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
<Button macro="button_style" id="set_${idx}" _press="::SetToggle ${idx}" tooltip="WATCH.SWITCH_TO_SET" tooltip_side="top">
|
||||
<sprite width="38" height="38" color="on_background" src_builtin="watch/set2.svg" />
|
||||
<div position="absolute" margin_top="9">
|
||||
<label text="${display}" size="24" color="#00050F" weight="bold" />
|
||||
<label text="${display}" size="24" color="#00050F" weight="bold" use_bg_color="1" />
|
||||
</div>
|
||||
</Button>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -119,9 +119,19 @@ impl WguiColor {
|
|||
}
|
||||
}
|
||||
|
||||
pub fn on_color(&self) -> Option<Self> {
|
||||
/// Gets a matching foreground color from a background color
|
||||
pub fn fg_color(&self) -> Option<Self> {
|
||||
if let Self::Named(name) = self {
|
||||
name.name.on_color().map(|x| x.into())
|
||||
name.name.fg_color().map(|x| x.into())
|
||||
} else {
|
||||
None
|
||||
}
|
||||
}
|
||||
|
||||
/// Gets a matching background color from a foreground color
|
||||
pub fn bg_color(&self) -> Option<Self> {
|
||||
if let Self::Named(name) = self {
|
||||
name.name.bg_color().map(|x| x.into())
|
||||
} else {
|
||||
None
|
||||
}
|
||||
|
|
@ -129,7 +139,7 @@ impl WguiColor {
|
|||
}
|
||||
|
||||
impl WguiColorName {
|
||||
pub fn on_color(&self) -> Option<Self> {
|
||||
pub fn fg_color(&self) -> Option<Self> {
|
||||
match self {
|
||||
Self::Primary => Some(Self::OnPrimary),
|
||||
Self::Secondary => Some(Self::OnSecondary),
|
||||
|
|
@ -142,6 +152,19 @@ impl WguiColorName {
|
|||
}
|
||||
}
|
||||
|
||||
pub fn bg_color(&self) -> Option<Self> {
|
||||
match self {
|
||||
Self::OnPrimary => Some(Self::Primary),
|
||||
Self::OnSecondary => Some(Self::Secondary),
|
||||
Self::OnTertiary => Some(Self::Tertiary),
|
||||
Self::OnDanger => Some(Self::Danger),
|
||||
Self::OnBackground => Some(Self::Background),
|
||||
Self::OnBackgroundVariant => Some(Self::BackgroundVariant),
|
||||
Self::OnBackgroundContrast => Some(Self::BackgroundContrast),
|
||||
_ => None,
|
||||
}
|
||||
}
|
||||
|
||||
pub const fn to_wgui_color(&self) -> WguiColor {
|
||||
WguiColor::Named(WguiNamedColor {
|
||||
name: *self,
|
||||
|
|
|
|||
|
|
@ -149,24 +149,24 @@ impl ComponentTrait for ComponentButton {
|
|||
log::error!("Button with more than one sprite!");
|
||||
}
|
||||
// apply initial color from button
|
||||
if let Some(on_color) = state.colors.color.on_color() {
|
||||
if let Some(fg_color) = state.colors.color.fg_color() {
|
||||
let common = &mut CallbackDataCommon {
|
||||
state: &data.layout.state,
|
||||
alterables: &mut data.layout.alterables,
|
||||
};
|
||||
widget.set_color(common, on_color);
|
||||
widget.set_color(common, fg_color);
|
||||
}
|
||||
state.id_sprite = child;
|
||||
} else if let Some(mut widget) = data.layout.state.widgets.get_as::<WidgetLabel>(child) {
|
||||
if !state.id_label.is_null() && state.id_label != child {
|
||||
log::error!("Button with more than one label!");
|
||||
}
|
||||
if let Some(on_color) = state.colors.color.on_color() {
|
||||
if let Some(fg_color) = state.colors.color.fg_color() {
|
||||
let common = &mut CallbackDataCommon {
|
||||
state: &data.layout.state,
|
||||
alterables: &mut data.layout.alterables,
|
||||
};
|
||||
widget.set_color(common, on_color, true);
|
||||
widget.set_color(common, fg_color, true);
|
||||
}
|
||||
state.id_label = child;
|
||||
}
|
||||
|
|
@ -216,12 +216,12 @@ impl ComponentButton {
|
|||
let mut state = self.state.borrow_mut();
|
||||
state.colors.color = color;
|
||||
|
||||
if let Some(on_color) = color.on_color() {
|
||||
if let Some(fg_color) = color.fg_color() {
|
||||
if let Some(mut label) = common.state.widgets.get_as::<WidgetLabel>(state.id_label) {
|
||||
label.set_color(common, on_color, true);
|
||||
label.set_color(common, fg_color, true);
|
||||
}
|
||||
if let Some(mut sprite) = common.state.widgets.get_as::<WidgetSprite>(state.id_sprite) {
|
||||
sprite.set_color(common, on_color);
|
||||
sprite.set_color(common, fg_color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -287,15 +287,15 @@ impl ComponentButton {
|
|||
.border_color
|
||||
.lerp(&common.globals().palette, alt_border_color, mult);
|
||||
|
||||
if let Some(on_color0) = colors.color.on_color()
|
||||
&& let Some(on_color1) = alt_color.on_color()
|
||||
if let Some(fg_color0) = colors.color.fg_color()
|
||||
&& let Some(fg_color1) = alt_color.fg_color()
|
||||
{
|
||||
let on_color = on_color0.lerp(&common.globals().palette, &on_color1, mult);
|
||||
let fg_color = fg_color0.lerp(&common.globals().palette, &fg_color1, mult);
|
||||
if let Some(mut label) = common.state.widgets.get_as::<WidgetLabel>(state.id_label) {
|
||||
label.set_color(common, on_color, true);
|
||||
label.set_color(common, fg_color, true);
|
||||
}
|
||||
if let Some(mut sprite) = common.state.widgets.get_as::<WidgetSprite>(state.id_sprite) {
|
||||
sprite.set_color(common, on_color);
|
||||
sprite.set_color(common, fg_color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -328,15 +328,15 @@ fn anim_hover(
|
|||
(colors.border_color, colors.color)
|
||||
};
|
||||
|
||||
if let Some(on_color0) = init_color.on_color()
|
||||
&& let Some(on_color1) = colors.hover_color.on_color()
|
||||
if let Some(fg_color0) = init_color.fg_color()
|
||||
&& let Some(fg_color1) = colors.hover_color.fg_color()
|
||||
{
|
||||
let on_color = on_color0.lerp(&common.globals().palette, &on_color1, mult);
|
||||
let fg_color = fg_color0.lerp(&common.globals().palette, &fg_color1, mult);
|
||||
if let Some(mut label) = common.state.widgets.get_as::<WidgetLabel>(label) {
|
||||
label.set_color(common, on_color, true);
|
||||
label.set_color(common, fg_color, true);
|
||||
}
|
||||
if let Some(mut sprite) = common.state.widgets.get_as::<WidgetSprite>(sprite) {
|
||||
sprite.set_color(common, on_color);
|
||||
sprite.set_color(common, fg_color);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -628,6 +628,7 @@ pub fn construct(ess: &mut ConstructEssentials, params: Params) -> anyhow::Resul
|
|||
color: Some(WguiColorName::OnBackground.into()),
|
||||
..params.text_style
|
||||
},
|
||||
..Default::default()
|
||||
},
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -486,6 +486,7 @@ pub fn construct(ess: &mut ConstructEssentials, params: Params) -> anyhow::Resul
|
|||
color: Some(WguiColorName::OnBackground.into()),
|
||||
..Default::default()
|
||||
},
|
||||
..Default::default()
|
||||
},
|
||||
);
|
||||
let (label, _node_label) = ess.layout.add_child(id_container, widget_label, Default::default())?;
|
||||
|
|
|
|||
|
|
@ -348,6 +348,7 @@ pub fn construct(
|
|||
}),
|
||||
..Default::default()
|
||||
},
|
||||
..Default::default()
|
||||
},
|
||||
);
|
||||
let (label, _node_label) = ess.layout.add_child(
|
||||
|
|
|
|||
|
|
@ -686,6 +686,7 @@ fn mount_slider_handle(
|
|||
align: Some(HorizontalAlign::Center),
|
||||
..Default::default()
|
||||
},
|
||||
..Default::default()
|
||||
},
|
||||
);
|
||||
Some(ess.layout.add_child(slider_handle.id, label, Default::default())?)
|
||||
|
|
|
|||
|
|
@ -260,6 +260,7 @@ pub fn construct(ess: &mut ConstructEssentials, params: Params) -> anyhow::Resul
|
|||
weight: Some(FontWeight::Bold),
|
||||
..Default::default()
|
||||
},
|
||||
..Default::default()
|
||||
},
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -39,6 +39,9 @@ pub fn parse_widget_label<'a>(
|
|||
"translation" if !value.is_empty() => {
|
||||
params.content = Translation::from_translation_key(value);
|
||||
}
|
||||
"use_bg_color" if !value.is_empty() => {
|
||||
params.use_bg_color = true;
|
||||
}
|
||||
_ => {}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,6 +22,7 @@ use super::{WidgetObj, WidgetState};
|
|||
pub struct WidgetLabelParams {
|
||||
pub content: Translation,
|
||||
pub style: TextStyle,
|
||||
pub use_bg_color: bool,
|
||||
}
|
||||
|
||||
pub struct WidgetLabel {
|
||||
|
|
@ -119,7 +120,13 @@ impl WidgetLabel {
|
|||
}
|
||||
|
||||
pub fn set_color(&mut self, common: &mut CallbackDataCommon, color: WguiColor, apply_to_existing_text: bool) {
|
||||
self.params.style.color = Some(color);
|
||||
if self.params.use_bg_color {
|
||||
if let Some(bg_color) = color.bg_color() {
|
||||
self.params.style.color = Some(bg_color);
|
||||
}
|
||||
} else {
|
||||
self.params.style.color = Some(color);
|
||||
}
|
||||
if apply_to_existing_text {
|
||||
self.update_attrs(&common.globals().palette);
|
||||
common.mark_widget_dirty(self.id);
|
||||
|
|
|
|||
Loading…
Reference in New Issue