shlink-manager/lib/views/url_detail_view.dart

import 'package:flutter/material.dart';
import 'package:shlink_app/API/Classes/ShortURL/short_url.dart';
import 'package:intl/intl.dart';
import 'package:shlink_app/util/build_api_error_snackbar.dart';
import 'package:shlink_app/views/redirect_rules_detail_view.dart';
import 'package:shlink_app/views/short_url_edit_view.dart';
import 'package:shlink_app/widgets/url_tags_list_widget.dart';
import 'package:url_launcher/url_launcher.dart';
import '../globals.dart' as globals;

class URLDetailView extends StatefulWidget {
  const URLDetailView({super.key, required this.shortURL});

  final ShortURL shortURL;

  @override
  State<URLDetailView> createState() => _URLDetailViewState();
}

class _URLDetailViewState extends State<URLDetailView> {
  ShortURL shortURL = ShortURL.empty();
  @override
  void initState() {
    super.initState();
    setState(() {
      shortURL = widget.shortURL;
    });
  }

  Future showDeletionConfirmation() {
    return showDialog(
        context: context,
        builder: (BuildContext context) {
          return AlertDialog(
            title: const Text("Delete Short URL"),
            content: SingleChildScrollView(
              child: ListBody(
                children: [
                  const Text("You're about to delete"),
                  const SizedBox(height: 4),
                  Text(
                    shortURL.title ?? shortURL.shortCode,
                    style: const TextStyle(fontStyle: FontStyle.italic),
                  ),
                  const SizedBox(height: 4),
                  const Text("It'll be gone forever! (a very long time)")
                ],
              ),
            ),
            actions: [
              TextButton(
                  onPressed: () => {Navigator.of(context).pop()},
                  child: const Text("Cancel")),
              TextButton(
                onPressed: () async {
                  var response = await globals.serverManager
                      .deleteShortUrl(shortURL.shortCode);

                  response.fold((l) {
                    Navigator.pop(context);
                    Navigator.pop(context);

                    final snackBar = SnackBar(
                        content: const Text("Short URL deleted!"),
                        backgroundColor: Colors.green[400],
                        behavior: SnackBarBehavior.floating);
                    ScaffoldMessenger.of(context).showSnackBar(snackBar);
                    return true;
                  }, (r) {
                    ScaffoldMessenger.of(context).showSnackBar(
                      buildApiErrorSnackbar(r, context)
                    );
                    return false;
                  });
                },
                child:
                    const Text("Delete", style: TextStyle(color: Colors.red)),
              )
            ],
          );
        });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        slivers: [
          SliverAppBar.medium(
            title: Text(shortURL.title ?? shortURL.shortCode,
                style: const TextStyle(fontWeight: FontWeight.bold)),
            actions: [
              IconButton(
                  onPressed: () async {
                    ShortURL updatedUrl = await Navigator.of(context).push(
                        MaterialPageRoute(
                            builder: (context) =>
                                ShortURLEditView(shortUrl: shortURL)));
                    setState(() {
                      shortURL = updatedUrl;
                    });
                  },
                  icon: const Icon(Icons.edit)),
              IconButton(
                  onPressed: () {
                    showDeletionConfirmation();
                  },
                  icon: const Icon(
                    Icons.delete,
                    color: Colors.red,
                  ))
            ],
          ),
          SliverToBoxAdapter(
            child: Padding(
                padding: const EdgeInsets.only(left: 16.0, right: 16.0),
                child: UrlTagsListWidget(tags: shortURL.tags)),
          ),
          _ListCell(title: "Short Code", content: shortURL.shortCode),
          _ListCell(
              title: "Short URL", content: shortURL.shortUrl, isUrl: true),
          _ListCell(title: "Long URL", content: shortURL.longUrl, isUrl: true),
          _ListCell(title: "Creation Date", content: shortURL.dateCreated),
          _ListCell(
              title: "Redirect Rules",
              content: null,
              clickableDetailView: RedirectRulesDetailView(shortURL: shortURL)),
          const _ListCell(title: "Visits", content: ""),
          _ListCell(
              title: "Total", content: shortURL.visitsSummary.total, sub: true),
          _ListCell(
              title: "Non-Bots",
              content: shortURL.visitsSummary.nonBots,
              sub: true),
          _ListCell(
              title: "Bots", content: shortURL.visitsSummary.bots, sub: true),
          const _ListCell(title: "Meta", content: ""),
          _ListCell(
              title: "Valid Since",
              content: shortURL.meta.validSince,
              sub: true),
          _ListCell(
              title: "Valid Until",
              content: shortURL.meta.validUntil,
              sub: true),
          _ListCell(
              title: "Max Visits", content: shortURL.meta.maxVisits, sub: true),
          _ListCell(title: "Domain", content: shortURL.domain),
          _ListCell(title: "Crawlable", content: shortURL.crawlable, last: true)
        ],
      ),
    );
  }
}

class _ListCell extends StatefulWidget {
  const _ListCell(
      {required this.title,
      required this.content,
      this.sub = false,
      this.last = false,
      this.isUrl = false,
      this.clickableDetailView});

  final String title;
  final dynamic content;
  final bool sub;
  final bool last;
  final bool isUrl;
  final Widget? clickableDetailView;

  @override
  State<_ListCell> createState() => _ListCellState();
}

class _ListCellState extends State<_ListCell> {
  @override
  Widget build(BuildContext context) {
    return SliverToBoxAdapter(
        child: Padding(
            padding: EdgeInsets.only(top: 16, bottom: widget.last ? 30 : 0),
            child: GestureDetector(
              onTap: () async {
                if (widget.clickableDetailView != null) {
                  Navigator.of(context).push(MaterialPageRoute(
                      builder: (context) => widget.clickableDetailView!));
                } else if (widget.content is String) {
                  Uri? parsedUrl = Uri.tryParse(widget.content);
                  if (widget.isUrl &&
                      parsedUrl != null &&
                      await canLaunchUrl(parsedUrl)) {
                    launchUrl(parsedUrl);
                  }
                }
              },
              child: Container(
                padding: const EdgeInsets.only(top: 16, left: 8, right: 8),
                decoration: BoxDecoration(
                  border: Border(
                      top: BorderSide(
                          color: Theme.of(context).dividerColor)),
                ),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Row(
                      children: [
                        if (widget.sub)
                          Padding(
                            padding: const EdgeInsets.only(right: 4),
                            child: SizedBox(
                              width: 20,
                              height: 6,
                              child: Container(
                                decoration: BoxDecoration(
                                  borderRadius: BorderRadius.circular(8),
                                  color: Theme.of(context).colorScheme.outline,
                                ),
                              ),
                            ),
                          ),
                        Text(
                          widget.title,
                          style: const TextStyle(fontWeight: FontWeight.bold),
                        )
                      ],
                    ),
                    if (widget.content is bool)
                      Icon(widget.content ? Icons.check : Icons.close,
                          color: widget.content ? Colors.green : Colors.red)
                    else if (widget.content is int)
                      Text(widget.content.toString())
                    else if (widget.content is String)
                      Expanded(
                        child: Text(
                          widget.content,
                          textAlign: TextAlign.end,
                          overflow: TextOverflow.ellipsis,
                          maxLines: 1,
                        ),
                      )
                    else if (widget.content is DateTime)
                      Text(DateFormat('yyyy-MM-dd - HH:mm')
                          .format(widget.content))
                    else if (widget.clickableDetailView != null)
                      const Icon(Icons.chevron_right)
                    else
                      const Text("N/A")
                  ],
                ),
              ),
            )));
  }
}