Obtainium/lib/pages/settings.dart

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:obtainium/components/custom_app_bar.dart';
import 'package:obtainium/providers/settings_provider.dart';
import 'package:provider/provider.dart';
import 'package:url_launcher/url_launcher_string.dart';

class SettingsPage extends StatefulWidget {
  const SettingsPage({super.key});

  @override
  State<SettingsPage> createState() => _SettingsPageState();
}

class _SettingsPageState extends State<SettingsPage> {
  @override
  Widget build(BuildContext context) {
    SettingsProvider settingsProvider = context.watch<SettingsProvider>();
    if (settingsProvider.prefs == null) {
      settingsProvider.initializeSettings();
    }
    return CustomScrollView(slivers: <Widget>[
      const CustomAppBar(title: 'Add App'),
      SliverFillRemaining(
          hasScrollBody: true,
          child: Padding(
              padding: const EdgeInsets.all(16),
              child: settingsProvider.prefs == null
                  ? Container()
                  : Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text(
                          'Appearance',
                          style: TextStyle(
                              color: Theme.of(context).colorScheme.primary),
                        ),
                        DropdownButtonFormField(
                            decoration:
                                const InputDecoration(labelText: 'Theme'),
                            value: settingsProvider.theme,
                            items: const [
                              DropdownMenuItem(
                                value: ThemeSettings.dark,
                                child: Text('Dark'),
                              ),
                              DropdownMenuItem(
                                value: ThemeSettings.light,
                                child: Text('Light'),
                              ),
                              DropdownMenuItem(
                                value: ThemeSettings.system,
                                child: Text('Follow System'),
                              )
                            ],
                            onChanged: (value) {
                              if (value != null) {
                                settingsProvider.theme = value;
                              }
                            }),
                        const SizedBox(
                          height: 16,
                        ),
                        DropdownButtonFormField(
                            decoration:
                                const InputDecoration(labelText: 'Colour'),
                            value: settingsProvider.colour,
                            items: const [
                              DropdownMenuItem(
                                value: ColourSettings.basic,
                                child: Text('Obtainium'),
                              ),
                              DropdownMenuItem(
                                value: ColourSettings.materialYou,
                                child: Text('Material You'),
                              )
                            ],
                            onChanged: (value) {
                              if (value != null) {
                                settingsProvider.colour = value;
                              }
                            }),
                        const SizedBox(
                          height: 16,
                        ),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.start,
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Expanded(
                                child: DropdownButtonFormField(
                                    decoration: const InputDecoration(
                                        labelText: 'App Sort By'),
                                    value: settingsProvider.sortColumn,
                                    items: const [
                                      DropdownMenuItem(
                                        value: SortColumnSettings.authorName,
                                        child: Text('Author/Name'),
                                      ),
                                      DropdownMenuItem(
                                        value: SortColumnSettings.nameAuthor,
                                        child: Text('Name/Author'),
                                      ),
                                      DropdownMenuItem(
                                        value: SortColumnSettings.added,
                                        child: Text('As Added'),
                                      )
                                    ],
                                    onChanged: (value) {
                                      if (value != null) {
                                        settingsProvider.sortColumn = value;
                                      }
                                    })),
                            const SizedBox(
                              width: 16,
                            ),
                            Expanded(
                                child: DropdownButtonFormField(
                                    decoration: const InputDecoration(
                                        labelText: 'App Sort Order'),
                                    value: settingsProvider.sortOrder,
                                    items: const [
                                      DropdownMenuItem(
                                        value: SortOrderSettings.ascending,
                                        child: Text('Ascending'),
                                      ),
                                      DropdownMenuItem(
                                        value: SortOrderSettings.descending,
                                        child: Text('Descending'),
                                      ),
                                    ],
                                    onChanged: (value) {
                                      if (value != null) {
                                        settingsProvider.sortOrder = value;
                                      }
                                    })),
                          ],
                        ),
                        const SizedBox(
                          height: 16,
                        ),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            const Text('Show Source Webpage in App View'),
                            Switch(
                                value: settingsProvider.showAppWebpage,
                                onChanged: (value) {
                                  settingsProvider.showAppWebpage = value;
                                })
                          ],
                        ),
                        const Divider(
                          height: 16,
                        ),
                        const SizedBox(
                          height: 16,
                        ),
                        Text(
                          'More',
                          style: TextStyle(
                              color: Theme.of(context).colorScheme.primary),
                        ),
                        DropdownButtonFormField(
                            decoration: const InputDecoration(
                                labelText:
                                    'Background Update Checking Interval'),
                            value: settingsProvider.updateInterval,
                            items: const [
                              DropdownMenuItem(
                                value: 15,
                                child: Text('15 Minutes'),
                              ),
                              DropdownMenuItem(
                                value: 30,
                                child: Text('30 Minutes'),
                              ),
                              DropdownMenuItem(
                                value: 60,
                                child: Text('1 Hour'),
                              ),
                              DropdownMenuItem(
                                value: 360,
                                child: Text('6 Hours'),
                              ),
                              DropdownMenuItem(
                                value: 720,
                                child: Text('12 Hours'),
                              ),
                              DropdownMenuItem(
                                value: 1440,
                                child: Text('1 Day'),
                              ),
                              DropdownMenuItem(
                                value: 0,
                                child: Text('Never - Manual Only'),
                              ),
                            ],
                            onChanged: (value) {
                              if (value != null) {
                                settingsProvider.updateInterval = value;
                              }
                            }),
                        const Spacer(),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            TextButton.icon(
                              style: ButtonStyle(
                                foregroundColor:
                                    MaterialStateProperty.resolveWith<Color>(
                                        (Set<MaterialState> states) {
                                  return Colors.grey;
                                }),
                              ),
                              onPressed: () {
                                launchUrlString(settingsProvider.sourceUrl,
                                    mode: LaunchMode.externalApplication);
                              },
                              icon: const Icon(Icons.code),
                              label: Text(
                                'Source',
                                style: Theme.of(context).textTheme.bodySmall,
                              ),
                            )
                          ],
                        ),
                      ],
                    )))
    ]);
  }
}