mirror of
https://github.com/nitnelave/lldap.git
synced 2023-04-12 14:25:13 +00:00
app: Add a page with the list of groups
This commit is contained in:
parent
0a3cfa168e
commit
7d21cc5126
@ -7,6 +7,7 @@ use crate::{
|
|||||||
router::{AppRoute, NavButton},
|
router::{AppRoute, NavButton},
|
||||||
user_details::UserDetails,
|
user_details::UserDetails,
|
||||||
user_table::UserTable,
|
user_table::UserTable,
|
||||||
|
group_table::GroupTable,
|
||||||
},
|
},
|
||||||
infra::cookies::get_cookie,
|
infra::cookies::get_cookie,
|
||||||
};
|
};
|
||||||
@ -114,6 +115,13 @@ impl Component for App {
|
|||||||
<NavButton classes="btn btn-primary" route=AppRoute::CreateUser>{"Create a user"}</NavButton>
|
<NavButton classes="btn btn-primary" route=AppRoute::CreateUser>{"Create a user"}</NavButton>
|
||||||
</div>
|
</div>
|
||||||
},
|
},
|
||||||
|
AppRoute::ListGroups => html! {
|
||||||
|
<div>
|
||||||
|
<LogoutButton on_logged_out=link.callback(|_| Msg::Logout) />
|
||||||
|
<GroupTable />
|
||||||
|
//<NavButton classes="btn btn-primary" route=AppRoute::CreateUser>{"Create a user"}</NavButton>
|
||||||
|
</div>
|
||||||
|
},
|
||||||
AppRoute::UserDetails(username) => html! {
|
AppRoute::UserDetails(username) => html! {
|
||||||
<div>
|
<div>
|
||||||
<LogoutButton on_logged_out=link.callback(|_| Msg::Logout) />
|
<LogoutButton on_logged_out=link.callback(|_| Msg::Logout) />
|
||||||
|
159
app/src/components/group_table.rs
Normal file
159
app/src/components/group_table.rs
Normal file
@ -0,0 +1,159 @@
|
|||||||
|
use crate::{
|
||||||
|
//components::{
|
||||||
|
// delete_group::DeleteGroup,
|
||||||
|
// router::{AppRoute, Link},
|
||||||
|
//},
|
||||||
|
infra::api::HostService,
|
||||||
|
};
|
||||||
|
use anyhow::{Error, Result};
|
||||||
|
use graphql_client::GraphQLQuery;
|
||||||
|
use yew::prelude::*;
|
||||||
|
use yew::services::{fetch::FetchTask, ConsoleService};
|
||||||
|
|
||||||
|
#[derive(GraphQLQuery)]
|
||||||
|
#[graphql(
|
||||||
|
schema_path = "../schema.graphql",
|
||||||
|
query_path = "queries/get_group_list.graphql",
|
||||||
|
response_derives = "Debug",
|
||||||
|
custom_scalars_module = "crate::infra::graphql"
|
||||||
|
)]
|
||||||
|
pub struct GetGroupList;
|
||||||
|
|
||||||
|
use get_group_list::ResponseData;
|
||||||
|
|
||||||
|
type Group = get_group_list::GetGroupListGroups;
|
||||||
|
|
||||||
|
pub struct GroupTable {
|
||||||
|
link: ComponentLink<Self>,
|
||||||
|
groups: Option<Vec<Group>>,
|
||||||
|
error: Option<Error>,
|
||||||
|
// Used to keep the request alive long enough.
|
||||||
|
_task: Option<FetchTask>,
|
||||||
|
}
|
||||||
|
|
||||||
|
pub enum Msg {
|
||||||
|
ListGroupsResponse(Result<ResponseData>),
|
||||||
|
OnGroupDeleted(i64),
|
||||||
|
OnError(Error),
|
||||||
|
}
|
||||||
|
|
||||||
|
impl GroupTable {
|
||||||
|
fn get_groups(&mut self) {
|
||||||
|
self._task = HostService::graphql_query::<GetGroupList>(
|
||||||
|
get_group_list::Variables {},
|
||||||
|
self.link.callback(Msg::ListGroupsResponse),
|
||||||
|
"Error trying to fetch groups",
|
||||||
|
)
|
||||||
|
.map_err(|e| {
|
||||||
|
ConsoleService::log(&e.to_string());
|
||||||
|
e
|
||||||
|
})
|
||||||
|
.ok();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Component for GroupTable {
|
||||||
|
type Message = Msg;
|
||||||
|
type Properties = ();
|
||||||
|
|
||||||
|
fn create(_: Self::Properties, link: ComponentLink<Self>) -> Self {
|
||||||
|
let mut table = GroupTable {
|
||||||
|
link,
|
||||||
|
_task: None,
|
||||||
|
groups: None,
|
||||||
|
error: None,
|
||||||
|
};
|
||||||
|
table.get_groups();
|
||||||
|
table
|
||||||
|
}
|
||||||
|
|
||||||
|
fn update(&mut self, msg: Self::Message) -> ShouldRender {
|
||||||
|
self.error = None;
|
||||||
|
match self.handle_msg(msg) {
|
||||||
|
Err(e) => {
|
||||||
|
ConsoleService::error(&e.to_string());
|
||||||
|
self.error = Some(e);
|
||||||
|
true
|
||||||
|
}
|
||||||
|
Ok(b) => b,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
fn change(&mut self, _: Self::Properties) -> ShouldRender {
|
||||||
|
false
|
||||||
|
}
|
||||||
|
|
||||||
|
fn view(&self) -> Html {
|
||||||
|
html! {
|
||||||
|
<div>
|
||||||
|
{self.view_groups()}
|
||||||
|
{self.view_errors()}
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
impl GroupTable {
|
||||||
|
fn handle_msg(&mut self, msg: <Self as Component>::Message) -> Result<bool> {
|
||||||
|
match msg {
|
||||||
|
Msg::ListGroupsResponse(groups) => {
|
||||||
|
self.groups = Some(groups?.groups.into_iter().collect());
|
||||||
|
Ok(true)
|
||||||
|
}
|
||||||
|
Msg::OnError(e) => Err(e),
|
||||||
|
Msg::OnGroupDeleted(group_id) => {
|
||||||
|
debug_assert!(self.groups.is_some());
|
||||||
|
self.groups.as_mut().unwrap().retain(|u| u.id != group_id);
|
||||||
|
Ok(true)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
fn view_groups(&self) -> Html {
|
||||||
|
let make_table = |groups: &Vec<Group>| {
|
||||||
|
html! {
|
||||||
|
<div class="table-responsive">
|
||||||
|
<table class="table table-striped">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>{"Group ID"}</th>
|
||||||
|
<th>{"Display name"}</th>
|
||||||
|
//<th>{"Delete"}</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{groups.iter().map(|u| self.view_group(u)).collect::<Vec<_>>()}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
};
|
||||||
|
match &self.groups {
|
||||||
|
None => html! {{"Loading..."}},
|
||||||
|
Some(groups) => make_table(groups),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
fn view_group(&self, group: &Group) -> Html {
|
||||||
|
html! {
|
||||||
|
<tr key=group.id.clone()>
|
||||||
|
//<td><Link route=AppRoute::GroupDetails(group.id.clone())>{&group.id}</Link></td>
|
||||||
|
<td>{&group.id}</td>
|
||||||
|
<td>{&group.display_name}</td>
|
||||||
|
//<td>
|
||||||
|
// <DeleteGroup
|
||||||
|
// groupname=group.id.clone()
|
||||||
|
// on_group_deleted=self.link.callback(Msg::OnGroupDeleted)
|
||||||
|
// on_error=self.link.callback(Msg::OnError)/>
|
||||||
|
//</td>
|
||||||
|
</tr>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
fn view_errors(&self) -> Html {
|
||||||
|
match &self.error {
|
||||||
|
None => html! {},
|
||||||
|
Some(e) => html! {<div>{"Error: "}{e.to_string()}</div>},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -3,6 +3,7 @@ pub mod app;
|
|||||||
pub mod change_password;
|
pub mod change_password;
|
||||||
pub mod create_user;
|
pub mod create_user;
|
||||||
pub mod delete_user;
|
pub mod delete_user;
|
||||||
|
pub mod group_table;
|
||||||
pub mod login;
|
pub mod login;
|
||||||
pub mod logout;
|
pub mod logout;
|
||||||
pub mod remove_user_from_group;
|
pub mod remove_user_from_group;
|
||||||
|
@ -15,6 +15,8 @@ pub enum AppRoute {
|
|||||||
ChangePassword(String),
|
ChangePassword(String),
|
||||||
#[to = "/user/{user_id}"]
|
#[to = "/user/{user_id}"]
|
||||||
UserDetails(String),
|
UserDetails(String),
|
||||||
|
#[to = "/groups"]
|
||||||
|
ListGroups,
|
||||||
#[to = "/"]
|
#[to = "/"]
|
||||||
Index,
|
Index,
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user