florian.berthold/herbapi
1
0
Fork 0
Code Pull Requests Actions Packages Releases Wiki Activity

Add wildlife display, species filtering, updated data sources

Browse Source 
- Species struct: 13 new wildlife fields (nectar/pollen, bee/butterfly/bird counts, native status)
- Species list: filter dropdowns for plant_layer, nitrogen_fixer, drought_tolerance, native_status
- Species detail: Wildlife & Ecology card with visual nectar/pollen bars, bee counts, native badges
- Data sources page: added NaturaDB, Dreschflegel, Bingenheimer Saatgut
- API: list_species now supports filter query params
This commit is contained in:
Florian Berthold
2026-03-15 01:02:30 +01:00
parent 14b63f00af
commit f5d8149fb8
5 changed files with 457 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
herbapi-ui/src/pages/sources.rs
+21
View File
@@ -58,6 +58,27 @@ const SOURCES: &[DataSource] = &[
data_used: "Structured data: USDA zones, taxonomy links.",
license: "CC0",
},
DataSource {
name: "NaturaDB",
url: "https://naturadb.de",
description: "German native plant database with extensive wildlife interaction data.",
data_used: "Wildlife interaction data (pollinators, wild bees, butterflies, birds), native status classification, nectar/pollen values.",
license: "Content scraped for research",
},
DataSource {
name: "Dreschflegel",
url: "https://dreschflegel-saatgut.de",
description: "German organic seed cooperative offering open-pollinated and heritage varieties.",
data_used: "Cultivar data. Scraped from catalog.",
license: "Proprietary",
},
DataSource {
name: "Bingenheimer Saatgut",
url: "https://bingenheimersaatgut.de",
description: "Demeter-certified biodynamic seed company from Germany.",
data_used: "Cultivar data. Scraped from catalog.",
license: "Proprietary",
},
];
#[component]
herbapi-ui/src/pages/species.rs
+268 -3
View File
@@ -25,6 +25,9 @@ fn species_columns() -> Vec<ColumnDef> {
ColumnDef { key: "edibility_rating", label: "Edibility", default_visible: false },
ColumnDef { key: "drought_tolerance", label: "Drought Tol.", default_visible: false },
ColumnDef { key: "hardiness_zone_usda", label: "USDA Zone", default_visible: false },
ColumnDef { key: "nectar_value", label: "Nectar", default_visible: false },
ColumnDef { key: "wild_bee_count", label: "Wild Bees", default_visible: false },
ColumnDef { key: "native_status", label: "Native Status", default_visible: false },
]
}
@@ -39,6 +42,12 @@ pub fn SpeciesList() -> Element {
LocalStorage::get::<bool>(STORAGE_KEY_VIEW).unwrap_or(true)
});
// Filter signals
let mut filter_layer = use_signal(|| String::new());
let mut filter_nfixer = use_signal(|| false);
let mut filter_dynacc = use_signal(|| false);
let mut filter_drought = use_signal(|| String::new());
// Fetch family map for resolving family_id -> name
let family_map = use_resource(move || async move {
let mut map = HashMap::<Uuid, String>::new();
@@ -62,9 +71,20 @@ pub fn SpeciesList() -> Element {
let s = search.read().clone();
let p = *page.read();
let pp = *per_page.read();
let layer = filter_layer.read().clone();
let nfixer = *filter_nfixer.read();
let dynacc = *filter_dynacc.read();
let drought = filter_drought.read().clone();
async move {
let q = if s.is_empty() { None } else { Some(s.as_str()) };
api::list_species(p, pp, None, q).await
let filters = api::SpeciesFilters {
search: if s.is_empty() { None } else { Some(s) },
plant_layer: if layer.is_empty() { None } else { Some(layer) },
nitrogen_fixer: if nfixer { Some(true) } else { None },
dynamic_accumulator: if dynacc { Some(true) } else { None },
drought_tolerance: if drought.is_empty() { None } else { Some(drought) },
..Default::default()
};
api::list_species_filtered(p, pp, &filters).await
}
});
@@ -105,6 +125,70 @@ pub fn SpeciesList() -> Element {
}
}
// Filter bar
div { class: "filter-bar",
div { class: "filter-group",
label { "Layer" }
select {
value: "{filter_layer}",
onchange: move |e| {
filter_layer.set(e.value());
page.set(1);
},
option { value: "", "All" }
option { value: "canopy", "Canopy" }
option { value: "understory", "Understory" }
option { value: "shrub", "Shrub" }
option { value: "herbaceous", "Herbaceous" }
option { value: "ground_cover", "Ground Cover" }
option { value: "vine", "Vine" }
option { value: "root", "Root" }
}
}
div { class: "filter-group",
label { "Drought Tol." }
select {
value: "{filter_drought}",
onchange: move |e| {
filter_drought.set(e.value());
page.set(1);
},
option { value: "", "All" }
option { value: "none", "None" }
option { value: "low", "Low" }
option { value: "moderate", "Moderate" }
option { value: "high", "High" }
option { value: "very_high", "Very High" }
}
}
div { class: "filter-group filter-checkbox",
label {
input {
r#type: "checkbox",
checked: *filter_nfixer.read(),
onchange: move |e| {
filter_nfixer.set(e.checked());
page.set(1);
},
}
"N-Fixer"
}
}
div { class: "filter-group filter-checkbox",
label {
input {
r#type: "checkbox",
checked: *filter_dynacc.read(),
onchange: move |e| {
filter_dynacc.set(e.checked());
page.set(1);
},
}
"Dyn. Accumulator"
}
}
}
if is_table {
ColumnToggle {
columns: columns.clone(),
@@ -168,6 +252,15 @@ pub fn SpeciesList() -> Element {
if is_col_visible(&vis, "hardiness_zone_usda") {
th { "USDA Zone" }
}
if is_col_visible(&vis, "nectar_value") {
th { "Nectar" }
}
if is_col_visible(&vis, "wild_bee_count") {
th { "Wild Bees" }
}
if is_col_visible(&vis, "native_status") {
th { "Native Status" }
}
}
}
tbody {
@@ -232,6 +325,38 @@ pub fn SpeciesList() -> Element {
if is_col_visible(&vis, "hardiness_zone_usda") {
td { "{s.hardiness_zone_usda.as_deref().unwrap_or(\"-\")}" }
}
if is_col_visible(&vis, "nectar_value") {
td {
match s.nectar_value {
Some(v) => rsx! { "{v}/4" },
None => rsx! { "-" },
}
}
}
if is_col_visible(&vis, "wild_bee_count") {
td {
match s.wild_bee_count {
Some(v) => rsx! { "{v}" },
None => rsx! { "-" },
}
}
}
if is_col_visible(&vis, "native_status") {
td {
match &s.native_status {
Some(ns) if !ns.is_empty() => {
let badge_class = match ns.as_str() {
s if s.contains("Wildform") || s.contains("wildform") || s.contains("heimisch") => "native-badge native-badge-heimisch",
s if s.contains("rchäophyt") => "native-badge native-badge-archaeophyt",
s if s.contains("eophyt") => "native-badge native-badge-neophyt",
_ => "native-badge",
};
rsx! { span { class: "{badge_class}", "{ns}" } }
},
_ => rsx! { "-" },
}
}
}
}
}
}
@@ -560,7 +685,147 @@ pub fn SpeciesDetail(slug: String) -> Element {
}
}
// Card 6: External Links
// Card 6: Wildlife & Ecology
div { class: "detail-card",
div { class: "detail-card-header", "Wildlife & Ecology" }
table { class: "attr-table",
tbody {
tr {
th { "Nectar Value" }
td {
match s.nectar_value {
Some(v) => rsx! {
div { class: "wildlife-bar-wrap",
div {
class: "wildlife-bar wildlife-bar-{v}",
style: "width: {v as f64 * 25.0}%",
}
}
span { class: "wildlife-bar-label", "{v}/4" }
},
None => rsx! { span { class: "placeholder", "\u{2014}" } },
}
}
}
tr {
th { "Pollen Value" }
td {
match s.pollen_value {
Some(v) => rsx! {
div { class: "wildlife-bar-wrap",
div {
class: "wildlife-bar wildlife-bar-{v}",
style: "width: {v as f64 * 25.0}%",
}
}
span { class: "wildlife-bar-label", "{v}/4" }
},
None => rsx! { span { class: "placeholder", "\u{2014}" } },
}
}
}
tr {
th { "Wild Bees" }
td {
match (s.wild_bee_count, s.wild_bee_specialist_count) {
(Some(total), Some(spec)) => rsx! { "{total} species ({spec} specialists)" },
(Some(total), None) => rsx! { "{total} species" },
_ => rsx! { span { class: "placeholder", "\u{2014}" } },
}
}
}
tr {
th { "Butterflies & Moths" }
td {
match (s.butterfly_moth_count, s.caterpillar_host_count) {
(Some(bm), Some(ch)) => rsx! { "{bm} species ({ch} caterpillar hosts)" },
(Some(bm), None) => rsx! { "{bm} species" },
_ => rsx! { span { class: "placeholder", "\u{2014}" } },
}
}
}
if s.caterpillar_specialist_count.is_some() {
tr {
th { "Caterpillar Specialists" }
td { "{s.caterpillar_specialist_count.unwrap()}" }
}
}
tr {
th { "Hoverflies" }
td {
match s.hoverfly_count {
Some(v) => rsx! { "{v} species" },
None => rsx! { span { class: "placeholder", "\u{2014}" } },
}
}
}
tr {
th { "Beetles" }
td {
match s.beetle_count {
Some(v) => rsx! { "{v} species" },
None => rsx! { span { class: "placeholder", "\u{2014}" } },
}
}
}
tr {
th { "Birds" }
td {
match s.bird_count {
Some(v) => rsx! { "{v} species" },
None => rsx! { span { class: "placeholder", "\u{2014}" } },
}
}
}
tr {
th { "Mammals" }
td {
match s.mammal_count {
Some(v) => rsx! { "{v} species" },
None => rsx! { span { class: "placeholder", "\u{2014}" } },
}
}
}
tr {
th { "Native Status" }
td {
match &s.native_status {
Some(ns) if !ns.is_empty() => {
let badge_class = match ns.as_str() {
s if s.contains("Wildform") || s.contains("wildform") || s.contains("heimisch") => "native-badge native-badge-heimisch",
s if s.contains("rchäophyt") => "native-badge native-badge-archaeophyt",
s if s.contains("eophyt") => "native-badge native-badge-neophyt",
_ => "native-badge",
};
rsx! { span { class: "{badge_class}", "{ns}" } }
},
_ => rsx! { span { class: "placeholder", "\u{2014}" } },
}
}
}
tr {
th { "NaturaDB Tags" }
td {
match &s.naturadb_tags {
Some(tags) if !tags.is_empty() => {
let tag_list: Vec<&str> = tags.split(',').map(|t| t.trim()).filter(|t| !t.is_empty()).collect();
rsx! {
div { class: "badges",
for tag in tag_list {
span { class: "badge", "{tag}" }
}
}
}
},
_ => rsx! { span { class: "placeholder", "\u{2014}" } },
}
}
}
}
}
}
// Card 7: External Links
div { class: "detail-card",
div { class: "detail-card-header", "External Links" }
table { class: "attr-table",