shlink-manager/lib/URLDetailView.dart

import 'package:dynamic_color/dynamic_color.dart';
import 'package:flutter/material.dart';
import 'package:shlink_app/API/Classes/ShortURL/ShortURL.dart';
import 'package:intl/intl.dart';
import 'package:shlink_app/API/ServerManager.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> {

  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"),
                  SizedBox(height: 4),
                  Text("${widget.shortURL.title ?? widget.shortURL.shortCode}", style: TextStyle(fontStyle: FontStyle.italic),),
                  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(widget.shortURL.shortCode);

                  response.fold((l) {
                    Navigator.pop(context);
                    Navigator.pop(context, "reload");

                    final snackBar = SnackBar(content: Text("Short URL deleted!"), backgroundColor: Colors.green[400], behavior: SnackBarBehavior.floating);
                    ScaffoldMessenger.of(context).showSnackBar(snackBar);
                    return true;
                  }, (r) {
                    var text = "";
                    if (r is RequestFailure) {
                      text = r.description;
                    }
                    else {
                      text = (r as ApiFailure).detail;
                    }

                    final snackBar = SnackBar(content: Text(text), backgroundColor: Colors.red[400], behavior: SnackBarBehavior.floating);
                    ScaffoldMessenger.of(context).showSnackBar(snackBar);
                    return false;
                  });
                },
                child: Text("Delete", style: TextStyle(color: Colors.red)),
              )
            ],
          );
        });
  }


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        slivers: [
          SliverAppBar.medium(
            title: Text(widget.shortURL.title ?? widget.shortURL.shortCode, style: TextStyle(fontWeight: FontWeight.bold)),
            actions: [
              IconButton(onPressed: () {
                showDeletionConfirmation();
              }, icon: Icon(Icons.delete, color: Colors.red,))
            ],
          ),
          SliverToBoxAdapter(
            child: Padding(
              padding: const EdgeInsets.only(left: 16.0, right: 16.0),
              child: Wrap(
                  children: widget.shortURL.tags.map((tag) {
                    var randomColor = ([...Colors.primaries]..shuffle()).first.harmonizeWith(Theme.of(context).colorScheme.primary);
                    return Padding(
                      padding: EdgeInsets.only(right: 4, top: 4),
                      child: Container(
                        padding: EdgeInsets.only(top: 4, bottom: 4, left: 12, right: 12),
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(4),
                          color: randomColor,
                        ),
                        child: Text(tag, style: TextStyle(color: randomColor.computeLuminance() < 0.5 ? Colors.white : Colors.black),),
                      ),
                    );
                  }).toList()
              ),
            ),
          ),
          _ListCell(title: "Short Code", content: widget.shortURL.shortCode),
          _ListCell(title: "Short URL", content: widget.shortURL.shortUrl),
          _ListCell(title: "Long URL", content: widget.shortURL.longUrl),
          _ListCell(title: "iOS", content: widget.shortURL.deviceLongUrls.ios, sub: true),
          _ListCell(title: "Android", content: widget.shortURL.deviceLongUrls.android, sub: true),
          _ListCell(title: "Desktop", content: widget.shortURL.deviceLongUrls.desktop, sub: true),
          _ListCell(title: "Creation Date", content: widget.shortURL.dateCreated),
          _ListCell(title: "Visits", content: ""),
          _ListCell(title: "Total", content: widget.shortURL.visitsSummary.total, sub: true),
          _ListCell(title: "Non-Bots", content: widget.shortURL.visitsSummary.nonBots, sub: true),
          _ListCell(title: "Bots", content: widget.shortURL.visitsSummary.bots, sub: true),
          _ListCell(title: "Meta", content: ""),
          _ListCell(title: "Valid Since", content: widget.shortURL.meta.validSince, sub: true),
          _ListCell(title: "Valid Until", content: widget.shortURL.meta.validUntil, sub: true),
          _ListCell(title: "Max Visits", content: widget.shortURL.meta.maxVisits, sub: true),
          _ListCell(title: "Domain", content: widget.shortURL.domain),
          _ListCell(title: "Crawlable", content: widget.shortURL.crawlable, last: true)


        ],
      ),
    );
  }
}

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

  final String title;
  final dynamic content;
  final bool sub;
  final bool last;

  @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: Container(
          padding: EdgeInsets.only(top: 16, left: 8, right: 8),
          decoration: BoxDecoration(
            border: Border(top: BorderSide(width: 1, color: MediaQuery.of(context).platformBrightness == Brightness.dark ? Colors.grey[800]! : Colors.grey[300]!)),
          ),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Row(
                children: [
                  if (widget.sub)
                    Padding(
                      padding: EdgeInsets.only(right: 4),
                      child: SizedBox(
                        width: 20,
                        height: 6,
                        child: Container(
                          decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(8),
                            color: Theme.of(context).brightness == Brightness.dark ? Colors.grey[700] : Colors.grey[300],
                          ),
                        ),
                      ),
                    ),
                  Text(widget.title, style: 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
                const Text("N/A")
            ],
          ),
        ),
      )
    );
  }
}