franklinblanco/jl-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added tables for agent, for units, and finished project edit except for actualizar button functionality

Browse Source
This commit is contained in:
Franklin 2023-04-23 14:46:56 -04:00
parent 89a7b99ed2
commit cd9b53a05d
9 changed files with 206 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
src/components/admin_agent.rs Normal file
View File

@ -0,0 +1,63 @@
use jl_types::{domain::{agent::Agent}};
use yew::prelude::*;
use yew_router::prelude::use_navigator;
use crate::{
pages::admin::edit::{EditItem, EditType},
routes::main_router::Route,
};
//TODO: Add admin tag
#[function_component(AdminAgent)]
pub fn admin_agent(props: &AdminAgentProps) -> Html {
let navigator = use_navigator().unwrap();
let is_attempting_delete = use_state(|| false);
let delete_agent = {
let is_attempting_delete = is_attempting_delete.clone();
Callback::from(move |event: MouseEvent| {
if *is_attempting_delete {
// Call delete
is_attempting_delete.set(false);
} else {
is_attempting_delete.set(true);
}
event.stop_propagation();
})
};
let onclick_item = {
let props = props.clone();
Callback::from(move |_| {
navigator.push(&Route::AdminEdit {
edit_type: EditType::Existing(props.agent.id),
edit_item: EditItem::Agent,
});
})
};
html! {
<div class={"admin-project-container"} onclick={onclick_item}>
<div class={"admin-project-index"}>
{props.index + 1}
</div>
<div class={"admin-project-column"}>
{props.agent.full_name.clone()}
</div>
<div class={"admin-project-column"}>
{props.agent.credential.clone()}
</div>
<div class={"admin-project-column"}>
{format!("Miembro Desde: {}", props.agent.time_created.date_naive().to_string())}
</div>
<div class={if *is_attempting_delete {"admin-project-trash-bin-selected"} else {"admin-project-trash-bin"}} onclick={delete_agent}>
<i class="fa-regular fa-trash-can"></i>
</div>
</div>
}
}
#[derive(PartialEq, Properties, Clone)]
pub struct AdminAgentProps {
pub agent: Agent,
pub index: usize,
}

2
src/components/admin_project.rs
View File

@ -7,6 +7,8 @@ use crate::{
routes::main_router::Route,
};
//TODO: Add admin tag
#[function_component(AdminProject)]
pub fn admin_project(props: &AdminProjectProps) -> Html {
let navigator = use_navigator().unwrap();

79
src/components/admin_unit.rs Normal file
View File

@ -0,0 +1,79 @@
use jl_types::domain::unit::Unit;
use thousands::Separable;
use yew::prelude::*;
use yew_router::prelude::use_navigator;
use crate::{
pages::admin::edit::{EditItem, EditType},
routes::main_router::Route,
};
#[function_component(AdminUnit)]
pub fn admin_project(props: &AdminUnitProps) -> Html {
let navigator = use_navigator().unwrap();
let price_usd = format!(
"Desde US${}",
{
let price_separated = props.unit.price_usd.separate_with_commas();
if price_separated.contains(".") {
price_separated
} else {
format!("{price_separated}.00")
}
}
);
let is_attempting_delete = use_state(|| false);
let delete_unit = {
let is_attempting_delete = is_attempting_delete.clone();
Callback::from(move |event: MouseEvent| {
if *is_attempting_delete {
// Call delete
is_attempting_delete.set(false);
} else {
is_attempting_delete.set(true);
}
event.stop_propagation();
})
};
let onclick_item = {
let props = props.clone();
Callback::from(move |_| {
navigator.push(&Route::AdminEdit {
edit_type: EditType::Existing(props.unit.id),
edit_item: EditItem::Unit(props.unit.project_id),
});
})
};
html! {
<div class={"admin-project-container"} onclick={onclick_item}>
<div class={"admin-project-index"}>
{props.index + 1}
</div>
<div class={"admin-project-column"}>
{price_usd}
</div>
<div class={"admin-project-column"}>
{match props.unit.admin_tag.clone() {
Some(admin_tag) => admin_tag,
None => props.unit.unit_type.to_string()
}}
</div>
<div class={"admin-project-column"}>
{props.unit.rooms.clone()}
</div>
<div class={"admin-project-column"}>
{props.unit.bathrooms.clone()}
</div>
<div class={if *is_attempting_delete {"admin-project-trash-bin-selected"} else {"admin-project-trash-bin"}} onclick={delete_unit}>
<i class="fa-regular fa-trash-can"></i>
</div>
</div>
}
}
#[derive(PartialEq, Properties, Clone)]
pub struct AdminUnitProps {
pub unit: Unit,
pub index: usize,
}

2
src/components/mod.rs
View File

@ -12,3 +12,5 @@ pub mod nav_bar;
pub mod new_widget;
pub mod project_card;
pub mod textfield;
pub mod admin_unit;
pub mod admin_agent;

11
src/pages/admin/agents.rs
View File

@ -1,6 +1,6 @@
use yew::prelude::*;
use crate::{api::backend::get_all_agents, components::admin_nav_bar::AdminNavigationBar};
use crate::{api::backend::get_all_agents, components::{admin_nav_bar::AdminNavigationBar, admin_agent::AdminAgent}};
#[function_component(AdminAgents)]
pub fn admin_agents() -> Html {
@ -24,6 +24,15 @@ pub fn admin_agents() -> Html {
<div class={"admin-page-container"}>
<div class={"admin-start-container"}>
<div class={"admin-panel-page-title"}>{"Agentes"}</div>
<div class={"admin-projects-table"}>
<div class={"admin-navbar-divider"}></div>
{(*agents).clone().into_iter().enumerate().map(|(key, agent)| html! {
<>
<AdminAgent agent={agent} index={key}/>
<div class={"admin-navbar-divider"}></div>
</>
}).collect::<Html>()}
</div>
</div>
</div>
</>

2
src/pages/admin/contacts.rs
View File

@ -25,7 +25,7 @@ pub fn admin_contacts() -> Html {
<div class={"admin-page-container"}>
<div class={"admin-start-container"}>
<div class={"admin-panel-page-title"}>{"Solicitudes de Contacto"}</div>
//TODO: Finish this
</div>
</div>
</>

19
src/pages/admin/edit.rs
View File

@ -18,8 +18,8 @@ use crate::{
datepicker::DatePicker,
dropdown::DropDown,
media_picker::MediaPicker,
textfield::{TextField, TextFieldType},
},
textfield::{TextField, TextFieldType}, new_widget::NewThingWidget,
}, pages::admin::units::AdminUnits,
};
/// 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.
@ -222,10 +222,24 @@ pub fn generate_fields_for_project(props: &ProjectFieldsProps) -> Html {
media_list: Vec::new(),
},
});
units.set(match listing_opt.clone() {
Some(listing) => listing.units,
None => Vec::new(),
});
}
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}/>
@ -302,6 +316,7 @@ pub fn generate_fields_for_project(props: &ProjectFieldsProps) -> Html {
<div class={"admin-edit-submit-button"}>
{"Actualizar"}
</div>
<AdminUnits units={(*units).clone()}/>
</>
}
}

1
src/pages/admin/mod.rs
View File

@ -4,3 +4,4 @@ pub mod edit;
pub mod login;
pub mod projects;
pub mod start;
pub mod units;

31
src/pages/admin/units.rs Normal file
View File

@ -0,0 +1,31 @@
use jl_types::domain::unit::Unit;
use yew::prelude::*;
use crate::{
components::{
admin_unit::AdminUnit,
},
};
#[function_component(AdminUnits)]
pub fn admin_units(props: &AdminUnitProps) -> Html {
html! {
<div class={"admin-start-container"} style={"min-height: 10vh; margin-top: 10vh;"}>
<div class={"admin-panel-page-title"}>{"Unidades"}</div>
<div class={"admin-projects-table"}>
<div class={"admin-navbar-divider"}></div>
{props.units.clone().into_iter().enumerate().map(|(key, unit)| html! {
<>
<AdminUnit unit={unit} index={key}/>
<div class={"admin-navbar-divider"}></div>
</>
}).collect::<Html>()}
</div>
</div>
}
}
#[derive(PartialEq, Properties, Clone)]
pub struct AdminUnitProps {
pub units: Vec<Unit>
}