Made room & bathroom textfields to dropdowns to simplify agent input
This commit is contained in:
Franklin
parent
cae68235cf
commit
e57afed162
|
|
@ -55,6 +55,18 @@ pub fn unit_fields(props: &UnitFieldsProps) -> Html {
|
|||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
let onselect_cb_2 = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
let onselect_cb_3 = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
let onchange_number_cb = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
|
|
@ -67,18 +79,12 @@ pub fn unit_fields(props: &UnitFieldsProps) -> Html {
|
|||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
let onchange_number_cb_3 = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
|
||||
// Fields
|
||||
let price_usd = use_state_eq(|| 0.0);
|
||||
let unit_type_handle: UseStateHandle<Option<UnitType>> = use_state_eq(|| None);
|
||||
let rooms_handle: UseStateHandle<i16> = use_state_eq(|| 0);
|
||||
let bathrooms_handle: UseStateHandle<f32> = use_state_eq(|| 0.0);
|
||||
let rooms_handle: UseStateHandle<Option<i16>> = use_state_eq(|| None);
|
||||
let bathrooms_handle: UseStateHandle<Option<f32>> = use_state_eq(|| None);
|
||||
let area_handle: UseStateHandle<f32> = use_state_eq(|| 0.0);
|
||||
let media_handle: UseStateHandle<MediaList> = use_state_eq(|| MediaList {
|
||||
media_list: Vec::new(),
|
||||
|
|
@ -102,12 +108,12 @@ pub fn unit_fields(props: &UnitFieldsProps) -> Html {
|
|||
},
|
||||
});
|
||||
rooms_handle.set(match (*unit_opt).clone() {
|
||||
Some(unit) => unit.rooms,
|
||||
None => 0
|
||||
Some(unit) => Some(unit.rooms),
|
||||
None => None
|
||||
});
|
||||
bathrooms_handle.set(match (*unit_opt).clone() {
|
||||
Some(unit) => unit.bathrooms,
|
||||
None => 0.0
|
||||
Some(unit) => Some(unit.bathrooms),
|
||||
None => None
|
||||
});
|
||||
area_handle.set(match (*unit_opt).clone() {
|
||||
Some(unit) => unit.area,
|
||||
|
|
@ -132,8 +138,8 @@ pub fn unit_fields(props: &UnitFieldsProps) -> Html {
|
|||
|
||||
let price_usd = price_usd.clone();
|
||||
let unit_type_handle: UseStateHandle<Option<UnitType>> = unit_type_handle.clone();
|
||||
let rooms_handle: UseStateHandle<i16> = rooms_handle.clone();
|
||||
let bathrooms_handle: UseStateHandle<f32> = bathrooms_handle.clone();
|
||||
let rooms_handle: UseStateHandle<Option<i16>> = rooms_handle.clone();
|
||||
let bathrooms_handle: UseStateHandle<Option<f32>> = bathrooms_handle.clone();
|
||||
let area_handle: UseStateHandle<f32> = area_handle.clone();
|
||||
let media_handle: UseStateHandle<MediaList> = media_handle.clone();
|
||||
let unit_admin_tag_handle: UseStateHandle<String> = unit_admin_tag_handle.clone();
|
||||
|
|
@ -145,8 +151,8 @@ pub fn unit_fields(props: &UnitFieldsProps) -> Html {
|
|||
|
||||
let price_usd = price_usd.clone();
|
||||
let unit_type_handle: UseStateHandle<Option<UnitType>> = unit_type_handle.clone();
|
||||
let rooms_handle: UseStateHandle<i16> = rooms_handle.clone();
|
||||
let bathrooms_handle: UseStateHandle<f32> = bathrooms_handle.clone();
|
||||
let rooms_handle: UseStateHandle<Option<i16>> = rooms_handle.clone();
|
||||
let bathrooms_handle: UseStateHandle<Option<f32>> = bathrooms_handle.clone();
|
||||
let area_handle: UseStateHandle<f32> = area_handle.clone();
|
||||
let media_handle: UseStateHandle<MediaList> = media_handle.clone();
|
||||
let unit_admin_tag_handle: UseStateHandle<String> = unit_admin_tag_handle.clone();
|
||||
|
|
@ -174,8 +180,8 @@ pub fn unit_fields(props: &UnitFieldsProps) -> Html {
|
|||
project_id,
|
||||
price_usd,
|
||||
unit_type,
|
||||
rooms,
|
||||
bathrooms,
|
||||
rooms: rooms.unwrap_or(0),
|
||||
bathrooms: bathrooms.unwrap_or(0.0),
|
||||
area,
|
||||
admin_tag,
|
||||
media,
|
||||
|
|
@ -191,8 +197,8 @@ pub fn unit_fields(props: &UnitFieldsProps) -> Html {
|
|||
id,
|
||||
price_usd: Some(price_usd),
|
||||
unit_type: Some(unit_type),
|
||||
rooms: Some(rooms),
|
||||
bathrooms: Some(bathrooms),
|
||||
rooms: Some(rooms.unwrap_or(0)),
|
||||
bathrooms: Some(bathrooms.unwrap_or(0.0)),
|
||||
area: Some(area),
|
||||
admin_tag: Some(admin_tag),
|
||||
media: Some(media),
|
||||
|
|
@ -210,11 +216,71 @@ pub fn unit_fields(props: &UnitFieldsProps) -> Html {
|
|||
html! {
|
||||
<>
|
||||
<NumberTextField<f64> label={String::from("Precio en USD")} required={true} value={price_usd.clone()} onchange={onchange_number_cb}/>
|
||||
<NumberTextField<f32> label={String::from("Area en m^2")} required={true} value={area_handle.clone()} onchange={onchange_number_cb_2.clone()}/>
|
||||
<NumberTextField<i16> label={String::from("Cant. de habitaciones")} required={true} value={rooms_handle.clone()} onchange={onchange_number_cb_3.clone()}/>
|
||||
<NumberTextField<f32> label={String::from("Cant. de baños")} required={true} value={bathrooms_handle.clone()} onchange={onchange_number_cb_2}/>
|
||||
<NumberTextField<f32> label={String::from("Area en m^2")} required={true} value={area_handle.clone()} onchange={onchange_number_cb_2.clone()}/>
|
||||
<MediaPicker value={media_handle} onchange={ontype_cb.clone()} item={jl_types::dto::item::Item::Unit}/>
|
||||
|
||||
// Rooms handle
|
||||
{if (*rooms_handle).clone().is_none() {
|
||||
match props.edittype.clone() {
|
||||
EditType::New => html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Cant. de habitaciones"}</div>
|
||||
<DropDown<i16> selected={rooms_handle} options={ (1..10).collect::<Vec<i16>>() } onchange={onselect_cb_2} />
|
||||
</div>
|
||||
},
|
||||
EditType::Existing(_) => if *user_typed {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Cant. de habitaciones"}</div>
|
||||
<DropDown<i16> selected={rooms_handle} options={ (1..10).collect::<Vec<i16>>() } onchange={onselect_cb_2} />
|
||||
</div>
|
||||
}
|
||||
} else {
|
||||
html! {}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Cant. de habitaciones"}</div>
|
||||
<DropDown<i16> selected={rooms_handle} options={ (1..10).collect::<Vec<i16>>() } onchange={onselect_cb_2} />
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Bathrooms handle
|
||||
{if (*bathrooms_handle).clone().is_none() {
|
||||
match props.edittype.clone() {
|
||||
EditType::New => html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Cant. de baños"}</div>
|
||||
<DropDown<f32> selected={bathrooms_handle} options={ Vec::from([0.5, 1.0, 1.5, 2.0, 2.5, 3.0, 3.5, 4.0, 4.5, 5.0, 5.5, 6.0, 6.5, 7.0]) } onchange={onselect_cb_3} />
|
||||
</div>
|
||||
},
|
||||
EditType::Existing(_) => if *user_typed {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Cant. de baños"}</div>
|
||||
<DropDown<f32> selected={bathrooms_handle} options={ Vec::from([0.5, 1.0, 1.5, 2.0, 2.5, 3.0, 3.5, 4.0, 4.5, 5.0, 5.5, 6.0, 6.5, 7.0]) } onchange={onselect_cb_3} />
|
||||
</div>
|
||||
}
|
||||
} else {
|
||||
html! {}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Cant. de baños"}</div>
|
||||
<DropDown<f32> selected={bathrooms_handle} options={ Vec::from([0.5, 1.0, 1.5, 2.0, 2.5, 3.0, 3.5, 4.0, 4.5, 5.0, 5.5, 6.0, 6.5, 7.0]) } onchange={onselect_cb_3} />
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Unit type dropdown
|
||||
{if (*unit_type_handle).clone().is_none() {
|
||||
match props.edittype.clone() {
|
||||
|
|
@ -244,8 +310,9 @@ pub fn unit_fields(props: &UnitFieldsProps) -> Html {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
<TextField label={"Descripción"} value={unit_description_handle} required={false} onchange={ontype_cb.clone()} fieldtype={TextFieldType::TextArea} />
|
||||
<TextField label={"Comentario interno"} value={unit_admin_tag_handle} required={false} onchange={ontype_cb.clone()} />
|
||||
<TextField label={"Etiqueta"} value={unit_admin_tag_handle} required={false} onchange={ontype_cb.clone()} />
|
||||
<div class={"admin-edit-submit-button"} onclick={update_button_onclick}>
|
||||
{"Actualizar"}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -361,7 +361,10 @@ pub fn create_unit_selection_menu(
|
|||
UnitType::ForSale => html! {
|
||||
<>
|
||||
<i class="fa-solid fa-house-circle-check"></i>
|
||||
<div>{format!("Unidad {}", ALPHABET_LETTERS.chars().nth(index).unwrap_or_else(|| index.to_string().chars().nth(1).unwrap()))}</div>
|
||||
<div>{match unit.admin_tag.clone() {
|
||||
Some(admin_tag) => admin_tag,
|
||||
None => {format!("Unidad {}", ALPHABET_LETTERS.chars().nth(index).unwrap_or_else(|| index.to_string().chars().nth(1).unwrap()))}
|
||||
}}</div>
|
||||
</>
|
||||
},
|
||||
UnitType::NotForSale => html! {
|
||||
|
|
|
|||
Loading…
Reference in New Issue