ryanmwangi/Compware
1
0
Fork 0
Code Issues Pull requests Releases Activity

feat(Item_list): auto-add property on dropdown selection

Browse source 
-No need for an "Add Property" button
This commit is contained in:
ryan 2025-01-29 19:42:53 +03:00
parent 2d072f3303
commit a40e9c98c4
1 changed files with 16 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/components/items_list.rs
View file

@ -716,7 +716,22 @@ pub fn ItemsList(
</tbody> </tbody>
</table> </table>
<div style="margin-bottom: 20px;"> <div style="margin-bottom: 20px;">
<input type="text" id="new-property" placeholder="Add New Property" list="properties"/> <input type="text" id="new-property" placeholder="Add New Property" list="properties" on:keydown=move |event| {
if event.key() == "Enter"{
let input_element = event.target().unwrap().dyn_into::<web_sys::HtmlInputElement>().unwrap();
let property = input_element.value();
if !property.is_empty() {
// Extract the coded name from the selected value
let coded_name = property.split(" - ").next().unwrap_or(&property).to_string();
// Add the property using the coded name
add_property(coded_name);
// Clear the input field
input_element.set_value("");
}
}
} />
<datalist id="properties"> <datalist id="properties">
{move || { {move || {
let properties = fetched_properties.get().clone(); let properties = fetched_properties.get().clone();
@ -730,22 +745,6 @@ pub fn ItemsList(
}).collect::<Vec<_>>() }).collect::<Vec<_>>()
}} }}
</datalist> </datalist>
<button on:click=move |_| {
let property = web_sys::window()
.unwrap()
.document()
.unwrap()
.get_element_by_id("new-property")
.unwrap()
.dyn_into::<web_sys::HtmlInputElement>()
.unwrap()
.value();
// Extract the coded name from the selected value
let coded_name = property.split(" - ").next().unwrap_or(&property).to_string();
// Add the property using the coded name
add_property(coded_name);
}>{ "Add Property" }</button>
</div> </div>
</div> </div>
} }