NapoleonDynamite/munera-vaadin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: UsersView

Browse source
This commit is contained in:
effe 2024-09-13 12:47:04 -04:00
parent 3c5cdf84cc
commit 01f8c3b69f
3 changed files with 243 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/main/java/com/application/munera/services/UserService.java
View file

@ -8,6 +8,7 @@ import jakarta.transaction.Transactional;
import org.springframework.security.core.userdetails.UserDetails;
import org.springframework.stereotype.Service;
import java.util.List;
import java.util.Optional;
import static com.application.munera.security.SecurityUtils.getLoggedInUserDetails;
@ -23,6 +24,14 @@ public class UserService {
this.personRepository = personRepository;
}
public List<User> findAll() {
return this.userRepository.findAll();
}
public Optional<User> findById(final Long id) {
return this.userRepository.findById(id);
}
public Optional<User> findByUsername (String username) {
return this.userRepository.findByUsername(username);
}
@ -87,4 +96,10 @@ public class UserService {
public Long count() {
return this.userRepository.count();
}
public void delete(final User user) {
this.userRepository.delete(user);
final var person = this.personRepository.findByUserId(user.getId());
person.ifPresent(this.personRepository::delete);
}
}

2
src/main/java/com/application/munera/views/MainLayout.java
View file

@ -8,6 +8,7 @@ import com.application.munera.views.events.EventsView;
import com.application.munera.views.expenses.ExpensesView;
import com.application.munera.views.people.PeopleView;
import com.application.munera.views.settings.SettingsView;
import com.application.munera.views.users.UsersView;
import com.vaadin.flow.component.applayout.AppLayout;
import com.vaadin.flow.component.applayout.DrawerToggle;
import com.vaadin.flow.component.button.Button;
@ -117,6 +118,7 @@ public class MainLayout extends AppLayout {
nav.addItem(new SideNavItem("People", PeopleView.class, LineAwesomeIcon.USER.create()));
nav.addItem(new SideNavItem("Events", EventsView.class, LineAwesomeIcon.BANDCAMP.create()));
nav.addItem(new SideNavItem("Dashboard", DashboardView.class, LineAwesomeIcon.CHART_LINE_SOLID.create()));
nav.addItem(new SideNavItem("Users", UsersView.class, LineAwesomeIcon.USER_LOCK_SOLID.create()));
nav.addItem(new SideNavItem("Settings", SettingsView.class, LineAwesomeIcon.COG_SOLID.create()));
return nav;

226
src/main/java/com/application/munera/views/users/UsersView.java Normal file
View file

@ -0,0 +1,226 @@
package com.application.munera.views.users;
import com.application.munera.data.User;
import com.application.munera.facades.ExpenseFacade;
import com.application.munera.facades.PersonFacade;
import com.application.munera.services.ExpenseService;
import com.application.munera.services.PersonService;
import com.application.munera.services.UserService;
import com.application.munera.services.ViewsService;
import com.application.munera.views.MainLayout;
import com.vaadin.flow.component.UI;
import com.vaadin.flow.component.button.Button;
import com.vaadin.flow.component.button.ButtonVariant;
import com.vaadin.flow.component.dependency.Uses;
import com.vaadin.flow.component.formlayout.FormLayout;
import com.vaadin.flow.component.grid.Grid;
import com.vaadin.flow.component.grid.GridVariant;
import com.vaadin.flow.component.html.Div;
import com.vaadin.flow.component.icon.Icon;
import com.vaadin.flow.component.notification.Notification;
import com.vaadin.flow.component.notification.NotificationVariant;
import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
import com.vaadin.flow.component.splitlayout.SplitLayout;
import com.vaadin.flow.component.textfield.EmailField;
import com.vaadin.flow.component.textfield.PasswordField;
import com.vaadin.flow.component.textfield.TextField;
import com.vaadin.flow.data.binder.BeanValidationBinder;
import com.vaadin.flow.data.binder.ValidationException;
import com.vaadin.flow.router.BeforeEnterEvent;
import com.vaadin.flow.router.BeforeEnterObserver;
import com.vaadin.flow.router.PageTitle;
import com.vaadin.flow.router.Route;
import jakarta.annotation.security.PermitAll;
import org.springframework.orm.ObjectOptimisticLockingFailureException;
import java.util.Optional;
@PageTitle("Users")
@PermitAll
@Route(value = "users/:userID?/:action?(edit)", layout = MainLayout.class)
@Uses(Icon.class)
public class UsersView extends Div implements BeforeEnterObserver {
private static final String USER_ID = "userID";
private static final String USER_EDIT_ROUTE_TEMPLATE = "users/%s/edit";
private final Grid<User> grid = new Grid<>();
private final Button cancel = new Button("Cancel");
private final Button save = new Button("Save");
private final Button delete = new Button("Delete");
private final BeanValidationBinder<User> binder;
private User user;
private final UserService userService;
private TextField firstName;
private TextField lastName;
private TextField username;
private TextField roles;
private PasswordField password;
private EmailField email;
public UsersView(PersonService personService, ExpenseService expenseService, ViewsService viewsService, PersonFacade personFacade, ExpenseFacade expenseFacade, UserService userService) {
this.userService = userService;
addClassNames("expenses-view");
// Create UI
SplitLayout splitLayout = new SplitLayout();
createGridLayout(splitLayout);
createEditorLayout(splitLayout);
add(splitLayout);
grid.addColumn(User::getFirstName).setHeader("First name").setSortable(true);
grid.addColumn(User::getLastName).setHeader("Last name").setSortable(true);
grid.addColumn(User::getUsername).setHeader("Username").setSortable(true);
grid.addColumn(User::getEmail).setHeader("Email").setSortable(true);
grid.addColumn(User::getRoles).setHeader("Roles").setSortable(true);
grid.getColumns().forEach(col -> col.setAutoWidth(true));
grid.setItems(this.userService.findAll());
grid.addThemeVariants(GridVariant.LUMO_NO_BORDER);
// when a row is selected or deselected, populate form
grid.asSingleSelect().addValueChangeListener(event -> {
if (event.getValue() != null) UI.getCurrent().navigate(String.format(USER_EDIT_ROUTE_TEMPLATE, event.getValue().getId()));
else {
clearForm();
UI.getCurrent().navigate(UsersView.class);
}
});
// Configure Form
binder = new BeanValidationBinder<>(User.class);
// Bind fields. This is where you'd define e.g. validation rules
binder.bindInstanceFields(this);
binder.forField(firstName)
.asRequired("First name is required")
.bind(User::getFirstName, User::setFirstName);
binder.forField(lastName)
.asRequired("Last name is required")
.bind(User::getLastName, User::setLastName);
binder.forField(username)
.asRequired("Username is required")
.bind(User::getUsername, User::setUsername);
cancel.addClickListener(e -> {
clearForm();
refreshGrid();
});
save.addClickListener(e -> {
try {
if (this.user == null) this.user = new User();
binder.writeBean(this.user);
this.userService.saveUserAndConnectedPerson(this.user);
clearForm();
refreshGrid();
Notification.show("Data updated");
UI.getCurrent().navigate(UsersView.class);
} catch (ObjectOptimisticLockingFailureException exception) {
Notification n = Notification.show(
"Error updating the data. Somebody else has updated the record while you were making changes.");
n.setPosition(Notification.Position.MIDDLE);
n.addThemeVariants(NotificationVariant.LUMO_ERROR);
} catch (ValidationException validationException) {
Notification.show("Failed to update the user. Check again that all values are valid");
}
});
delete.addClickListener(e -> {
try {
if (this.user == null) throw new RuntimeException("The user is null!"); //TODO: create proper exception
userService.delete(this.user);
clearForm();
refreshGrid();
Notification.show("Data delete");
UI.getCurrent().navigate(UsersView.class);
} catch (ObjectOptimisticLockingFailureException exception) {
Notification n = Notification.show(
"Error updating the data. Somebody else has updated the record while you were making changes.");
n.setPosition(Notification.Position.MIDDLE);
n.addThemeVariants(NotificationVariant.LUMO_ERROR);
}
});
}
@Override
public void beforeEnter(BeforeEnterEvent event) {
Optional<Long> userId = event.getRouteParameters().get(USER_ID).map(Long::parseLong);
if (userId.isPresent()) {
Optional<User> userFromBackend = this.userService.findById(userId.get());
if (userFromBackend.isPresent()) populateForm(userFromBackend.get());
else {
Notification.show(
String.format("The requested user was not found, ID = %s", userId.get()), 3000,
Notification.Position.BOTTOM_START);
refreshGrid(); // when a row is selected but the data is no longer available refresh grid
event.forwardTo(UsersView.class);
}
}
}
private void createEditorLayout(SplitLayout splitLayout) {
Div editorLayoutDiv = new Div();
editorLayoutDiv.setClassName("editor-layout");
Div editorDiv = new Div();
editorDiv.setClassName("editor");
editorLayoutDiv.add(editorDiv);
FormLayout formLayout = new FormLayout();
firstName = new TextField("First Name");
lastName = new TextField("Last Name");
username = new TextField("Username");
password = new PasswordField("Password");
roles = new TextField("Roles");
email = new EmailField("Email");
// We set the maximum parallel columns to 1
formLayout.setResponsiveSteps(new FormLayout.ResponsiveStep("0", 1));
formLayout.add(firstName, lastName, username, password, email, roles);
editorDiv.add(formLayout);
createButtonLayout(editorLayoutDiv);
splitLayout.addToSecondary(editorLayoutDiv);
}
private void createButtonLayout(Div editorLayoutDiv) {
HorizontalLayout buttonLayout = new HorizontalLayout();
buttonLayout.setClassName("button-layout");
cancel.addThemeVariants(ButtonVariant.LUMO_TERTIARY);
save.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
delete.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
buttonLayout.add(save, delete, cancel);
editorLayoutDiv.add(buttonLayout);
}
private void createGridLayout(SplitLayout splitLayout) {
Div wrapper = new Div();
wrapper.setClassName("grid-wrapper");
splitLayout.addToPrimary(wrapper);
wrapper.add(grid);
}
private void refreshGrid() {
grid.select(null);
grid.getDataProvider().refreshAll();
}
private void clearForm() {
populateForm(null);
}
private void populateForm(User value) {
this.user = value;
binder.readBean(this.user);
}
}