2022-08-06 14:13:28 +02:00
|
|
|
import 'package:flutter/material.dart';
|
2022-08-08 00:40:48 +02:00
|
|
|
import 'package:flutter_i18n/flutter_i18n.dart';
|
2022-08-09 01:01:06 +02:00
|
|
|
import 'package:revanced_manager/app/app.locator.dart';
|
2022-08-12 11:42:43 +02:00
|
|
|
import 'package:revanced_manager/theme.dart';
|
2022-08-06 23:35:35 +02:00
|
|
|
import 'package:revanced_manager/ui/widgets/installed_app_item.dart';
|
|
|
|
import 'package:revanced_manager/ui/widgets/search_bar.dart';
|
2022-08-06 14:13:28 +02:00
|
|
|
import 'package:stacked/stacked.dart';
|
2022-08-07 02:13:27 +02:00
|
|
|
import 'package:revanced_manager/ui/views/app_selector/app_selector_viewmodel.dart';
|
2022-08-06 14:13:28 +02:00
|
|
|
|
|
|
|
class AppSelectorView extends StatefulWidget {
|
|
|
|
const AppSelectorView({Key? key}) : super(key: key);
|
|
|
|
|
|
|
|
@override
|
|
|
|
State<AppSelectorView> createState() => _AppSelectorViewState();
|
|
|
|
}
|
|
|
|
|
|
|
|
class _AppSelectorViewState extends State<AppSelectorView> {
|
|
|
|
String query = '';
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2022-08-09 01:01:06 +02:00
|
|
|
return ViewModelBuilder<AppSelectorViewModel>.reactive(
|
2022-08-09 02:16:33 +02:00
|
|
|
disposeViewModel: false,
|
2022-08-13 11:56:30 +02:00
|
|
|
onModelReady: (model) => model.initialize(),
|
2022-08-09 02:16:33 +02:00
|
|
|
viewModelBuilder: () => locator<AppSelectorViewModel>(),
|
2022-08-06 14:13:28 +02:00
|
|
|
builder: (context, model, child) => Scaffold(
|
2022-08-13 11:56:30 +02:00
|
|
|
floatingActionButton: FloatingActionButton.extended(
|
|
|
|
onPressed: () {
|
|
|
|
model.selectAppFromStorage(context);
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
},
|
|
|
|
label: I18nText('appSelectorView.fabButton'),
|
|
|
|
icon: const Icon(Icons.sd_storage),
|
|
|
|
backgroundColor: Theme.of(context).colorScheme.secondary,
|
|
|
|
foregroundColor: Colors.white,
|
|
|
|
),
|
2022-08-06 14:13:28 +02:00
|
|
|
body: SafeArea(
|
|
|
|
child: Padding(
|
|
|
|
padding:
|
|
|
|
const EdgeInsets.symmetric(vertical: 4.0, horizontal: 12.0),
|
2022-08-09 02:16:33 +02:00
|
|
|
child: model.apps.isNotEmpty
|
|
|
|
? Column(
|
|
|
|
children: [
|
|
|
|
SearchBar(
|
2022-08-11 22:17:10 +02:00
|
|
|
fillColor:
|
2022-08-12 11:42:43 +02:00
|
|
|
isDark ? const Color(0xff1B222B) : Colors.grey[200],
|
2022-08-09 02:16:33 +02:00
|
|
|
hintText: FlutterI18n.translate(
|
|
|
|
context,
|
|
|
|
'appSelectorView.searchBarHint',
|
2022-08-06 14:13:28 +02:00
|
|
|
),
|
2022-08-12 11:42:43 +02:00
|
|
|
hintTextColor: Theme.of(context).colorScheme.tertiary,
|
2022-08-09 02:16:33 +02:00
|
|
|
onQueryChanged: (searchQuery) {
|
|
|
|
setState(() {
|
|
|
|
query = searchQuery;
|
|
|
|
});
|
|
|
|
},
|
|
|
|
),
|
|
|
|
const SizedBox(height: 12),
|
|
|
|
query.isEmpty || query.length < 2
|
|
|
|
? _getAllResults(model)
|
|
|
|
: _getFilteredResults(model)
|
|
|
|
],
|
|
|
|
)
|
|
|
|
: query.isEmpty || query.length < 2
|
2022-08-12 11:42:43 +02:00
|
|
|
? Center(
|
2022-08-09 02:16:33 +02:00
|
|
|
child: CircularProgressIndicator(
|
2022-08-12 11:42:43 +02:00
|
|
|
color: Theme.of(context).colorScheme.secondary,
|
2022-08-06 14:13:28 +02:00
|
|
|
),
|
2022-08-09 02:16:33 +02:00
|
|
|
)
|
|
|
|
: Center(
|
|
|
|
child: I18nText('appSelectorCard.noAppsLabel'),
|
|
|
|
),
|
2022-08-06 14:13:28 +02:00
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
2022-08-09 02:16:33 +02:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget _getAllResults(AppSelectorViewModel model) {
|
|
|
|
return Expanded(
|
|
|
|
child: ListView.builder(
|
|
|
|
itemCount: model.apps.length,
|
|
|
|
itemBuilder: (context, index) {
|
2022-08-13 11:56:30 +02:00
|
|
|
model.apps.sort((a, b) => a.appName.compareTo(b.appName));
|
2022-08-09 02:16:33 +02:00
|
|
|
return InkWell(
|
|
|
|
onTap: () {
|
|
|
|
model.selectApp(model.apps[index]);
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
},
|
|
|
|
child: InstalledAppItem(
|
2022-08-13 11:56:30 +02:00
|
|
|
name: model.apps[index].appName,
|
|
|
|
pkgName: model.apps[index].packageName,
|
|
|
|
icon: model.apps[index].icon,
|
2022-08-09 02:16:33 +02:00
|
|
|
),
|
|
|
|
);
|
|
|
|
},
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget _getFilteredResults(AppSelectorViewModel model) {
|
|
|
|
return Expanded(
|
|
|
|
child: ListView.builder(
|
|
|
|
itemCount: model.apps.length,
|
|
|
|
itemBuilder: (context, index) {
|
2022-08-13 11:56:30 +02:00
|
|
|
model.apps.sort((a, b) => a.appName.compareTo(b.appName));
|
|
|
|
if (model.apps[index].appName.toLowerCase().contains(
|
2022-08-09 02:16:33 +02:00
|
|
|
query.toLowerCase(),
|
|
|
|
)) {
|
|
|
|
return InkWell(
|
|
|
|
onTap: () {
|
|
|
|
model.selectApp(model.apps[index]);
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
},
|
|
|
|
child: InstalledAppItem(
|
2022-08-13 11:56:30 +02:00
|
|
|
name: model.apps[index].appName,
|
|
|
|
pkgName: model.apps[index].packageName,
|
|
|
|
icon: model.apps[index].icon,
|
2022-08-09 02:16:33 +02:00
|
|
|
),
|
|
|
|
);
|
|
|
|
} else {
|
|
|
|
return const SizedBox();
|
|
|
|
}
|
|
|
|
},
|
|
|
|
),
|
2022-08-06 14:13:28 +02:00
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|