freezer/lib/ui/home_screen.dart

import 'package:flutter/material.dart';
import 'package:freezer/api/deezer.dart';
import 'package:freezer/api/definitions.dart';
import 'package:freezer/api/player.dart';
import 'package:freezer/ui/error.dart';
import 'package:freezer/ui/menu.dart';
import 'package:freezer/translations.i18n.dart';
import 'tiles.dart';
import 'details_screens.dart';
import '../settings.dart';

class _SearchHeaderDelegate extends SliverPersistentHeaderDelegate {
  @override
  double get maxExtent => 76.0;

  @override
  double get minExtent => 76.0;

  @override
  bool shouldRebuild(covariant SliverPersistentHeaderDelegate oldDelegate) =>
      false;

  @override
  Widget build(
      BuildContext context, double shrinkOffset, bool overlapsContent) {
    return Padding(
        padding: const EdgeInsets.all(8.0),
        child: Card(
            clipBehavior: Clip.antiAlias,
            shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(56.0)),
            child: ListTile(
                mouseCursor: MaterialStateMouseCursor.textable,
                leading: const Icon(Icons.search),
                title: Text('Search or paste URL'.i18n),
                onTap: () => Navigator.of(context).pushNamed('/search'))));
  }
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: NestedScrollView(
          floatHeaderSlivers: true,
          headerSliverBuilder: (context, _) => [
            SliverPersistentHeader(
                delegate: _SearchHeaderDelegate(), floating: true)
          ],
          body: HomePageScreen(),
        ),
      ),
    );
  }
}

class FreezerTitle extends StatelessWidget {
  const FreezerTitle({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(0, 24, 0, 8),
      child: LayoutBuilder(builder: (context, constraints) {
        return Row(
          mainAxisSize: MainAxisSize.max,
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Image.asset('assets/icon.png', width: 64, height: 64),
            Text(
              'freezer',
              style: TextStyle(fontSize: 56, fontWeight: FontWeight.w900),
            )
          ],
        );
      }),
    );
  }
}

class HomePageScreen extends StatefulWidget {
  final HomePage? homePage;
  final DeezerChannel? channel;
  HomePageScreen({this.homePage, this.channel, Key? key}) : super(key: key);

  @override
  _HomePageScreenState createState() => _HomePageScreenState();
}

class _HomePageScreenState extends State<HomePageScreen> {
  HomePage? _homePage;
  bool _error = false;
  final _indicatorKey = GlobalKey<RefreshIndicatorState>();

  Future<void> _loadChannel() async {
    HomePage? _hp;
    //Fetch channel from api
    try {
      _hp = await deezerAPI.getChannel(widget.channel!.target);
    } catch (e) {
      print(e);
    }
    if (_hp == null) {
      //On error

      setState(() => _error = true);
      return;
    }
    setState(() => _homePage = _hp);
  }

  Future<void> _loadLocalHomePage() async {
    HomePage _hp = await HomePage.local();
    print('LOCAL: ${_hp.sections}');
    setState(() => _homePage = _hp);
  }

  Future<void> _loadHomePage() async {
    //load from API
    final HomePage _hp;
    try {
      if (settings.offlineMode) await deezerAPI.authorize();
      _hp = await deezerAPI.homePage();
    } catch (e) {
      print(e);
      return;
    }
    //Save to cache
    await _hp.save();
    if (!mounted) return;
    if (_hp.sections!.isEmpty) return;
    setState(() => _homePage = _hp);
  }

  Future<void> _load() async {
    print("channel: " + (widget.channel?.target ?? "null"));
    if (widget.channel != null) {
      await _loadChannel();
      return;
    }
    if (_homePage == null) _loadLocalHomePage();
    if (widget.channel == null && widget.homePage == null) {
      await _loadHomePage();
      return;
    }
    if (widget.homePage!.sections == null ||
        widget.homePage!.sections!.isEmpty) {
      await _loadHomePage();
      return;
    }
    //Already have data
    setState(() => _homePage = widget.homePage);
  }

  @override
  void initState() {
    super.initState();

    WidgetsBinding.instance.addPostFrameCallback((_) {
      _indicatorKey.currentState!.show();
    });
  }

  @override
  Widget build(BuildContext context) {
    if (_error) return ErrorScreen();
    return RefreshIndicator(
      key: _indicatorKey,
      onRefresh: _load,
      child: _homePage == null
          ? const SizedBox()
          : ListView(
              children: [
                ..._homePage!.sections!.map((section) {
                  switch (section.layout) {
                    case HomePageSectionLayout.GRID:
                      return HomePageGridSection(section);
                    case HomePageSectionLayout.ROW:
                    default:
                      return HomepageRowSection(section);
                  }
                })
              ],
              padding: EdgeInsets.all(8.0),
            ),
    );
  }
}

class HomepageRowSection extends StatelessWidget {
  final HomePageSection section;
  HomepageRowSection(this.section);

  @override
  Widget build(BuildContext context) {
    return ListTile(
        title: Text(
          section.title ?? '',
          textAlign: TextAlign.left,
          maxLines: 2,
          overflow: TextOverflow.ellipsis,
          style: TextStyle(fontSize: 20.0, fontWeight: FontWeight.w900),
        ),
        subtitle: SingleChildScrollView(
          scrollDirection: Axis.horizontal,
          child: Row(
            children: List.generate(section.items!.length + 1, (j) {
              //Has more items
              if (j == section.items!.length) {
                if (section.hasMore ?? false) {
                  return TextButton(
                    child: Text(
                      'Show more'.i18n,
                      textAlign: TextAlign.center,
                      style: TextStyle(fontSize: 20.0),
                    ),
                    onPressed: () => Navigator.of(context).pushRoute(
                        builder: (context) => Scaffold(
                              appBar: AppBar(title: Text(section.title!)),
                              body: HomePageScreen(
                                channel:
                                    DeezerChannel(target: section.pagePath),
                              ),
                            )),
                  );
                }
                return const SizedBox();
              }

              //Show item
              HomePageItem item = section.items![j];
              return HomePageItemWidget(item);
            }),
          ),
        ));
  }
}

class HomePageGridSection extends StatelessWidget {
  final HomePageSection section;
  HomePageGridSection(this.section);

  @override
  Widget build(BuildContext context) {
    return ListTile(
      contentPadding: EdgeInsets.symmetric(horizontal: 4.0, vertical: 2.0),
      title: Padding(
        padding: EdgeInsets.symmetric(vertical: 4.0, horizontal: 6.0),
        child: Text(
          section.title ?? '',
          textAlign: TextAlign.left,
          maxLines: 2,
          overflow: TextOverflow.ellipsis,
          style: TextStyle(fontSize: 20.0, fontWeight: FontWeight.w900),
        ),
      ),
      subtitle: Wrap(
        alignment: WrapAlignment.spaceAround,
        children: List.generate(section.items!.length, (i) {
          //Item
          return HomePageItemWidget(section.items![i]);
        }),
      ),
    );
  }
}

class HomePageItemWidget extends StatelessWidget {
  final HomePageItem item;
  HomePageItemWidget(this.item);

  @override
  Widget build(BuildContext context) {
    switch (item.type) {
      case HomePageItemType.SMARTTRACKLIST:
        return SmartTrackListTile(
          item.value,
          onTap: () {
            playerHelper.playFromSmartTrackList(item.value);
          },
        );
      case HomePageItemType.ALBUM:
        return AlbumCard(
          item.value,
          onTap: () {
            Navigator.of(context)
                .pushRoute(builder: (context) => AlbumDetails(item.value));
          },
          onHold: () {
            MenuSheet m = MenuSheet(context);
            m.defaultAlbumMenu(item.value);
          },
        );
      case HomePageItemType.ARTIST:
        return ArtistTile(
          item.value,
          onTap: () {
            Navigator.of(context)
                .pushRoute(builder: (context) => ArtistDetails(item.value));
          },
          onHold: () {
            MenuSheet m = MenuSheet(context);
            m.defaultArtistMenu(item.value);
          },
        );
      case HomePageItemType.PLAYLIST:
        return PlaylistCardTile(
          item.value,
          onTap: () {
            Navigator.of(context)
                .pushRoute(builder: (context) => PlaylistDetails(item.value));
          },
          onHold: () {
            MenuSheet m = MenuSheet(context);
            m.defaultPlaylistMenu(item.value);
          },
        );
      case HomePageItemType.CHANNEL:
        return ChannelTile(
          item.value,
          onTap: () {
            Navigator.of(context).pushRoute(
                builder: (context) => Scaffold(
                      appBar: AppBar(title: Text(item.value.title.toString())),
                      body: HomePageScreen(channel: item.value),
                    ));
          },
        );
      case HomePageItemType.SHOW:
        return ShowCard(
          item.value,
          onTap: () {
            Navigator.of(context)
                .pushRoute(builder: (context) => ShowScreen(item.value));
          },
        );
      default:
        return const SizedBox(height: 0, width: 0);
    }
  }
}