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>
39 lines
1.1 KiB
HTML
39 lines
1.1 KiB
HTML
<div class="page">
|
|
@if (!isLoggedIn) {
|
|
<div class="demo-banner" role="note">
|
|
<mat-icon>info</mat-icon>
|
|
<div>
|
|
<strong>This is a demo project.</strong>
|
|
Log in as <code>Admin</code> with password <code>pwd123</code> to try editing tutorials and the admin page.
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
<div class="page-header">
|
|
<h1 class="page-title">Published tutorials</h1>
|
|
</div>
|
|
|
|
@if (tutorials.length) {
|
|
<div class="grid">
|
|
@for (tutorial of tutorials; track tutorial.id) {
|
|
<mat-card appearance="outlined" class="tutorial-card">
|
|
<mat-card-header>
|
|
<mat-icon mat-card-avatar class="card-icon">article</mat-icon>
|
|
<mat-card-title>{{ tutorial.title }}</mat-card-title>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<p class="description">{{ tutorial.description || 'No description' }}</p>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
}
|
|
</div>
|
|
} @else if (loaded) {
|
|
<mat-card appearance="outlined">
|
|
<div class="empty">
|
|
<mat-icon>menu_book</mat-icon>
|
|
<p>No published tutorials yet</p>
|
|
</div>
|
|
</mat-card>
|
|
}
|
|
</div>
|