Compare commits
1 Commits
940fb5ceda
...
0.2.3
| Author | SHA1 | Date | |
|---|---|---|---|
|
f7ec98f8e3
|
6
Cargo.lock
generated
6
Cargo.lock
generated
@ -206,7 +206,7 @@ dependencies = [
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "common"
|
name = "common"
|
||||||
version = "0.2.2"
|
version = "0.2.3"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"chrono",
|
"chrono",
|
||||||
"lighter_lib",
|
"lighter_lib",
|
||||||
@ -576,7 +576,7 @@ checksum = "95505c38b4572b2d910cecb0281560f54b440a19336cbbcb27bf6ce6adc6f5a8"
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "hemma"
|
name = "hemma"
|
||||||
version = "0.2.2"
|
version = "0.2.3"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"anyhow",
|
"anyhow",
|
||||||
"async-trait",
|
"async-trait",
|
||||||
@ -600,7 +600,7 @@ dependencies = [
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "hemma_web"
|
name = "hemma_web"
|
||||||
version = "0.2.2"
|
version = "0.2.3"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"chrono",
|
"chrono",
|
||||||
"common",
|
"common",
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
[package]
|
[package]
|
||||||
name = "hemma"
|
name = "hemma"
|
||||||
version = "0.2.2"
|
version = "0.2.3"
|
||||||
edition = "2021"
|
edition = "2021"
|
||||||
|
|
||||||
[dependencies]
|
[dependencies]
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
[package]
|
[package]
|
||||||
name = "common"
|
name = "common"
|
||||||
version = "0.2.2"
|
version = "0.2.3"
|
||||||
edition = "2021"
|
edition = "2021"
|
||||||
|
|
||||||
[dependencies]
|
[dependencies]
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
[package]
|
[package]
|
||||||
name = "hemma_web"
|
name = "hemma_web"
|
||||||
version = "0.2.2"
|
version = "0.2.3"
|
||||||
authors = ["Joakim Hulthe <joakim@hulthe.net"]
|
authors = ["Joakim Hulthe <joakim@hulthe.net"]
|
||||||
edition = "2021"
|
edition = "2021"
|
||||||
|
|
||||||
|
|||||||
@ -3,7 +3,7 @@ use crate::css::C;
|
|||||||
use chrono::{NaiveTime, Weekday};
|
use chrono::{NaiveTime, Weekday};
|
||||||
use common::{BulbGroup, BulbGroupShape, BulbMap, ClientMessage, ServerMessage};
|
use common::{BulbGroup, BulbGroupShape, BulbMap, ClientMessage, ServerMessage};
|
||||||
use lighter_lib::{BulbId, BulbMode};
|
use lighter_lib::{BulbId, BulbMode};
|
||||||
use seed::{attrs, button, div, h2, h3, input, label, span, table, td, tr, C};
|
use seed::{attrs, button, div, h2, input, table, td, tr, C};
|
||||||
use seed::{prelude::*, IF};
|
use seed::{prelude::*, IF};
|
||||||
use seed_router::Page;
|
use seed_router::Page;
|
||||||
use std::collections::{BTreeMap, HashMap, HashSet};
|
use std::collections::{BTreeMap, HashMap, HashSet};
|
||||||
@ -14,18 +14,11 @@ use std::fmt::Write;
|
|||||||
pub struct Model {
|
pub struct Model {
|
||||||
bulb_states: BTreeMap<BulbId, BulbState>,
|
bulb_states: BTreeMap<BulbId, BulbState>,
|
||||||
|
|
||||||
select_mode: SelectMode,
|
|
||||||
|
|
||||||
bulb_groups: BTreeMap<String, Vec<BulbId>>,
|
|
||||||
|
|
||||||
bulb_map: BulbMap,
|
bulb_map: BulbMap,
|
||||||
|
|
||||||
/// the currently selected bulbs on the map
|
/// the currently selected bulb map groups
|
||||||
selected_groups: HashSet<usize>,
|
selected_groups: HashSet<usize>,
|
||||||
|
|
||||||
/// the currently selected bulbs on the list
|
|
||||||
selected_bulbs: HashSet<BulbId>,
|
|
||||||
|
|
||||||
/// whether the currently selected map groups have been interacted with
|
/// whether the currently selected map groups have been interacted with
|
||||||
groups_interacted: bool,
|
groups_interacted: bool,
|
||||||
|
|
||||||
@ -44,21 +37,9 @@ pub enum Msg {
|
|||||||
|
|
||||||
SelectGroup(usize),
|
SelectGroup(usize),
|
||||||
DeselectGroups,
|
DeselectGroups,
|
||||||
|
|
||||||
SelectBulb(BulbId),
|
|
||||||
|
|
||||||
ColorPicker(ColorPickerMsg),
|
ColorPicker(ColorPickerMsg),
|
||||||
SetBulbPower(bool),
|
SetBulbPower(bool),
|
||||||
LightTime(String, Weekday),
|
LightTime(String, Weekday),
|
||||||
SetSelectMode(SelectMode),
|
|
||||||
}
|
|
||||||
|
|
||||||
#[derive(Debug, Clone, Default, PartialEq, Eq)]
|
|
||||||
pub enum SelectMode {
|
|
||||||
//#[default]
|
|
||||||
Map,
|
|
||||||
#[default]
|
|
||||||
List,
|
|
||||||
}
|
}
|
||||||
|
|
||||||
impl Page for Model {
|
impl Page for Model {
|
||||||
@ -83,6 +64,8 @@ impl Page for Model {
|
|||||||
mode: new_mode,
|
mode: new_mode,
|
||||||
wake_schedule,
|
wake_schedule,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
//color_picker.set_color(mode.color);
|
||||||
}
|
}
|
||||||
ServerMessage::BulbMap(bulb_map) => {
|
ServerMessage::BulbMap(bulb_map) => {
|
||||||
self.bulb_map = bulb_map;
|
self.bulb_map = bulb_map;
|
||||||
@ -117,11 +100,6 @@ impl Page for Model {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Msg::SelectBulb(bulb) => {
|
|
||||||
if !self.selected_bulbs.remove(&bulb) {
|
|
||||||
self.selected_bulbs.insert(bulb);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Msg::ColorPicker(ColorPickerMsg::SetColor(color)) => {
|
Msg::ColorPicker(ColorPickerMsg::SetColor(color)) => {
|
||||||
self.groups_interacted = true;
|
self.groups_interacted = true;
|
||||||
self.for_selected_bulbs(|id, _| {
|
self.for_selected_bulbs(|id, _| {
|
||||||
@ -167,13 +145,36 @@ impl Page for Model {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Msg::SetSelectMode(mode) => {
|
|
||||||
self.select_mode = mode;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
fn view(&self) -> Node<Self::Msg> {
|
fn view(&self) -> Node<Self::Msg> {
|
||||||
|
//let view_bulb = |(id, (mode, color_picker)): (&BulbId, &(BulbMode, ColorPicker))| {
|
||||||
|
// div![
|
||||||
|
// C![C.bulb_box],
|
||||||
|
// h1![id],
|
||||||
|
// div![
|
||||||
|
// C![C.bulb_controls],
|
||||||
|
// {
|
||||||
|
// let id = id.clone();
|
||||||
|
// color_picker.view().map_msg(|msg| Msg::ColorPicker(id, msg))
|
||||||
|
// },
|
||||||
|
// button![
|
||||||
|
// if mode.power {
|
||||||
|
// C![C.bulb_power_button, C.bulb_power_button_on]
|
||||||
|
// } else {
|
||||||
|
// C![C.bulb_power_button]
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// let id = id.clone();
|
||||||
|
// let power = !mode.power;
|
||||||
|
// ev(Ev::Click, move |_| Msg::SetBulbPower(id, power))
|
||||||
|
// },
|
||||||
|
// ],
|
||||||
|
// ],
|
||||||
|
// ]
|
||||||
|
//};
|
||||||
|
|
||||||
let bulb_map_width = self
|
let bulb_map_width = self
|
||||||
.bulb_map
|
.bulb_map
|
||||||
.groups
|
.groups
|
||||||
@ -190,7 +191,7 @@ impl Page for Model {
|
|||||||
.max()
|
.max()
|
||||||
.unwrap_or(0);
|
.unwrap_or(0);
|
||||||
|
|
||||||
let bulb_group_map = |(i, group): (usize, &BulbGroup)| {
|
let view_bulb_group = |(i, group): (usize, &BulbGroup)| {
|
||||||
let (w, h) = (group.shape.width(), group.shape.height());
|
let (w, h) = (group.shape.width(), group.shape.height());
|
||||||
let mut style = String::new();
|
let mut style = String::new();
|
||||||
write!(
|
write!(
|
||||||
@ -221,39 +222,13 @@ impl Page for Model {
|
|||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
|
||||||
let bulb_group_list = |(i, group): (usize, &BulbGroup)| {
|
let selected_bulb = self
|
||||||
div![
|
.selected_groups
|
||||||
h3![&group.name[..1]],
|
|
||||||
group.bulbs.iter().map(|bulb| {
|
|
||||||
div![
|
|
||||||
input![
|
|
||||||
attrs! { At::Type => "checkbox" },
|
|
||||||
IF!(self.selected_bulbs.contains(bulb) => attrs! { At::Checked => true }),
|
|
||||||
{
|
|
||||||
let bulb = bulb.clone();
|
|
||||||
ev(Ev::Change, |_| Msg::SelectBulb(bulb))
|
|
||||||
},
|
|
||||||
],
|
|
||||||
span![bulb],
|
|
||||||
]
|
|
||||||
}),
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
// pick one (arbitrary) selected bulb to pull values for the controls from
|
|
||||||
let selected_bulb = if let SelectMode::Map = self.select_mode {
|
|
||||||
self.selected_groups
|
|
||||||
.iter()
|
.iter()
|
||||||
.next()
|
.next()
|
||||||
.and_then(|&index| self.bulb_map.groups.get(index))
|
.and_then(|&index| self.bulb_map.groups.get(index))
|
||||||
.and_then(|group| group.bulbs.first())
|
.and_then(|group| group.bulbs.first())
|
||||||
.and_then(|id| self.bulb_states.get(id))
|
.and_then(|id| self.bulb_states.get(id));
|
||||||
} else {
|
|
||||||
self.selected_bulbs
|
|
||||||
.iter()
|
|
||||||
.next()
|
|
||||||
.and_then(|id| self.bulb_states.get(id))
|
|
||||||
};
|
|
||||||
|
|
||||||
let calendar_day = |day: Weekday| {
|
let calendar_day = |day: Weekday| {
|
||||||
let time = selected_bulb
|
let time = selected_bulb
|
||||||
@ -274,35 +249,13 @@ impl Page for Model {
|
|||||||
div![
|
div![
|
||||||
C![C.bulb_box],
|
C![C.bulb_box],
|
||||||
div![
|
div![
|
||||||
C![C.selector_selector],
|
|
||||||
div![
|
|
||||||
C![C.selector_selector_highlight],
|
|
||||||
IF!(self.select_mode == SelectMode::List =>
|
|
||||||
attrs! { At::Style => "margin-left: 10rem;"}),
|
|
||||||
],
|
|
||||||
button![
|
|
||||||
"Map",
|
|
||||||
ev(Ev::Click, move |_| Msg::SetSelectMode(SelectMode::Map))
|
|
||||||
],
|
|
||||||
button![
|
|
||||||
"List",
|
|
||||||
ev(Ev::Click, move |_| Msg::SetSelectMode(SelectMode::List))
|
|
||||||
],
|
|
||||||
],
|
|
||||||
match self.select_mode {
|
|
||||||
SelectMode::Map => div![
|
|
||||||
C![C.bulb_map],
|
C![C.bulb_map],
|
||||||
attrs! {
|
attrs! {
|
||||||
At::Style => format!("min-width: {}rem; height: {}rem;", bulb_map_width, bulb_map_height),
|
At::Style => format!("min-width: {}rem; height: {}rem;", bulb_map_width, bulb_map_height),
|
||||||
},
|
},
|
||||||
ev(Ev::Click, |_| Msg::DeselectGroups),
|
ev(Ev::Click, |_| Msg::DeselectGroups),
|
||||||
self.bulb_map.groups.iter().enumerate().map(bulb_group_map),
|
self.bulb_map.groups.iter().enumerate().map(view_bulb_group),
|
||||||
],
|
],
|
||||||
SelectMode::List => div![
|
|
||||||
C![C.bulb_list],
|
|
||||||
self.bulb_map.groups.iter().enumerate().map(bulb_group_list),
|
|
||||||
],
|
|
||||||
},
|
|
||||||
div![
|
div![
|
||||||
C![C.bulb_controls],
|
C![C.bulb_controls],
|
||||||
IF!(selected_bulb.is_none() => C![C.cross_out]),
|
IF!(selected_bulb.is_none() => C![C.cross_out]),
|
||||||
@ -344,18 +297,11 @@ impl Page for Model {
|
|||||||
|
|
||||||
impl Model {
|
impl Model {
|
||||||
fn for_selected_bulbs(&self, mut f: impl FnMut(&BulbId, &BulbState)) {
|
fn for_selected_bulbs(&self, mut f: impl FnMut(&BulbId, &BulbState)) {
|
||||||
if let SelectMode::Map = self.select_mode {
|
|
||||||
self.selected_groups
|
self.selected_groups
|
||||||
.iter()
|
.iter()
|
||||||
.filter_map(|&index| self.bulb_map.groups.get(index))
|
.filter_map(|&index| self.bulb_map.groups.get(index))
|
||||||
.flat_map(|group| group.bulbs.iter())
|
.flat_map(|group| group.bulbs.iter())
|
||||||
.filter_map(|id| self.bulb_states.get(id).map(|bulb| (id, bulb)))
|
.filter_map(|id| self.bulb_states.get(id).map(|bulb| (id, bulb)))
|
||||||
.for_each(|(id, bulb)| f(id, bulb));
|
.for_each(|(id, bulb)| f(id, bulb));
|
||||||
} else {
|
|
||||||
self.selected_bulbs
|
|
||||||
.iter()
|
|
||||||
.filter_map(|id| self.bulb_states.get(id).map(|bulb| (id, bulb)))
|
|
||||||
.for_each(|(id, bulb)| f(id, bulb));
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -102,32 +102,6 @@ body {
|
|||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* lol i'm so funny */
|
|
||||||
.selector_selector {
|
|
||||||
margin-bottom: 0;
|
|
||||||
display: flex;
|
|
||||||
border: solid 0.1rem wheat;
|
|
||||||
justify-content: center;
|
|
||||||
background: #534f44;
|
|
||||||
}
|
|
||||||
.selector_selector > button {
|
|
||||||
width: 10rem;
|
|
||||||
border: unset;
|
|
||||||
background: unset;
|
|
||||||
color: white;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
border-left: solid white 0.1rem;
|
|
||||||
border-right: solid white 0.1rem;
|
|
||||||
}
|
|
||||||
.selector_selector_highlight {
|
|
||||||
position: absolute;
|
|
||||||
width: 10rem;
|
|
||||||
height: 2rem;
|
|
||||||
background: #ffd70069;
|
|
||||||
margin-left: -10rem;
|
|
||||||
transition: margin-left 0.3s ease-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bulb_controls {
|
.bulb_controls {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
@ -176,17 +150,6 @@ body {
|
|||||||
}
|
}
|
||||||
@keyframes to_width_90 { to { width: 90%; } }
|
@keyframes to_width_90 { to { width: 90%; } }
|
||||||
|
|
||||||
.bulb_list {
|
|
||||||
color: green;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bulb_list_checked {
|
|
||||||
color: green;
|
|
||||||
}
|
|
||||||
.bulb_list_unchecked {
|
|
||||||
color: green;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bulb_map {
|
.bulb_map {
|
||||||
background: url(images/blueprint_bg.png);
|
background: url(images/blueprint_bg.png);
|
||||||
background-size: auto;
|
background-size: auto;
|
||||||
|
|||||||
Reference in New Issue
Block a user