Liosha84andClaude Opus 5.5
3f5a6c26bb
Frontend
- Upgrade Angular 19 -> 22 (TypeScript 6, new control flow), drop unused
packages (bootstrap, jquery, popper, ng-bootstrap, webpack)
- Move the UI to Angular Material: toolbar with user menu, tutorials list,
add/edit forms, admin users table with role editing dialog, profile,
home page with published tutorials, registration form, login dialog
- Guard routes: login required for add/edit/profile, admin role for /admin
- Remove the /login, Moderator and User pages, event bus, auth interceptor
and other dead code
Backend
- Add PUT /api/users/{id}/roles (admin only) that keeps at least one admin
and does not let an admin drop their own admin role
- Tighten security: read tutorials publicly, change them only when logged
in, users/roles API for admins only; hide password hashes in JSON
- Remove unused Settings and Test endpoints, DTO mappers, commented code
- Flyway V2 aligns the schema with the entities (bigint ids, tutorials PK,
identity ids); Hibernate now runs with ddl-auto: validate
Docker
- Three-stage Dockerfile (Node build, Gradle build, JRE runtime) with
layer caching, non-root user and healthcheck; add .dockerignore
- docker-compose waits for a healthy Postgres, always rebuilds the image,
no longer mounts the Docker socket
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
79 lines
2.5 KiB
TypeScript
79 lines
2.5 KiB
TypeScript
import { ChangeDetectionStrategy, Component, inject, OnInit } from '@angular/core';
|
|
import { HttpErrorResponse } from '@angular/common/http';
|
|
import { ActivatedRoute, Router } from '@angular/router';
|
|
import { MatSnackBar } from '@angular/material/snack-bar';
|
|
|
|
import { httpErrorMessage } from 'src/app/helpers/http-error';
|
|
import { Tutorial } from 'src/app/models/tutorial.model';
|
|
import { TutorialService } from 'src/app/services/tutorial.service';
|
|
|
|
@Component({
|
|
selector: 'app-tutorial-details',
|
|
templateUrl: './tutorial-details.component.html',
|
|
styleUrls: ['./tutorial-details.component.scss'],
|
|
changeDetection: ChangeDetectionStrategy.Eager,
|
|
standalone: false
|
|
})
|
|
export class TutorialDetailsComponent implements OnInit {
|
|
private readonly tutorialService = inject(TutorialService);
|
|
private readonly route = inject(ActivatedRoute);
|
|
private readonly router = inject(Router);
|
|
private readonly snackBar = inject(MatSnackBar);
|
|
|
|
currentTutorial: Tutorial = {
|
|
title: '',
|
|
description: '',
|
|
published: false
|
|
};
|
|
notFound = false;
|
|
|
|
ngOnInit(): void {
|
|
this.tutorialService.get(this.route.snapshot.params['id']).subscribe({
|
|
next: data => this.currentTutorial = data,
|
|
error: err => {
|
|
this.notFound = true;
|
|
this.showError(err);
|
|
}
|
|
});
|
|
}
|
|
|
|
updatePublished(published: boolean): void {
|
|
const data = { ...this.currentTutorial, published };
|
|
this.tutorialService.update(this.currentTutorial.id, data).subscribe({
|
|
next: () => {
|
|
this.currentTutorial.published = published;
|
|
this.notify(published ? 'Tutorial was published' : 'Tutorial was unpublished');
|
|
},
|
|
error: err => this.showError(err)
|
|
});
|
|
}
|
|
|
|
updateTutorial(): void {
|
|
this.tutorialService.update(this.currentTutorial.id, this.currentTutorial).subscribe({
|
|
next: () => this.notify('Tutorial was saved'),
|
|
error: err => this.showError(err)
|
|
});
|
|
}
|
|
|
|
deleteTutorial(): void {
|
|
if (!confirm(`Delete "${this.currentTutorial.title}"?`)) {
|
|
return;
|
|
}
|
|
this.tutorialService.delete(this.currentTutorial.id).subscribe({
|
|
next: () => {
|
|
this.notify('Tutorial was deleted');
|
|
this.router.navigate(['/tutorials']);
|
|
},
|
|
error: err => this.showError(err)
|
|
});
|
|
}
|
|
|
|
private notify(message: string): void {
|
|
this.snackBar.open(message, 'OK', { duration: 3000 });
|
|
}
|
|
|
|
private showError(err: HttpErrorResponse): void {
|
|
this.snackBar.open(httpErrorMessage(err), 'OK', { duration: 5000 });
|
|
}
|
|
}
|