Changed contact us to sell with us, added loading to agents screen
This commit is contained in:
Franklin
parent
5b55a20afa
commit
d0cf435942
11
Readme.md
11
Readme.md
@ -23,5 +23,12 @@
|
|||||||
- [x] Make the navbar logo bigger
|
- [x] Make the navbar logo bigger
|
||||||
- [x] Finish agents screen
|
- [x] Finish agents screen
|
||||||
- [ ] Finish Contact us screen
|
- [ ] Finish Contact us screen
|
||||||
- [ ] Link agent info with details screen, remove hardcoded pic and details
|
- [x] Link agent info with details screen, remove hardcoded pic and details
|
||||||
- [ ] Whatsapp button should direct to agent's phone number wa.me link
|
- [x] Whatsapp button should direct to agent's phone number wa.me link
|
||||||
|
|
||||||
|
New todo's
|
||||||
|
- [ ] Contact us -> Sell with us
|
||||||
|
- [ ] Static image folder for start page
|
||||||
|
- [ ] Admin panel with page loads & contact us clicks
|
||||||
|
- [ ] Put JL on top of the Agents section
|
||||||
|
- [ ]
|
||||||
@ -217,6 +217,33 @@ Divide the Details page into 3 main sections:
|
|||||||
color: rgba(34, 34, 34, 0.873);
|
color: rgba(34, 34, 34, 0.873);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.details-body-loan-container {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: start;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details-body-loan-button {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: Space Grotesk;
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
background-color: #02114A;
|
||||||
|
|
||||||
|
border-radius: 10px;
|
||||||
|
|
||||||
|
width: 80%;
|
||||||
|
max-width: 350px;
|
||||||
|
height: 60px;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
.details-body-disclaimer {
|
.details-body-disclaimer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
|||||||
@ -104,7 +104,7 @@ pub fn navigation_bar() -> Html {
|
|||||||
} else {
|
} else {
|
||||||
html! {
|
html! {
|
||||||
<div onclick={move |_| cloned_navigator_3.push(&Route::Contact)} class={"navbar-item-contact-us"}>
|
<div onclick={move |_| cloned_navigator_3.push(&Route::Contact)} class={"navbar-item-contact-us"}>
|
||||||
{"Contáctanos"}
|
{NAVBAR_COL_CONTACTO}
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
pub const NAVBAR_COL_LANDING: &str = "Inicio";
|
pub const NAVBAR_COL_LANDING: &str = "Inicio";
|
||||||
pub const NAVBAR_COL_PROYECTOS: &str = "Proyectos";
|
pub const NAVBAR_COL_PROYECTOS: &str = "Proyectos";
|
||||||
pub const NAVBAR_COL_CONTACTO: &str = "Contacto";
|
pub const NAVBAR_COL_CONTACTO: &str = "Vende con nosotros";
|
||||||
pub const NAVBAR_COL_AGENTES: &str = "Agentes";
|
pub const NAVBAR_COL_AGENTES: &str = "Agentes";
|
||||||
|
|
||||||
pub const PRIMARY_COLOR: &str = "#41BDD9";
|
pub const PRIMARY_COLOR: &str = "#41BDD9";
|
||||||
|
|||||||
@ -27,12 +27,24 @@ pub fn agents_page() -> Html {
|
|||||||
<>
|
<>
|
||||||
<NavigationBar/>
|
<NavigationBar/>
|
||||||
<div class={"page-container"} style={"margin-bottom: 20vh"}> //TODO: remove this margin when landing page done
|
<div class={"page-container"} style={"margin-bottom: 20vh"}> //TODO: remove this margin when landing page done
|
||||||
|
{if *finished_loading {
|
||||||
|
html! {
|
||||||
|
<>
|
||||||
<div class={"agents-title"}>
|
<div class={"agents-title"}>
|
||||||
{"Nuestros Agentes"}
|
{"Nuestros Agentes"}
|
||||||
</div>
|
</div>
|
||||||
<div class={"agents-container"}>
|
<div class={"agents-container"}>
|
||||||
{(*agents).iter().map(|agent| html!{ <AgentCard agent={agent.clone()}/> }).collect::<Html>()}
|
{(*agents).iter().map(|agent| html!{ <AgentCard agent={agent.clone()}/> }).collect::<Html>()}
|
||||||
</div>
|
</div>
|
||||||
|
</>
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
html!{
|
||||||
|
<div class={"loading-container"}>
|
||||||
|
<div class="lds-facebook"><div></div><div></div><div></div></div>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
}}
|
||||||
</div>
|
</div>
|
||||||
<PageFooter/>
|
<PageFooter/>
|
||||||
</>
|
</>
|
||||||
|
|||||||
@ -85,11 +85,7 @@ pub fn details_page(props: &DetailsPageProps) -> Html {
|
|||||||
<div class={"details-body"}>
|
<div class={"details-body"}>
|
||||||
<div class={"details-body-description"}>
|
<div class={"details-body-description"}>
|
||||||
<p>
|
<p>
|
||||||
{
|
{listing.project.description}
|
||||||
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
||||||
|
|
||||||
Risus nec feugiat in fermentum posuere urna nec tincidunt praesent. Phasellus vestibulum lorem sed risus. Tellus cras adipiscing enim eu turpis. Feugiat in fermentum posuere urna nec tincidunt praesent semper. Quis commodo odio aenean sed adipiscing diam. Ipsum faucibus vitae aliquet nec ullamcorper. Egestas sed tempus urna et pharetra pharetra. Leo urna molestie at elementum eu facilisis sed odio. Rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat. Suspendisse in est ante in nibh mauris cursus mattis. Vel turpis nunc eget lorem dolor sed viverra. Sit amet nisl purus in mollis nunc sed id. Mattis vulputate enim nulla aliquet porttitor. Sit amet venenatis urna cursus. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt."
|
|
||||||
}
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -175,6 +171,13 @@ pub fn details_page(props: &DetailsPageProps) -> Html {
|
|||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class={"details-body-loan-container"}>
|
||||||
|
<a class={"details-body-loan-button"} href={""}>
|
||||||
|
{"Aplica para financiamiento"}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class={"details-body-divider"}></div>
|
<div class={"details-body-divider"}></div>
|
||||||
|
|
||||||
|
|
||||||
@ -182,6 +185,10 @@ pub fn details_page(props: &DetailsPageProps) -> Html {
|
|||||||
<div class={"details-body-disclaimer"}>
|
<div class={"details-body-disclaimer"}>
|
||||||
{"*Unidades sujetas a disponibilidad"}
|
{"*Unidades sujetas a disponibilidad"}
|
||||||
</div>
|
</div>
|
||||||
|
<div class={"details-body-disclaimer"}>
|
||||||
|
{"*Las imágenes mostradas pueden ser representaciones artísticas y no representan exactamente como el proyecto estará al momento de entrega. "}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user