UI for sending announcements to all identities

Applications/AdminApi/src/AdminApi/Controllers/AnnouncementsController.cs

@@ -1,6 +1,9 @@
 using Backbone.BuildingBlocks.API.Mvc;
+using Backbone.BuildingBlocks.API.Mvc.ControllerAttributes;
 using Backbone.Modules.Announcements.Application.Announcements.Commands.CreateAnnouncement;
+using Backbone.Modules.Announcements.Application.Announcements.DTOs;
 using Backbone.Modules.Announcements.Application.Announcements.Queries.GetAllAnnouncements;
+using Backbone.Modules.Announcements.Application.Announcements.Queries.GetAnnouncementById;
 using MediatR;
 using Microsoft.AspNetCore.Authorization;
 using Microsoft.AspNetCore.Mvc;
@@ -11,8 +14,11 @@ namespace Backbone.AdminApi.Controllers;
 [Authorize("ApiKey")]
 public class AnnouncementsController : ApiControllerBase
 {
-    public AnnouncementsController(IMediator mediator) : base(mediator)
+    private readonly ILogger<AnnouncementsController> _logger;
+
+    public AnnouncementsController(IMediator mediator, ILogger<AnnouncementsController> logger) : base(mediator)
     {
+        _logger = logger;
     }
 
     [HttpPost]
@@ -22,7 +28,17 @@ public async Task<IActionResult> CreateAnnouncement([FromBody] CreateAnnouncemen
         return Created(response);
     }
 
+    [HttpGet("{id}")]
+    [ProducesResponseType(typeof(AnnouncementDTO), StatusCodes.Status200OK)]
+    [ProducesError(StatusCodes.Status404NotFound)]
+    public async Task<IActionResult> GetAnnouncement(string id, CancellationToken cancellationToken)
+    {
+        var response = await _mediator.Send(new GetAnnouncementByIdQuery(id), cancellationToken);
+        return Ok(response);
+    }
+
     [HttpGet]
+    [ProducesResponseType(typeof(GetAllAnnouncementsResponse), StatusCodes.Status200OK)]
     public async Task<IActionResult> ListAnnouncements(CancellationToken cancellationToken)
     {
         var response = await _mediator.Send(new GetAllAnnouncementsQuery(), cancellationToken);

Applications/AdminUi/apps/admin_ui/lib/home/announcement_details/announcement_details.dart

@@ -0,0 +1,138 @@
+import 'package:admin_api_sdk/admin_api_sdk.dart';
+import 'package:admin_api_types/admin_api_types.dart';
+import 'package:data_table_2/data_table_2.dart';
+import 'package:flutter/material.dart';
+import 'package:get_it/get_it.dart';
+import 'package:intl/intl.dart';
+
+import '/core/core.dart';
+
+class AnnouncementDetails extends StatefulWidget {
+  final String announcementId;
+
+  const AnnouncementDetails({
+    required this.announcementId,
+    super.key,
+  });
+
+  @override
+  State<AnnouncementDetails> createState() => _AnnouncementDetailsState();
+}
+
+class _AnnouncementDetailsState extends State<AnnouncementDetails> {
+  Announcement? _announcmentDetails;
+
+  @override
+  void initState() {
+    super.initState();
+
+    _loadAnnouncement();
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (_announcmentDetails == null) return const Center(child: CircularProgressIndicator());
+
+    return Scrollbar(
+      child: SingleChildScrollView(
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            if (kIsDesktop)
+              Row(
+                children: [
+                  const BackButton(),
+                  IconButton(
+                    icon: const Icon(Icons.refresh),
+                    onPressed: _loadAnnouncement,
+                    tooltip: context.l10n.reload,
+                  ),
+                ],
+              ),
+            Card(
+              child: Padding(
+                padding: const EdgeInsets.all(16),
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.stretch,
+                  children: [
+                    Text(context.l10n.announcementsDetails, style: Theme.of(context).textTheme.headlineLarge),
+                    const SizedBox(height: 32),
+                    Wrap(
+                      crossAxisAlignment: WrapCrossAlignment.center,
+                      spacing: 8,
+                      runSpacing: 8,
+                      children: [
+                        EntityDetails(title: context.l10n.announcementsOverview_severity, value: _announcmentDetails!.severity),
+                        EntityDetails(
+                          title: context.l10n.createdAt,
+                          value: DateFormat.yMd(Localizations.localeOf(context).languageCode).format(_announcmentDetails!.createdAt),
+                        ),
+                        if (_announcmentDetails!.expiresAt != null)
+                          EntityDetails(
+                            title: context.l10n.expiresAt,
+                            value: DateFormat.yMd(Localizations.localeOf(context).languageCode).format(_announcmentDetails!.expiresAt!),
+                          ),
+                      ],
+                    ),
+                  ],
+                ),
+              ),
+            ),
+            _AnnouncementsTextTable(announcementTexts: _announcmentDetails!.texts),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Future<void> _loadAnnouncement() async {
+    final announcementDetailsResponse = await GetIt.I.get<AdminApiClient>().announcements.getAnnouncement(widget.announcementId);
+
+    if (!mounted) return;
+
+    setState(() {
+      _announcmentDetails = announcementDetailsResponse.data;
+    });
+  }
+}
+
+class _AnnouncementsTextTable extends StatelessWidget {
+  final List<AnnouncementText> announcementTexts;
+
+  const _AnnouncementsTextTable({
+    required this.announcementTexts,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      child: SizedBox(
+        width: double.infinity,
+        height: 500,
+        child: DataTable2(
+          columns: <DataColumn>[
+            DataColumn2(label: Text(context.l10n.announcementsLanguage)),
+            DataColumn2(label: Text(context.l10n.title)),
+            DataColumn2(label: Text(context.l10n.body)),
+          ],
+          rows: announcementTexts
+              .map(
+                (announcementText) => DataRow(
+                  cells: [
+                    DataCell(Text(AnnouncementLanguages.languages.firstWhere((language) => language.isoCode == announcementText.language).name)),
+                    DataCell(Text(announcementText.title)),
+                    DataCell(Text(announcementText.body)),
+                  ],
+                ),
+              )
+              .toList(),
+        ),
+      ),
+    );
+  }
+}

Applications/AdminUi/apps/admin_ui/lib/home/announcements_overview/announcements_overview.dart

@@ -0,0 +1,115 @@
+import 'package:admin_api_sdk/admin_api_sdk.dart';
+import 'package:admin_api_types/admin_api_types.dart';
+import 'package:data_table_2/data_table_2.dart';
+import 'package:flutter/material.dart';
+import 'package:get_it/get_it.dart';
+import 'package:go_router/go_router.dart';
+import 'package:intl/intl.dart';
+
+import '/core/core.dart';
+import 'modals/create_announcement_dialog.dart';
+
+class AnnouncementsOverview extends StatefulWidget {
+  const AnnouncementsOverview({super.key});
+
+  @override
+  State<AnnouncementsOverview> createState() => _AnnouncementsOverviewState();
+}
+
+class _AnnouncementsOverviewState extends State<AnnouncementsOverview> {
+  List<Announcement> _announcements = [];
+
+  @override
+  void initState() {
+    super.initState();
+
+    _reloadAnnouncements();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: Text(context.l10n.announcementsOverview_title)),
+      body: Card(
+        child: Padding(
+          padding: const EdgeInsets.all(8),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              Row(
+                crossAxisAlignment: CrossAxisAlignment.end,
+                mainAxisAlignment: MainAxisAlignment.end,
+                children: [
+                  if (kIsDesktop)
+                    IconButton(
+                      icon: const Icon(Icons.refresh),
+                      onPressed: () async => _reloadAnnouncements(),
+                      tooltip: context.l10n.reload,
+                    ),
+                  IconButton.filled(
+                    icon: const Icon(Icons.add),
+                    onPressed: () => showCreateAnnouncementDialog(context: context, onAnnouncementCreated: _reloadAnnouncements),
+                  ),
+                ],
+              ),
+              Expanded(
+                child: DataTable2(
+                  empty: Text(context.l10n.announcementsOverview_noAnnouncementsFound),
+                  columns: <DataColumn2>[
+                    DataColumn2(label: Text(context.l10n.title)),
+                    DataColumn2(label: Text(context.l10n.createdAt)),
+                    DataColumn2(label: Text(context.l10n.expiresAt)),
+                    DataColumn2(label: Text(context.l10n.announcementsOverview_severity)),
+                  ],
+                  rows: _announcements
+                      .map(
+                        (announcement) => DataRow2(
+                          onTap: () => context.go('/announcements/${announcement.id}'),
+                          cells: [
+                            DataCell(Text(_getAnnouncementTitle(announcement, 'en'))),
+                            DataCell(
+                              Tooltip(
+                                message:
+                                    '${DateFormat.yMd(Localizations.localeOf(context).languageCode).format(announcement.createdAt)} ${DateFormat.Hms().format(announcement.createdAt)}',
+                                child: Text(DateFormat.yMd(Localizations.localeOf(context).languageCode).format(announcement.createdAt)),
+                              ),
+                            ),
+                            DataCell(
+                              Tooltip(
+                                message: announcement.expiresAt != null
+                                    ? '${DateFormat.yMd(Localizations.localeOf(context).languageCode).format(announcement.expiresAt!)} ${DateFormat.Hms().format(announcement.expiresAt!)}'
+                                    : '',
+                                child: Text(
+                                  announcement.expiresAt != null
+                                      ? DateFormat.yMd(Localizations.localeOf(context).languageCode).format(announcement.expiresAt!)
+                                      : '',
+                                ),
+                              ),
+                            ),
+                            DataCell(Text(announcement.severity)),
+                          ],
+                        ),
+                      )
+                      .toList(),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  String _getAnnouncementTitle(Announcement announcement, String language) {
+    return announcement.texts.firstWhere((t) => t.language == language).title;
+  }
+
+  Future<void> _reloadAnnouncements() async {
+    final response = await GetIt.I.get<AdminApiClient>().announcements.getAnnouncements();
+    final announcements = response.data..sort((a, b) => a.createdAt.compareTo(b.createdAt));
+
+    setState(() {
+      _announcements = announcements;
+    });
+  }
+}