app: Migrate AddUserToGroup to CommonComponent

This commit is contained in:
Valentin Tolmer 2021-10-31 22:00:14 +09:00 committed by nitnelave
parent 232a41d053
commit ec69d30b1c

View File

@ -3,16 +3,12 @@ use crate::{
select::{Select, SelectOption, SelectOptionProps}, select::{Select, SelectOption, SelectOptionProps},
user_details::Group, user_details::Group,
}, },
infra::api::HostService, infra::common_component::{CommonComponent, CommonComponentParts},
}; };
use anyhow::{Error, Result}; use anyhow::{Error, Result};
use graphql_client::GraphQLQuery; use graphql_client::GraphQLQuery;
use std::collections::HashSet; use std::collections::HashSet;
use yew::{ use yew::prelude::*;
prelude::*,
services::{fetch::FetchTask, ConsoleService},
};
use yewtil::NeqAssign;
#[derive(GraphQLQuery)] #[derive(GraphQLQuery)]
#[graphql( #[graphql(
@ -45,14 +41,11 @@ impl From<GroupListGroup> for Group {
} }
pub struct AddUserToGroupComponent { pub struct AddUserToGroupComponent {
link: ComponentLink<Self>, common: CommonComponentParts<Self>,
props: Props,
/// The list of existing groups, initially not loaded. /// The list of existing groups, initially not loaded.
group_list: Option<Vec<Group>>, group_list: Option<Vec<Group>>,
/// The currently selected group. /// The currently selected group.
selected_group: Option<Group>, selected_group: Option<Group>,
// Used to keep the request alive long enough.
task: Option<FetchTask>,
} }
pub enum Msg { pub enum Msg {
@ -70,51 +63,17 @@ pub struct Props {
pub on_error: Callback<Error>, pub on_error: Callback<Error>,
} }
impl AddUserToGroupComponent { impl CommonComponent<AddUserToGroupComponent> for AddUserToGroupComponent {
fn get_group_list(&mut self) {
self.task = HostService::graphql_query::<GetGroupList>(
get_group_list::Variables,
self.link.callback(Msg::GroupListResponse),
"Error trying to fetch group list",
)
.map_err(|e| {
ConsoleService::log(&e.to_string());
e
})
.ok();
}
fn submit_add_group(&mut self) -> Result<bool> {
let group_id = match &self.selected_group {
None => return Ok(false),
Some(group) => group.id,
};
self.task = HostService::graphql_query::<AddUserToGroup>(
add_user_to_group::Variables {
user: self.props.username.clone(),
group: group_id,
},
self.link.callback(Msg::AddGroupResponse),
"Error trying to initiate adding the user to a group",
)
.map_err(|e| {
ConsoleService::log(&e.to_string());
e
})
.ok();
Ok(true)
}
fn handle_msg(&mut self, msg: <Self as Component>::Message) -> Result<bool> { fn handle_msg(&mut self, msg: <Self as Component>::Message) -> Result<bool> {
match msg { match msg {
Msg::GroupListResponse(response) => { Msg::GroupListResponse(response) => {
self.group_list = Some(response?.groups.into_iter().map(Into::into).collect()); self.group_list = Some(response?.groups.into_iter().map(Into::into).collect());
self.task = None; self.common.cancel_task();
} }
Msg::SubmitAddGroup => return self.submit_add_group(), Msg::SubmitAddGroup => return self.submit_add_group(),
Msg::AddGroupResponse(response) => { Msg::AddGroupResponse(response) => {
response?; response?;
self.task = None; self.common.cancel_task();
// Adding the user to the group succeeded, we're not in the process of adding a // Adding the user to the group succeeded, we're not in the process of adding a
// group anymore. // group anymore.
let group = self let group = self
@ -123,7 +82,7 @@ impl AddUserToGroupComponent {
.expect("Could not get selected group") .expect("Could not get selected group")
.clone(); .clone();
// Remove the group from the dropdown. // Remove the group from the dropdown.
self.props.on_user_added_to_group.emit(group); self.common.props.on_user_added_to_group.emit(group);
} }
Msg::SelectionChanged(option_props) => { Msg::SelectionChanged(option_props) => {
let was_some = self.selected_group.is_some(); let was_some = self.selected_group.is_some();
@ -137,8 +96,38 @@ impl AddUserToGroupComponent {
Ok(true) Ok(true)
} }
fn mut_common(&mut self) -> &mut CommonComponentParts<Self> {
&mut self.common
}
}
impl AddUserToGroupComponent {
fn get_group_list(&mut self) {
self.common.call_graphql::<GetGroupList, _>(
get_group_list::Variables,
Msg::GroupListResponse,
"Error trying to fetch group list",
);
}
fn submit_add_group(&mut self) -> Result<bool> {
let group_id = match &self.selected_group {
None => return Ok(false),
Some(group) => group.id,
};
self.common.call_graphql::<AddUserToGroup, _>(
add_user_to_group::Variables {
user: self.common.props.username.clone(),
group: group_id,
},
Msg::AddGroupResponse,
"Error trying to initiate adding the user to a group",
);
Ok(true)
}
fn get_selectable_group_list(&self, group_list: &[Group]) -> Vec<Group> { fn get_selectable_group_list(&self, group_list: &[Group]) -> Vec<Group> {
let user_groups = self.props.groups.iter().collect::<HashSet<_>>(); let user_groups = self.common.props.groups.iter().collect::<HashSet<_>>();
group_list group_list
.iter() .iter()
.filter(|g| !user_groups.contains(g)) .filter(|g| !user_groups.contains(g))
@ -152,29 +141,24 @@ impl Component for AddUserToGroupComponent {
type Properties = Props; type Properties = Props;
fn create(props: Self::Properties, link: ComponentLink<Self>) -> Self { fn create(props: Self::Properties, link: ComponentLink<Self>) -> Self {
let mut res = Self { let mut res = Self {
link, common: CommonComponentParts::<Self>::create(props, link),
props,
group_list: None, group_list: None,
selected_group: None, selected_group: None,
task: None,
}; };
res.get_group_list(); res.get_group_list();
res res
} }
fn update(&mut self, msg: Self::Message) -> ShouldRender { fn update(&mut self, msg: Self::Message) -> ShouldRender {
match self.handle_msg(msg) { CommonComponentParts::<Self>::update_and_report_error(
Err(e) => { self,
ConsoleService::error(&e.to_string()); msg,
self.props.on_error.emit(e); self.common.props.on_error.clone(),
self.task = None; )
true
}
Ok(b) => b,
}
} }
fn change(&mut self, props: Self::Properties) -> ShouldRender { fn change(&mut self, props: Self::Properties) -> ShouldRender {
self.props.neq_assign(props) self.common.change(props)
} }
fn view(&self) -> Html { fn view(&self) -> Html {
@ -189,7 +173,7 @@ impl Component for AddUserToGroupComponent {
html! { html! {
<div class="row"> <div class="row">
<div class="col-sm-3"> <div class="col-sm-3">
<Select on_selection_change=self.link.callback(Msg::SelectionChanged)> <Select on_selection_change=self.common.callback(Msg::SelectionChanged)>
{ {
to_add_group_list to_add_group_list
.into_iter() .into_iter()
@ -201,8 +185,8 @@ impl Component for AddUserToGroupComponent {
<div class="col-sm-1"> <div class="col-sm-1">
<button <button
class="btn btn-success" class="btn btn-success"
disabled=self.selected_group.is_none() || self.task.is_some() disabled=self.selected_group.is_none() || self.common.is_task_running()
onclick=self.link.callback(|_| Msg::SubmitAddGroup)> onclick=self.common.callback(|_| Msg::SubmitAddGroup)>
{"Add"} {"Add"}
</button> </button>
</div> </div>