Moved ProjectFields to different module. FINALLY
This commit is contained in:
Franklin
parent
58c18625b6
commit
b61a1c1f0b
|
|
@ -1,38 +1,17 @@
|
|||
use std::{fmt::Display, str::FromStr};
|
||||
|
||||
use chrono::NaiveTime;
|
||||
use jl_types::{
|
||||
domain::{
|
||||
agent::Agent, media::MediaList, project_condition::ProjectCondition,
|
||||
project_state::ProjectState, project_type::ProjectType, unit::Unit,
|
||||
},
|
||||
dto::{
|
||||
listing::Listing,
|
||||
payloads::{
|
||||
location::NewLocationPayload,
|
||||
project::{NewProjectPayload, UpdateProjectPayload},
|
||||
},
|
||||
},
|
||||
};
|
||||
use uuid::Uuid;
|
||||
use yew::prelude::*;
|
||||
use yew_router::prelude::use_navigator;
|
||||
|
||||
use crate::{
|
||||
api::backend::{
|
||||
create_location, create_new_project, get_all_agents, get_location_with_city_and_district,
|
||||
get_project_listing, update_project,
|
||||
get_project_listing,
|
||||
},
|
||||
components::{
|
||||
admin_nav_bar::AdminNavigationBar,
|
||||
datepicker::DatePicker,
|
||||
dropdown::DropDown,
|
||||
media_picker::MediaPicker,
|
||||
new_widget::NewThingWidget,
|
||||
textfield::{TextField, TextFieldType},
|
||||
},
|
||||
pages::admin::units::AdminUnits,
|
||||
routes::main_router::Route,
|
||||
pages::admin::{fields::project::ProjectFields},
|
||||
};
|
||||
|
||||
/// All of the editing actions of the admin panel will lead to here. This should take an id of anything. A unit, a project, an agent. And its corresponding ID.
|
||||
|
|
@ -114,393 +93,6 @@ pub struct AdminEditPageProps {
|
|||
pub edit_type: EditType,
|
||||
}
|
||||
|
||||
#[derive(Properties, PartialEq, Clone)]
|
||||
pub struct ProjectFieldsProps {
|
||||
pub listing: Option<Listing>,
|
||||
pub edittype: EditType,
|
||||
}
|
||||
|
||||
#[allow(unused)]
|
||||
#[function_component(ProjectFields)]
|
||||
pub fn generate_fields_for_project(props: &ProjectFieldsProps) -> Html {
|
||||
let navigator = use_navigator().unwrap();
|
||||
let user_typed = use_state(|| false);
|
||||
let listing_opt = props.listing.clone();
|
||||
|
||||
let location_city = use_state_eq(|| String::new());
|
||||
let location_district = use_state_eq(|| String::new());
|
||||
let agent: UseStateHandle<Option<Agent>> = use_state_eq(|| None);
|
||||
let project_state = use_state_eq(|| None);
|
||||
let project_condition = use_state_eq(|| None);
|
||||
let project_type = use_state_eq(|| None);
|
||||
let project_description = use_state_eq(|| String::new());
|
||||
let project_admin_tag: UseStateHandle<String> = use_state_eq(|| String::new());
|
||||
let project_finish_date = use_state_eq(|| None);
|
||||
let project_floors = use_state_eq(|| String::new());
|
||||
let media: UseStateHandle<MediaList> = use_state_eq(|| MediaList {
|
||||
media_list: Vec::new(),
|
||||
});
|
||||
let units: UseStateHandle<Vec<Unit>> = use_state_eq(|| Vec::new());
|
||||
|
||||
let ontype_cb = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
let ontypedate_cb = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
let onselect_cb = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
let onselect_cb2 = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
let onselect_cb3 = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
let onselect_cb4 = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
|
||||
let all_agents = use_state(|| Vec::new());
|
||||
|
||||
use_state(|| {
|
||||
let all_agents = all_agents.clone();
|
||||
wasm_bindgen_futures::spawn_local(async move {
|
||||
match get_all_agents().await {
|
||||
Ok(persisted_agents) => all_agents.set(persisted_agents),
|
||||
Err(error) => {
|
||||
log::error!("Error fetching agents from admin panel edit screen: {error}")
|
||||
}
|
||||
};
|
||||
})
|
||||
});
|
||||
|
||||
if !*user_typed {
|
||||
location_city.set(listing_opt.clone().unwrap_or_default().location.city);
|
||||
location_district.set(listing_opt.clone().unwrap_or_default().location.district);
|
||||
agent.set(match listing_opt.clone() {
|
||||
Some(listing) => Some(listing.agent),
|
||||
None => {
|
||||
let agents = (*all_agents).clone();
|
||||
if let Some(default_agent) = agents.last() {
|
||||
Some(default_agent.clone())
|
||||
} else {
|
||||
None
|
||||
}
|
||||
},
|
||||
});
|
||||
project_state.set(match listing_opt.clone() {
|
||||
Some(listing) => Some(listing.project.project_state),
|
||||
None => {
|
||||
Some(ProjectState::InConstruction)
|
||||
},
|
||||
});
|
||||
project_condition.set(match listing_opt.clone() {
|
||||
Some(listing) => Some(listing.project.project_condition),
|
||||
None => {
|
||||
Some(ProjectCondition::New)
|
||||
},
|
||||
});
|
||||
project_type.set(match listing_opt.clone() {
|
||||
Some(listing) => Some(listing.project.project_type),
|
||||
None => {
|
||||
Some(ProjectType::Solar)
|
||||
},
|
||||
});
|
||||
project_description.set(match listing_opt.clone() {
|
||||
Some(listing) => listing.project.description,
|
||||
None => "".into(),
|
||||
});
|
||||
project_floors.set(match listing_opt.clone() {
|
||||
Some(listing) => listing.project.floors.to_string(),
|
||||
None => "".into(),
|
||||
});
|
||||
project_admin_tag.set(match listing_opt.clone() {
|
||||
Some(listing) => match listing.project.admin_tag {
|
||||
Some(admin_tag) => admin_tag,
|
||||
None => String::new(),
|
||||
},
|
||||
None => String::new(),
|
||||
});
|
||||
project_finish_date.set(match listing_opt.clone() {
|
||||
Some(listing) => Some(listing.project.finish_date.date()),
|
||||
None => None,
|
||||
});
|
||||
media.set(match listing_opt.clone() {
|
||||
Some(listing) => listing.project.media,
|
||||
None => MediaList {
|
||||
media_list: Vec::new(),
|
||||
},
|
||||
});
|
||||
units.set(match listing_opt.clone() {
|
||||
Some(listing) => listing.units,
|
||||
None => Vec::new(),
|
||||
});
|
||||
}
|
||||
|
||||
let update_button_onclick = {
|
||||
let navigator = navigator.clone();
|
||||
let edit_type = props.edittype.clone();
|
||||
|
||||
// All fields to be sent to the backend
|
||||
let location_city = location_city.clone();
|
||||
let location_district = location_district.clone();
|
||||
let agent = agent.clone();
|
||||
let project_state = project_state.clone();
|
||||
let project_condition = project_condition.clone();
|
||||
let project_type = project_type.clone();
|
||||
let project_description = project_description.clone();
|
||||
let project_admin_tag = project_admin_tag.clone();
|
||||
let project_finish_date = project_finish_date.clone();
|
||||
let project_floors = project_floors.clone();
|
||||
let media = media.clone();
|
||||
Callback::from(move |_: MouseEvent| {
|
||||
let navigator = navigator.clone();
|
||||
let edit_type = edit_type.clone();
|
||||
let location_city_handle = location_city.clone();
|
||||
let location_district_handle = location_district.clone();
|
||||
let agent_handle = agent.clone();
|
||||
let project_state_handle = project_state.clone();
|
||||
let project_condition_handle = project_condition.clone();
|
||||
let project_type_handle = project_type.clone();
|
||||
let project_description_handle = project_description.clone();
|
||||
let project_admin_tag_handle = project_admin_tag.clone();
|
||||
let project_finish_date_handle = project_finish_date.clone();
|
||||
let project_floors_handle = project_floors.clone();
|
||||
let media_handle = media.clone();
|
||||
|
||||
wasm_bindgen_futures::spawn_local(async move {
|
||||
let location = match get_location_with_city_and_district(
|
||||
(*location_city_handle).clone(),
|
||||
(*location_district_handle).clone(),
|
||||
)
|
||||
.await
|
||||
{
|
||||
Ok(location) => location,
|
||||
Err(_) => {
|
||||
// Create location
|
||||
match create_location(NewLocationPayload {
|
||||
city: (*location_city_handle).clone(),
|
||||
district: (*location_district_handle).clone(),
|
||||
})
|
||||
.await
|
||||
{
|
||||
Ok(location) => location,
|
||||
Err(error) => {
|
||||
log::error!("Couldn't create location..: {error}");
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
let agent_id = match (*agent_handle).clone() {
|
||||
Some(selected_agent) => selected_agent.id,
|
||||
None => {
|
||||
log::error!("Missing Field agent.");
|
||||
return;
|
||||
}
|
||||
};
|
||||
let project_state = match (*project_state_handle).clone() {
|
||||
Some(selected_project_state) => selected_project_state,
|
||||
None => {
|
||||
log::error!("Missing Field project_state.");
|
||||
return;
|
||||
}
|
||||
};
|
||||
let project_condition = match (*project_condition_handle).clone() {
|
||||
Some(selected_project_condition) => selected_project_condition,
|
||||
None => {
|
||||
log::error!("Missing Field project_condition.");
|
||||
return;
|
||||
}
|
||||
};
|
||||
let project_type = match (*project_type_handle).clone() {
|
||||
Some(selected_project_type) => selected_project_type,
|
||||
None => {
|
||||
log::error!("Missing Field project_type.");
|
||||
return;
|
||||
}
|
||||
};
|
||||
let description = (*project_description_handle).clone();
|
||||
let project_admin_tag = (*project_admin_tag_handle).clone();
|
||||
let admin_tag = if project_admin_tag.is_empty() {
|
||||
None
|
||||
} else {
|
||||
Some(project_admin_tag)
|
||||
};
|
||||
let finish_date = match (*project_finish_date_handle).clone() {
|
||||
Some(finish_date) => finish_date.and_time(NaiveTime::default()),
|
||||
None => {
|
||||
log::error!("Missing Field finish_date.");
|
||||
return;
|
||||
}
|
||||
};
|
||||
let floors = match i16::from_str(&(*project_floors_handle).clone()) {
|
||||
Ok(floors) => floors,
|
||||
Err(error) => {
|
||||
log::error!("Could not parse floors correctly. {error}");
|
||||
return;
|
||||
}
|
||||
};
|
||||
let media = (*media_handle).clone();
|
||||
|
||||
match edit_type {
|
||||
EditType::New => {
|
||||
let payload = NewProjectPayload {
|
||||
project_state,
|
||||
project_type,
|
||||
project_condition,
|
||||
agent_id,
|
||||
location_id: location.id,
|
||||
title: None,
|
||||
description,
|
||||
admin_tag,
|
||||
finish_date,
|
||||
floors,
|
||||
media,
|
||||
};
|
||||
|
||||
match create_new_project(payload).await {
|
||||
Ok(_) => navigator.clone().push(&Route::AdminProjects),
|
||||
Err(error) => log::error!("Error creating new project: {error}"),
|
||||
};
|
||||
}
|
||||
EditType::Existing(id) => {
|
||||
let payload = UpdateProjectPayload {
|
||||
id,
|
||||
project_state: Some(project_state),
|
||||
project_type: Some(project_type),
|
||||
project_condition: Some(project_condition),
|
||||
agent_id: Some(agent_id),
|
||||
location_id: Some(location.id),
|
||||
title: None,
|
||||
description: Some(description),
|
||||
admin_tag: Some(admin_tag),
|
||||
finish_date: Some(finish_date),
|
||||
floors: Some(floors),
|
||||
media: Some(media),
|
||||
};
|
||||
|
||||
match update_project(payload).await {
|
||||
Ok(_) => navigator.clone().push(&Route::AdminProjects),
|
||||
Err(error) => log::error!("Error updating project: {error}"),
|
||||
};
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
};
|
||||
|
||||
html! {
|
||||
<>
|
||||
{
|
||||
if let Some(listing) = listing_opt {
|
||||
html! {
|
||||
<NewThingWidget item={EditItem::Unit(listing.project.id)}/>
|
||||
}
|
||||
} else {
|
||||
html! {}
|
||||
}
|
||||
}
|
||||
<TextField label={"Ciudad"} value={location_city} required={true} onchange={ontype_cb.clone()}/>
|
||||
<TextField label={"Distrito"} value={location_district} required={true} onchange={ontype_cb.clone()} />
|
||||
<MediaPicker value={media} onchange={ontype_cb.clone()} item={jl_types::dto::item::Item::Project}/>
|
||||
{if (*agent).clone().is_none() {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Agente asignado"}</div>
|
||||
<DropDown<Agent> options={(*all_agents).clone()} selected={agent} onchange={onselect_cb.clone()} />
|
||||
</div>
|
||||
}
|
||||
} else {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Agente asignado"}</div>
|
||||
<DropDown<Agent> options={(*all_agents).clone()} selected={agent} onchange={onselect_cb.clone()} />
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
{if (*project_state).clone().is_none() {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Estado del Proyecto"}</div>
|
||||
<DropDown<ProjectState> options={vec![ProjectState::Finished, ProjectState::InConstruction]} selected={project_state} onchange={onselect_cb2} />
|
||||
</div>
|
||||
}
|
||||
} else {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Estado del Proyecto"}</div>
|
||||
<DropDown<ProjectState> options={vec![ProjectState::Finished, ProjectState::InConstruction]} selected={project_state} onchange={onselect_cb2} />
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
{if (*project_condition).clone().is_none() {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Condición del Proyecto"}</div>
|
||||
<DropDown<ProjectCondition> options={vec![ProjectCondition::Resale, ProjectCondition::New]} selected={project_condition} onchange={onselect_cb3} />
|
||||
</div>
|
||||
}
|
||||
} else {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Condición del Proyecto"}</div>
|
||||
<DropDown<ProjectCondition> options={vec![ProjectCondition::Resale, ProjectCondition::New]} selected={project_condition} onchange={onselect_cb3} />
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
{if (*project_type).clone().is_none() {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Tipo de Proyecto"}</div>
|
||||
<DropDown<ProjectType> options={vec![ProjectType::Apartamento, ProjectType::Casa, ProjectType::Oficina, ProjectType::Local, ProjectType::Solar]} selected={project_type} onchange={onselect_cb4} />
|
||||
</div>
|
||||
}
|
||||
} else {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Tipo de Proyecto"}</div>
|
||||
<DropDown<ProjectType> options={vec![ProjectType::Apartamento, ProjectType::Casa, ProjectType::Oficina, ProjectType::Local, ProjectType::Solar]} selected={project_type} onchange={onselect_cb4} />
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
<TextField label={"Pisos"} value={project_floors} required={true} onchange={ontype_cb.clone()}/>
|
||||
<DatePicker label={"Fecha de entrega Est."} value={project_finish_date} required={true} onchange={ontypedate_cb.clone()}/>
|
||||
<TextField label={"Descripción"} value={project_description} fieldtype={TextFieldType::TextArea} onchange={ontype_cb.clone()}/>
|
||||
<TextField label={"Comentario interno"} value={project_admin_tag} onchange={ontype_cb.clone()}/>
|
||||
|
||||
<div class={"admin-edit-submit-button"} onclick={update_button_onclick}>
|
||||
{"Actualizar"}
|
||||
</div>
|
||||
<AdminUnits units={units} onchange={ontype_cb.clone()}/>
|
||||
</>
|
||||
}
|
||||
}
|
||||
|
||||
impl Display for EditItem {
|
||||
fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
|
||||
match self {
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
pub mod project;
|
||||
|
|
@ -0,0 +1,393 @@
|
|||
use chrono::NaiveTime;
|
||||
use jl_types::{dto::{listing::Listing, payloads::{location::NewLocationPayload, project::{UpdateProjectPayload, NewProjectPayload}}}, domain::{agent::Agent, media::MediaList, unit::Unit, project_condition::ProjectCondition, project_type::ProjectType, project_state::ProjectState}};
|
||||
use yew::prelude::*;
|
||||
use yew_router::prelude::use_navigator;
|
||||
use std::str::FromStr;
|
||||
|
||||
use crate::{pages::admin::{edit::{EditType, EditItem}, units::AdminUnits}, api::backend::{get_all_agents, get_location_with_city_and_district, create_location, create_new_project, update_project}, routes::main_router::Route, components::{new_widget::NewThingWidget, dropdown::DropDown, media_picker::MediaPicker, textfield::{TextField, TextFieldType}, datepicker::DatePicker}};
|
||||
|
||||
#[derive(Properties, PartialEq, Clone)]
|
||||
pub struct ProjectFieldsProps {
|
||||
pub listing: Option<Listing>,
|
||||
pub edittype: EditType,
|
||||
}
|
||||
|
||||
#[function_component(ProjectFields)]
|
||||
pub fn generate_fields_for_project(props: &ProjectFieldsProps) -> Html {
|
||||
let navigator = use_navigator().unwrap();
|
||||
let user_typed = use_state(|| false);
|
||||
let listing_opt = props.listing.clone();
|
||||
|
||||
let location_city = use_state_eq(|| String::new());
|
||||
let location_district = use_state_eq(|| String::new());
|
||||
let agent: UseStateHandle<Option<Agent>> = use_state_eq(|| None);
|
||||
let project_state = use_state_eq(|| None);
|
||||
let project_condition = use_state_eq(|| None);
|
||||
let project_type = use_state_eq(|| None);
|
||||
let project_description = use_state_eq(|| String::new());
|
||||
let project_admin_tag: UseStateHandle<String> = use_state_eq(|| String::new());
|
||||
let project_finish_date = use_state_eq(|| None);
|
||||
let project_floors = use_state_eq(|| String::new());
|
||||
let media: UseStateHandle<MediaList> = use_state_eq(|| MediaList {
|
||||
media_list: Vec::new(),
|
||||
});
|
||||
let units: UseStateHandle<Vec<Unit>> = use_state_eq(|| Vec::new());
|
||||
|
||||
let ontype_cb = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
let ontypedate_cb = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
let onselect_cb = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
let onselect_cb2 = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
let onselect_cb3 = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
let onselect_cb4 = {
|
||||
let user_typed = user_typed.clone();
|
||||
Callback::from(move |_| {
|
||||
user_typed.set(true);
|
||||
})
|
||||
};
|
||||
|
||||
let all_agents = use_state(|| Vec::new());
|
||||
|
||||
use_state(|| {
|
||||
let all_agents = all_agents.clone();
|
||||
wasm_bindgen_futures::spawn_local(async move {
|
||||
match get_all_agents().await {
|
||||
Ok(persisted_agents) => all_agents.set(persisted_agents),
|
||||
Err(error) => {
|
||||
log::error!("Error fetching agents from admin panel edit screen: {error}")
|
||||
}
|
||||
};
|
||||
})
|
||||
});
|
||||
|
||||
if !*user_typed {
|
||||
location_city.set(listing_opt.clone().unwrap_or_default().location.city);
|
||||
location_district.set(listing_opt.clone().unwrap_or_default().location.district);
|
||||
agent.set(match listing_opt.clone() {
|
||||
Some(listing) => Some(listing.agent),
|
||||
None => {
|
||||
let agents = (*all_agents).clone();
|
||||
if let Some(default_agent) = agents.last() {
|
||||
Some(default_agent.clone())
|
||||
} else {
|
||||
None
|
||||
}
|
||||
},
|
||||
});
|
||||
project_state.set(match listing_opt.clone() {
|
||||
Some(listing) => Some(listing.project.project_state),
|
||||
None => {
|
||||
Some(ProjectState::InConstruction)
|
||||
},
|
||||
});
|
||||
project_condition.set(match listing_opt.clone() {
|
||||
Some(listing) => Some(listing.project.project_condition),
|
||||
None => {
|
||||
Some(ProjectCondition::New)
|
||||
},
|
||||
});
|
||||
project_type.set(match listing_opt.clone() {
|
||||
Some(listing) => Some(listing.project.project_type),
|
||||
None => {
|
||||
Some(ProjectType::Solar)
|
||||
},
|
||||
});
|
||||
project_description.set(match listing_opt.clone() {
|
||||
Some(listing) => listing.project.description,
|
||||
None => "".into(),
|
||||
});
|
||||
project_floors.set(match listing_opt.clone() {
|
||||
Some(listing) => listing.project.floors.to_string(),
|
||||
None => "".into(),
|
||||
});
|
||||
project_admin_tag.set(match listing_opt.clone() {
|
||||
Some(listing) => match listing.project.admin_tag {
|
||||
Some(admin_tag) => admin_tag,
|
||||
None => String::new(),
|
||||
},
|
||||
None => String::new(),
|
||||
});
|
||||
project_finish_date.set(match listing_opt.clone() {
|
||||
Some(listing) => Some(listing.project.finish_date.date()),
|
||||
None => None,
|
||||
});
|
||||
media.set(match listing_opt.clone() {
|
||||
Some(listing) => listing.project.media,
|
||||
None => MediaList {
|
||||
media_list: Vec::new(),
|
||||
},
|
||||
});
|
||||
units.set(match listing_opt.clone() {
|
||||
Some(listing) => listing.units,
|
||||
None => Vec::new(),
|
||||
});
|
||||
}
|
||||
|
||||
let update_button_onclick = {
|
||||
let navigator = navigator.clone();
|
||||
let edit_type = props.edittype.clone();
|
||||
|
||||
// All fields to be sent to the backend
|
||||
let location_city = location_city.clone();
|
||||
let location_district = location_district.clone();
|
||||
let agent = agent.clone();
|
||||
let project_state = project_state.clone();
|
||||
let project_condition = project_condition.clone();
|
||||
let project_type = project_type.clone();
|
||||
let project_description = project_description.clone();
|
||||
let project_admin_tag = project_admin_tag.clone();
|
||||
let project_finish_date = project_finish_date.clone();
|
||||
let project_floors = project_floors.clone();
|
||||
let media = media.clone();
|
||||
Callback::from(move |_: MouseEvent| {
|
||||
let navigator = navigator.clone();
|
||||
let edit_type = edit_type.clone();
|
||||
let location_city_handle = location_city.clone();
|
||||
let location_district_handle = location_district.clone();
|
||||
let agent_handle = agent.clone();
|
||||
let project_state_handle = project_state.clone();
|
||||
let project_condition_handle = project_condition.clone();
|
||||
let project_type_handle = project_type.clone();
|
||||
let project_description_handle = project_description.clone();
|
||||
let project_admin_tag_handle = project_admin_tag.clone();
|
||||
let project_finish_date_handle = project_finish_date.clone();
|
||||
let project_floors_handle = project_floors.clone();
|
||||
let media_handle = media.clone();
|
||||
|
||||
wasm_bindgen_futures::spawn_local(async move {
|
||||
let location = match get_location_with_city_and_district(
|
||||
(*location_city_handle).clone(),
|
||||
(*location_district_handle).clone(),
|
||||
)
|
||||
.await
|
||||
{
|
||||
Ok(location) => location,
|
||||
Err(_) => {
|
||||
// Create location
|
||||
match create_location(NewLocationPayload {
|
||||
city: (*location_city_handle).clone(),
|
||||
district: (*location_district_handle).clone(),
|
||||
})
|
||||
.await
|
||||
{
|
||||
Ok(location) => location,
|
||||
Err(error) => {
|
||||
log::error!("Couldn't create location..: {error}");
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
let agent_id = match (*agent_handle).clone() {
|
||||
Some(selected_agent) => selected_agent.id,
|
||||
None => {
|
||||
log::error!("Missing Field agent.");
|
||||
return;
|
||||
}
|
||||
};
|
||||
let project_state = match (*project_state_handle).clone() {
|
||||
Some(selected_project_state) => selected_project_state,
|
||||
None => {
|
||||
log::error!("Missing Field project_state.");
|
||||
return;
|
||||
}
|
||||
};
|
||||
let project_condition = match (*project_condition_handle).clone() {
|
||||
Some(selected_project_condition) => selected_project_condition,
|
||||
None => {
|
||||
log::error!("Missing Field project_condition.");
|
||||
return;
|
||||
}
|
||||
};
|
||||
let project_type = match (*project_type_handle).clone() {
|
||||
Some(selected_project_type) => selected_project_type,
|
||||
None => {
|
||||
log::error!("Missing Field project_type.");
|
||||
return;
|
||||
}
|
||||
};
|
||||
let description = (*project_description_handle).clone();
|
||||
let project_admin_tag = (*project_admin_tag_handle).clone();
|
||||
let admin_tag = if project_admin_tag.is_empty() {
|
||||
None
|
||||
} else {
|
||||
Some(project_admin_tag)
|
||||
};
|
||||
let finish_date = match (*project_finish_date_handle).clone() {
|
||||
Some(finish_date) => finish_date.and_time(NaiveTime::default()),
|
||||
None => {
|
||||
log::error!("Missing Field finish_date.");
|
||||
return;
|
||||
}
|
||||
};
|
||||
let floors = match i16::from_str(&(*project_floors_handle).clone()) {
|
||||
Ok(floors) => floors,
|
||||
Err(error) => {
|
||||
log::error!("Could not parse floors correctly. {error}");
|
||||
return;
|
||||
}
|
||||
};
|
||||
let media = (*media_handle).clone();
|
||||
|
||||
match edit_type {
|
||||
EditType::New => {
|
||||
let payload = NewProjectPayload {
|
||||
project_state,
|
||||
project_type,
|
||||
project_condition,
|
||||
agent_id,
|
||||
location_id: location.id,
|
||||
title: None,
|
||||
description,
|
||||
admin_tag,
|
||||
finish_date,
|
||||
floors,
|
||||
media,
|
||||
};
|
||||
|
||||
match create_new_project(payload).await {
|
||||
Ok(_) => navigator.clone().push(&Route::AdminProjects),
|
||||
Err(error) => log::error!("Error creating new project: {error}"),
|
||||
};
|
||||
}
|
||||
EditType::Existing(id) => {
|
||||
let payload = UpdateProjectPayload {
|
||||
id,
|
||||
project_state: Some(project_state),
|
||||
project_type: Some(project_type),
|
||||
project_condition: Some(project_condition),
|
||||
agent_id: Some(agent_id),
|
||||
location_id: Some(location.id),
|
||||
title: None,
|
||||
description: Some(description),
|
||||
admin_tag: Some(admin_tag),
|
||||
finish_date: Some(finish_date),
|
||||
floors: Some(floors),
|
||||
media: Some(media),
|
||||
};
|
||||
|
||||
match update_project(payload).await {
|
||||
Ok(_) => navigator.clone().push(&Route::AdminProjects),
|
||||
Err(error) => log::error!("Error updating project: {error}"),
|
||||
};
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
};
|
||||
|
||||
html! {
|
||||
<>
|
||||
{
|
||||
if let Some(listing) = listing_opt {
|
||||
html! {
|
||||
<NewThingWidget item={EditItem::Unit(listing.project.id)}/>
|
||||
}
|
||||
} else {
|
||||
html! {}
|
||||
}
|
||||
}
|
||||
<TextField label={"Ciudad"} value={location_city} required={true} onchange={ontype_cb.clone()}/>
|
||||
<TextField label={"Distrito"} value={location_district} required={true} onchange={ontype_cb.clone()} />
|
||||
<MediaPicker value={media} onchange={ontype_cb.clone()} item={jl_types::dto::item::Item::Project}/>
|
||||
{if (*agent).clone().is_none() {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Agente asignado"}</div>
|
||||
<DropDown<Agent> options={(*all_agents).clone()} selected={agent} onchange={onselect_cb.clone()} />
|
||||
</div>
|
||||
}
|
||||
} else {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Agente asignado"}</div>
|
||||
<DropDown<Agent> options={(*all_agents).clone()} selected={agent} onchange={onselect_cb.clone()} />
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
{if (*project_state).clone().is_none() {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Estado del Proyecto"}</div>
|
||||
<DropDown<ProjectState> options={vec![ProjectState::Finished, ProjectState::InConstruction]} selected={project_state} onchange={onselect_cb2} />
|
||||
</div>
|
||||
}
|
||||
} else {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Estado del Proyecto"}</div>
|
||||
<DropDown<ProjectState> options={vec![ProjectState::Finished, ProjectState::InConstruction]} selected={project_state} onchange={onselect_cb2} />
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
{if (*project_condition).clone().is_none() {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Condición del Proyecto"}</div>
|
||||
<DropDown<ProjectCondition> options={vec![ProjectCondition::Resale, ProjectCondition::New]} selected={project_condition} onchange={onselect_cb3} />
|
||||
</div>
|
||||
}
|
||||
} else {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Condición del Proyecto"}</div>
|
||||
<DropDown<ProjectCondition> options={vec![ProjectCondition::Resale, ProjectCondition::New]} selected={project_condition} onchange={onselect_cb3} />
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
{if (*project_type).clone().is_none() {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Tipo de Proyecto"}</div>
|
||||
<DropDown<ProjectType> options={vec![ProjectType::Apartamento, ProjectType::Casa, ProjectType::Oficina, ProjectType::Local, ProjectType::Solar]} selected={project_type} onchange={onselect_cb4} />
|
||||
</div>
|
||||
}
|
||||
} else {
|
||||
html! {
|
||||
<div class={"textfield-container"}>
|
||||
<div class={"textfield-label-required"}>{"Tipo de Proyecto"}</div>
|
||||
<DropDown<ProjectType> options={vec![ProjectType::Apartamento, ProjectType::Casa, ProjectType::Oficina, ProjectType::Local, ProjectType::Solar]} selected={project_type} onchange={onselect_cb4} />
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
<TextField label={"Pisos"} value={project_floors} required={true} onchange={ontype_cb.clone()}/>
|
||||
<DatePicker label={"Fecha de entrega Est."} value={project_finish_date} required={true} onchange={ontypedate_cb.clone()}/>
|
||||
<TextField label={"Descripción"} value={project_description} fieldtype={TextFieldType::TextArea} onchange={ontype_cb.clone()}/>
|
||||
<TextField label={"Comentario interno"} value={project_admin_tag} onchange={ontype_cb.clone()}/>
|
||||
|
||||
<div class={"admin-edit-submit-button"} onclick={update_button_onclick}>
|
||||
{"Actualizar"}
|
||||
</div>
|
||||
<AdminUnits units={units} onchange={ontype_cb.clone()}/>
|
||||
</>
|
||||
}
|
||||
}
|
||||
|
|
@ -5,3 +5,4 @@ pub mod login;
|
|||
pub mod projects;
|
||||
pub mod start;
|
||||
pub mod units;
|
||||
pub mod fields;
|
||||
Loading…
Reference in New Issue