r15-software-dev/scholarships-rs
1
0 Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases 20 Wiki Activity

fix: correct some styling issues

Browse Source
This commit is contained in:
alphafetus committed 2026-02-04 21:41:38 -05:00
1 parent 5a064bdd69
commit 15b675a595
4 files changed
+94 -89
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components/banner.rs
+25 -27
View File
@@ -39,36 +39,34 @@ pub fn Banner(
};
view! {
<div class="mx-auto">
<div class="bg-red-900 shadow-lg shadow-[inset_0_2px_4px_0_rgba(0,0,0,0.3),0_4px_6px_-1px_rgba(127,29,29,0.3),0_2px_4px_-1px_rgba(127,29,29,0.2)]">
<div class="flex flex-row items-center gap-4 p-6 pb-2">
<div class="flex-shrink-0">
<img
src=logo
class="h-10 w-10 cursor-pointer"
alt="icon"
on:click=on_click
/>
</div>
<div class="flex-1">
<h2 class="text-white text-2xl font-bold">{title.clone()}</h2>
</div>
<div class="w-screen bg-red-900 shadow-lg shadow-[inset_0_2px_4px_0_rgba(0,0,0,0.3),0_4px_6px_-1px_rgba(127,29,29,0.3),0_2px_4px_-1px_rgba(127,29,29,0.2)]">
<div class="flex flex-row items-center gap-4 p-6 pb-2">
<div class="flex-shrink-0">
<img
src=logo
class="h-10 w-10 cursor-pointer"
alt="icon"
on:click=on_click
/>
</div>
<div
class="flex flex-row items-center gap-4"
class=("p-2", move || !show_back.get())
>
<Show when=move || show_back.get()>
<a
href=path
class="flex flex-row items-center gap-2 m-2 ml-14 text-gray-200 hover:underline"
>
<Icon icon=icondata::FaArrowLeftSolid />
<span>"Back to Dashboard"</span>
</a>
</Show>
<div class="flex-1">
<h2 class="text-white text-2xl font-bold">{title.clone()}</h2>
</div>
</div>
<div
class="flex flex-row items-center gap-4"
class=("p-2", move || !show_back.get())
>
<Show when=move || show_back.get()>
<a
href=path
class="flex flex-row items-center gap-2 m-2 ml-14 text-gray-200 hover:underline"
>
<Icon icon=icondata::FaArrowLeftSolid />
<span>"Back to Dashboard"</span>
</a>
</Show>
</div>
</div>
}
}
src/components/multi_entry.rs
+32 -33
View File
@@ -2,6 +2,7 @@ use crate::common::{InputType, ValueType};
use crate::components::ActionButton;
use leptos::prelude::*;
use std::collections::HashMap;
use leptos::logging::log;
use uuid::Uuid;
// region Helper Functions
@@ -69,7 +70,7 @@ pub fn MultiEntry(
#[prop(optional, into)] description: Signal<String>,
/// The data member that contains the list of entries within the `data_map`.
#[prop(into)]
data_member: String,
data_member: Signal<String>,
/// The data map that contains all the information. Data is found within this map using the
/// component's `data_member` input.
#[prop()]
@@ -80,26 +81,31 @@ pub fn MultiEntry(
) -> impl IntoView {
// Make the values within the list reactive. Each of these values should be a ValueType::Map,
// so we can pass these directly to the application.
let data_reactive = RwSignal::new(
data_map
.get_untracked()
.get(&data_member)
.unwrap_or(&ValueType::List(None))
.as_list().ok().flatten()
.unwrap_or(Vec::new())
);
// This effect updates the data_map with any new values from the data_reactive list, every time
// the data_reactive list is changed. This allows changes from within the Entry component to
// bubble up to the data_map effectively.
Effect::new(move |_| {
let entry_list = data_reactive.get();
data_map.update(|map| {
map.insert(data_member.clone(), ValueType::List(Some(entry_list)));
});
let data_list = Memo::new(move |_| {
data_map.with(|map| {
map.get(&data_member.get())
.and_then(|v| v.as_list().ok().flatten())
.unwrap_or_default()
})
});
let add_entry = move |_| data_reactive.update(|list| list.push(new_entry()));
// This effect updates the data_map with any new values from the data_list, every time
// the data_list is changed. This allows changes from within the Entry component to
// bubble up to the data_map effectively.
let update_parent_list = move |list| {
log!("Updating parent list using child list {:?}", list);
data_map.update(|map| {
map.insert(data_member.get(), ValueType::List(Some(list)));
});
};
let add_entry = move |_| data_map.update(|map| {
log!("Adding new entry.");
let mut list = data_list.get_untracked();
list.push(new_entry());
map.insert(data_member.get(), ValueType::List(Some(list)));
});
view! {
<div class="flex flex-col flex-1">
@@ -112,33 +118,26 @@ pub fn MultiEntry(
<div class="flex flex-col gap-2 p-2">
// Render the entries
<Show
when=move || !data_reactive.get().is_empty()
when=move || !data_list.get().is_empty()
fallback=|| {
view! { <div class="mx-auto">"You haven't added any entries yet."</div> }
}
>
<For
each=move || data_reactive.get()
each=move || data_list.get()
// Entries MUST be given a unique ID. This is absolutely ridiculous.
key=|entry| get_uuid_from_map(&entry.as_map().unwrap().unwrap())
children=move |mut entry_map| {
let map_signal = RwSignal::new(
entry_map.as_map().unwrap_or_default().unwrap_or_default(),
entry_map.as_map().ok().flatten().unwrap_or_default(),
);
Effect::new(move |_| {
let child_map = map_signal.get();
data_reactive
.update(|mut list| {
update_entry_list(&mut list, &child_map);
});
let mut list = data_list.get_untracked();
update_entry_list(&mut list, &child_map);
update_parent_list(list);
});
// The map_signal is the map used for the internal element. This signal will
// keep track of the individual entry's data, and whenever it is changed,
// the parent data_map will also be updated to reflect these changes.
// This effect updates the data_reactive list with the map_signal values, every
// time the map_signal is changed.
// HashMap
view! { <Entry data_map=map_signal schema=schema /> }
}
src/components/tabs/sidebar.rs
+3 -3
View File
@@ -54,8 +54,8 @@ pub fn TabSidebarList(
// Create a series of tabs based on a given list of names and paths.
view! {
<div class="flex flex-row h-full w-full fixed">
<nav class="flex flex-col bg-red-900 w-64 h-full overflow-scroll">
<div class="flex flex-1 flex-row w-full">
<nav class="flex flex-col bg-red-900 w-64 overflow-scroll">
<For
each=move || tabs.get()
key=|info| info.text.clone()
@@ -65,7 +65,7 @@ pub fn TabSidebarList(
</For>
</nav>
<div class="flex flex-1 overflow-y-scroll">
<div class="flex flex-1 overflow-scroll">
<Outlet />
</div>
</div>
src/pages/student/shell.rs
+34 -26
View File
@@ -10,32 +10,40 @@ pub fn StudentShell() -> impl IntoView {
// Create login context
view! {
<StudentLoginContext>
<Banner title="R15 Student Scholarship Application" logo="/PHS_Stacked_Acronym.png" />
<AuthLoaded fallback=Loading>
<Authenticated unauthenticated=UnauthenticatedPage>
<TabSidebarList
base_path="students"
tabs=vec![
TabInfo::new("Home", "home", None),
TabInfo::new("Demographics", "demographics", None),
TabInfo::new(
"Additional Info",
"additional",
Some(
vec![
SubTabInfo::new("Academics", "academics"),
SubTabInfo::new("Athletics", "athletics"),
SubTabInfo::new("Work Experience", "work-experience"),
SubTabInfo::new("Extracurriculars", "extracurriculars"),
SubTabInfo::new("University Info", "university"),
SubTabInfo::new("Family Info", "family-info"),
],
),
),
]
/>
</Authenticated>
</AuthLoaded>
<div class="h-screen flex flex-col overflow-hidden">
<Banner
title="R15 Student Scholarship Application"
logo="/PHS_Stacked_Acronym.png"
/>
<div class="flex flex-1 min-h-0">
<AuthLoaded fallback=Loading>
<Authenticated unauthenticated=UnauthenticatedPage>
<TabSidebarList
base_path="students"
tabs=vec![
TabInfo::new("Home", "home", None),
TabInfo::new("Demographics", "demographics", None),
TabInfo::new(
"Additional Info",
"additional",
Some(
vec![
SubTabInfo::new("Academics", "academics"),
SubTabInfo::new("Athletics", "athletics"),
SubTabInfo::new("Work Experience", "work-experience"),
SubTabInfo::new("Extracurriculars", "extracurriculars"),
SubTabInfo::new("University Info", "university"),
SubTabInfo::new("Family Info", "family-info"),
],
),
),
]
/>
</Authenticated>
</AuthLoaded>
</div>
</div>
</StudentLoginContext>
}
}