2021-06-24 23:10:45 +00:00
|
|
|
import 'dart:convert';
|
2021-11-03 19:53:32 +00:00
|
|
|
import 'dart:io';
|
2021-06-24 23:10:45 +00:00
|
|
|
import 'package:cwtch/cwtch_icons_icons.dart';
|
2021-11-02 02:29:58 +00:00
|
|
|
import 'package:cwtch/models/servers.dart';
|
2021-12-10 04:22:55 +00:00
|
|
|
import 'package:cwtch/themes/opaque.dart';
|
2021-06-24 23:10:45 +00:00
|
|
|
import 'package:package_info_plus/package_info_plus.dart';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:cwtch/settings.dart';
|
|
|
|
import 'package:provider/provider.dart';
|
|
|
|
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
|
|
|
|
|
|
|
import '../main.dart';
|
|
|
|
import '../config.dart';
|
|
|
|
|
|
|
|
/// Global Settings View provides access to modify all the Globally Relevant Settings including Locale, Theme and Experiments.
|
|
|
|
class GlobalSettingsView extends StatefulWidget {
|
|
|
|
@override
|
|
|
|
_GlobalSettingsViewState createState() => _GlobalSettingsViewState();
|
|
|
|
}
|
|
|
|
|
|
|
|
class _GlobalSettingsViewState extends State<GlobalSettingsView> {
|
|
|
|
@override
|
|
|
|
void dispose() {
|
|
|
|
super.dispose();
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
return Scaffold(
|
|
|
|
appBar: AppBar(
|
|
|
|
title: Text(AppLocalizations.of(context)!.cwtchSettingsTitle),
|
|
|
|
),
|
|
|
|
body: _buildSettingsList(),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget _buildSettingsList() {
|
|
|
|
return Consumer<Settings>(builder: (context, settings, child) {
|
|
|
|
return LayoutBuilder(builder: (BuildContext context, BoxConstraints viewportConstraints) {
|
2021-12-10 04:22:55 +00:00
|
|
|
var appIcon = Icon(Icons.info, color: settings.current().mainTextColor);
|
2021-06-24 23:10:45 +00:00
|
|
|
return Scrollbar(
|
|
|
|
isAlwaysShown: true,
|
|
|
|
child: SingleChildScrollView(
|
|
|
|
clipBehavior: Clip.antiAlias,
|
|
|
|
child: ConstrainedBox(
|
|
|
|
constraints: BoxConstraints(
|
|
|
|
minHeight: viewportConstraints.maxHeight,
|
|
|
|
),
|
|
|
|
child: Column(children: [
|
|
|
|
ListTile(
|
2021-12-10 04:22:55 +00:00
|
|
|
title: Text(AppLocalizations.of(context)!.settingLanguage, style: TextStyle(color: settings.current().mainTextColor)),
|
|
|
|
leading: Icon(CwtchIcons.change_language, color: settings.current().mainTextColor),
|
2021-06-24 23:10:45 +00:00
|
|
|
trailing: DropdownButton(
|
|
|
|
value: Provider.of<Settings>(context).locale.languageCode,
|
|
|
|
onChanged: (String? newValue) {
|
|
|
|
setState(() {
|
|
|
|
settings.switchLocale(Locale(newValue!, ''));
|
|
|
|
saveSettings(context);
|
|
|
|
});
|
|
|
|
},
|
|
|
|
items: AppLocalizations.supportedLocales.map<DropdownMenuItem<String>>((Locale value) {
|
|
|
|
return DropdownMenuItem<String>(
|
|
|
|
value: value.languageCode,
|
|
|
|
child: Text(getLanguageFull(context, value.languageCode)),
|
|
|
|
);
|
|
|
|
}).toList())),
|
|
|
|
SwitchListTile(
|
2021-12-10 04:22:55 +00:00
|
|
|
title: Text(AppLocalizations.of(context)!.settingTheme, style: TextStyle(color: settings.current().mainTextColor)),
|
|
|
|
value: settings.current().mode == mode_light,
|
2021-06-24 23:10:45 +00:00
|
|
|
onChanged: (bool value) {
|
|
|
|
if (value) {
|
2021-12-10 04:22:55 +00:00
|
|
|
settings.setTheme(settings.theme.theme, mode_light);
|
2021-06-24 23:10:45 +00:00
|
|
|
} else {
|
2021-12-10 04:22:55 +00:00
|
|
|
settings.setTheme(settings.theme.theme, mode_dark);
|
2021-06-24 23:10:45 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// Save Settings...
|
|
|
|
saveSettings(context);
|
|
|
|
},
|
2021-12-11 05:07:47 +00:00
|
|
|
activeTrackColor: settings.theme.defaultButtonColor,
|
2021-12-10 04:22:55 +00:00
|
|
|
inactiveTrackColor: settings.theme.defaultButtonDisabledColor,
|
|
|
|
secondary: Icon(CwtchIcons.change_theme, color: settings.current().mainTextColor),
|
2021-06-24 23:10:45 +00:00
|
|
|
),
|
|
|
|
ListTile(
|
2021-12-10 04:22:55 +00:00
|
|
|
title: Text("Colour Theme"),
|
|
|
|
//AppLocalizations.of(context)!.settingTheme)),
|
|
|
|
trailing: DropdownButton<String>(
|
|
|
|
value: Provider.of<Settings>(context).theme.theme,
|
|
|
|
onChanged: (String? newValue) {
|
|
|
|
setState(() {
|
|
|
|
settings.setTheme(newValue!, settings.theme.mode);
|
|
|
|
saveSettings(context);
|
|
|
|
});
|
|
|
|
},
|
|
|
|
items: themes.keys.map<DropdownMenuItem<String>>((String themeId) {
|
|
|
|
return DropdownMenuItem<String>(
|
|
|
|
value: themeId,
|
|
|
|
child: Text(themes[themeId]?[mode_light]?.name ?? "Unknown"), //todo translate
|
|
|
|
);
|
|
|
|
}).toList())),
|
|
|
|
ListTile(
|
|
|
|
title: Text(AppLocalizations.of(context)!.settingUIColumnPortrait, style: TextStyle(color: settings.current().mainTextColor)),
|
|
|
|
leading: Icon(Icons.table_chart, color: settings.current().mainTextColor),
|
2021-06-24 23:10:45 +00:00
|
|
|
trailing: DropdownButton(
|
|
|
|
value: settings.uiColumnModePortrait.toString(),
|
|
|
|
onChanged: (String? newValue) {
|
|
|
|
settings.uiColumnModePortrait = Settings.uiColumnModeFromString(newValue!);
|
|
|
|
saveSettings(context);
|
|
|
|
},
|
|
|
|
items: Settings.uiColumnModeOptions(false).map<DropdownMenuItem<String>>((DualpaneMode value) {
|
|
|
|
return DropdownMenuItem<String>(
|
|
|
|
value: value.toString(),
|
2021-07-07 22:35:13 +00:00
|
|
|
child: Text(Settings.uiColumnModeToString(value, context)),
|
2021-06-24 23:10:45 +00:00
|
|
|
);
|
|
|
|
}).toList())),
|
|
|
|
ListTile(
|
2021-07-08 21:43:01 +00:00
|
|
|
title: Text(
|
|
|
|
AppLocalizations.of(context)!.settingUIColumnLandscape,
|
|
|
|
textWidthBasis: TextWidthBasis.longestLine,
|
|
|
|
softWrap: true,
|
2021-12-10 04:22:55 +00:00
|
|
|
style: TextStyle(color: settings.current().mainTextColor),
|
2021-07-08 21:43:01 +00:00
|
|
|
),
|
2021-12-10 04:22:55 +00:00
|
|
|
leading: Icon(Icons.table_chart, color: settings.current().mainTextColor),
|
2021-07-08 21:43:01 +00:00
|
|
|
trailing: Container(
|
|
|
|
width: 200.0,
|
|
|
|
child: DropdownButton(
|
|
|
|
isExpanded: true,
|
|
|
|
value: settings.uiColumnModeLandscape.toString(),
|
|
|
|
onChanged: (String? newValue) {
|
|
|
|
settings.uiColumnModeLandscape = Settings.uiColumnModeFromString(newValue!);
|
|
|
|
saveSettings(context);
|
|
|
|
},
|
|
|
|
items: Settings.uiColumnModeOptions(true).map<DropdownMenuItem<String>>((DualpaneMode value) {
|
|
|
|
return DropdownMenuItem<String>(
|
|
|
|
value: value.toString(),
|
|
|
|
child: Text(
|
|
|
|
Settings.uiColumnModeToString(value, context),
|
|
|
|
overflow: TextOverflow.ellipsis,
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}).toList()))),
|
2021-06-24 23:10:45 +00:00
|
|
|
SwitchListTile(
|
2021-12-10 04:22:55 +00:00
|
|
|
title: Text(AppLocalizations.of(context)!.blockUnknownLabel, style: TextStyle(color: settings.current().mainTextColor)),
|
2021-06-24 23:10:45 +00:00
|
|
|
subtitle: Text(AppLocalizations.of(context)!.descriptionBlockUnknownConnections),
|
|
|
|
value: settings.blockUnknownConnections,
|
|
|
|
onChanged: (bool value) {
|
|
|
|
if (value) {
|
|
|
|
settings.forbidUnknownConnections();
|
|
|
|
} else {
|
|
|
|
settings.allowUnknownConnections();
|
|
|
|
}
|
|
|
|
|
|
|
|
// Save Settings...
|
|
|
|
saveSettings(context);
|
|
|
|
},
|
2021-12-11 05:07:47 +00:00
|
|
|
activeTrackColor: settings.theme.defaultButtonColor,
|
2021-12-10 04:22:55 +00:00
|
|
|
inactiveTrackColor: settings.theme.defaultButtonDisabledColor,
|
|
|
|
secondary: Icon(CwtchIcons.block_unknown, color: settings.current().mainTextColor),
|
2021-06-24 23:10:45 +00:00
|
|
|
),
|
|
|
|
SwitchListTile(
|
2021-12-10 04:22:55 +00:00
|
|
|
title: Text(AppLocalizations.of(context)!.streamerModeLabel, style: TextStyle(color: settings.current().mainTextColor)),
|
2021-09-14 16:05:07 +00:00
|
|
|
subtitle: Text(AppLocalizations.of(context)!.descriptionStreamerMode),
|
|
|
|
value: settings.streamerMode,
|
|
|
|
onChanged: (bool value) {
|
2021-09-17 20:38:10 +00:00
|
|
|
settings.setStreamerMode(value);
|
2021-09-14 16:05:07 +00:00
|
|
|
// Save Settings...
|
|
|
|
saveSettings(context);
|
|
|
|
},
|
2021-12-11 05:07:47 +00:00
|
|
|
activeTrackColor: settings.theme.defaultButtonColor,
|
2021-12-10 04:22:55 +00:00
|
|
|
inactiveTrackColor: settings.theme.defaultButtonDisabledColor,
|
|
|
|
secondary: Icon(CwtchIcons.streamer_bunnymask, color: settings.current().mainTextColor),
|
2021-06-24 23:10:45 +00:00
|
|
|
),
|
|
|
|
SwitchListTile(
|
2021-12-10 04:22:55 +00:00
|
|
|
title: Text(AppLocalizations.of(context)!.experimentsEnabled, style: TextStyle(color: settings.current().mainTextColor)),
|
2021-06-24 23:10:45 +00:00
|
|
|
subtitle: Text(AppLocalizations.of(context)!.descriptionExperiments),
|
|
|
|
value: settings.experimentsEnabled,
|
|
|
|
onChanged: (bool value) {
|
|
|
|
if (value) {
|
|
|
|
settings.enableExperiments();
|
|
|
|
} else {
|
|
|
|
settings.disableExperiments();
|
|
|
|
}
|
|
|
|
// Save Settings...
|
|
|
|
saveSettings(context);
|
|
|
|
},
|
2021-12-11 05:07:47 +00:00
|
|
|
activeTrackColor: settings.theme.defaultButtonColor,
|
2021-12-10 04:22:55 +00:00
|
|
|
inactiveTrackColor: settings.theme.defaultButtonDisabledColor,
|
|
|
|
secondary: Icon(CwtchIcons.enable_experiments, color: settings.current().mainTextColor),
|
2021-06-24 23:10:45 +00:00
|
|
|
),
|
|
|
|
Visibility(
|
|
|
|
visible: settings.experimentsEnabled,
|
|
|
|
child: Column(
|
|
|
|
children: [
|
|
|
|
SwitchListTile(
|
2021-12-10 04:22:55 +00:00
|
|
|
title: Text(AppLocalizations.of(context)!.enableGroups, style: TextStyle(color: settings.current().mainTextColor)),
|
2021-06-24 23:10:45 +00:00
|
|
|
subtitle: Text(AppLocalizations.of(context)!.descriptionExperimentsGroups),
|
|
|
|
value: settings.isExperimentEnabled(TapirGroupsExperiment),
|
|
|
|
onChanged: (bool value) {
|
|
|
|
if (value) {
|
|
|
|
settings.enableExperiment(TapirGroupsExperiment);
|
|
|
|
} else {
|
|
|
|
settings.disableExperiment(TapirGroupsExperiment);
|
|
|
|
}
|
|
|
|
// Save Settings...
|
|
|
|
saveSettings(context);
|
|
|
|
},
|
2021-12-11 05:07:47 +00:00
|
|
|
activeTrackColor: settings.theme.defaultButtonColor,
|
2021-12-10 04:22:55 +00:00
|
|
|
inactiveTrackColor: settings.theme.defaultButtonDisabledColor,
|
|
|
|
secondary: Icon(CwtchIcons.enable_groups, color: settings.current().mainTextColor),
|
2021-06-24 23:10:45 +00:00
|
|
|
),
|
2021-11-03 19:53:32 +00:00
|
|
|
Visibility(
|
2021-11-25 23:59:54 +00:00
|
|
|
visible: !Platform.isAndroid && !Platform.isIOS,
|
|
|
|
child: SwitchListTile(
|
2021-12-10 04:22:55 +00:00
|
|
|
title: Text(AppLocalizations.of(context)!.settingServers, style: TextStyle(color: settings.current().mainTextColor)),
|
2021-11-03 19:53:32 +00:00
|
|
|
subtitle: Text(AppLocalizations.of(context)!.settingServersDescription),
|
|
|
|
value: settings.isExperimentEnabled(ServerManagementExperiment),
|
|
|
|
onChanged: (bool value) {
|
|
|
|
Provider.of<ServerListState>(context, listen: false).clear();
|
|
|
|
if (value) {
|
|
|
|
settings.enableExperiment(ServerManagementExperiment);
|
|
|
|
} else {
|
|
|
|
settings.disableExperiment(ServerManagementExperiment);
|
|
|
|
}
|
|
|
|
// Save Settings...
|
|
|
|
saveSettings(context);
|
|
|
|
},
|
2021-12-11 05:07:47 +00:00
|
|
|
activeTrackColor: settings.theme.defaultButtonColor,
|
2021-12-10 04:22:55 +00:00
|
|
|
inactiveTrackColor: settings.theme.defaultButtonDisabledColor,
|
|
|
|
secondary: Icon(CwtchIcons.dns_24px, color: settings.current().mainTextColor),
|
2021-11-03 19:53:32 +00:00
|
|
|
)),
|
2021-09-21 21:57:40 +00:00
|
|
|
SwitchListTile(
|
2021-12-10 04:22:55 +00:00
|
|
|
title: Text(AppLocalizations.of(context)!.settingFileSharing, style: TextStyle(color: settings.current().mainTextColor)),
|
2021-09-21 21:57:40 +00:00
|
|
|
subtitle: Text(AppLocalizations.of(context)!.descriptionFileSharing),
|
|
|
|
value: settings.isExperimentEnabled(FileSharingExperiment),
|
|
|
|
onChanged: (bool value) {
|
|
|
|
if (value) {
|
|
|
|
settings.enableExperiment(FileSharingExperiment);
|
|
|
|
} else {
|
|
|
|
settings.disableExperiment(FileSharingExperiment);
|
|
|
|
}
|
|
|
|
saveSettings(context);
|
|
|
|
},
|
2021-12-11 05:07:47 +00:00
|
|
|
activeTrackColor: settings.theme.defaultButtonColor,
|
2021-12-10 04:22:55 +00:00
|
|
|
inactiveTrackColor: settings.theme.defaultButtonDisabledColor,
|
|
|
|
secondary: Icon(Icons.attach_file, color: settings.current().mainTextColor),
|
2021-09-21 21:57:40 +00:00
|
|
|
),
|
2021-11-06 05:38:45 +00:00
|
|
|
SwitchListTile(
|
2021-12-14 19:29:13 +00:00
|
|
|
title: Text(AppLocalizations.of(context)!.enableExperimentClickableLinks, style: TextStyle(color: settings.current().mainTextColor)),
|
2021-12-13 23:42:42 +00:00
|
|
|
subtitle: Text(AppLocalizations.of(context)!.experimentClickableLinksDescription),
|
2021-11-06 05:38:45 +00:00
|
|
|
value: settings.isExperimentEnabled(ClickableLinksExperiment),
|
|
|
|
onChanged: (bool value) {
|
|
|
|
if (value) {
|
|
|
|
settings.enableExperiment(ClickableLinksExperiment);
|
|
|
|
} else {
|
|
|
|
settings.disableExperiment(ClickableLinksExperiment);
|
|
|
|
}
|
|
|
|
saveSettings(context);
|
|
|
|
},
|
2021-12-11 05:07:47 +00:00
|
|
|
activeTrackColor: settings.theme.defaultButtonColor,
|
2021-12-10 04:22:55 +00:00
|
|
|
inactiveTrackColor: settings.theme.defaultButtonDisabledColor,
|
|
|
|
secondary: Icon(Icons.link, color: settings.current().mainTextColor),
|
2021-11-06 05:38:45 +00:00
|
|
|
),
|
2021-06-24 23:10:45 +00:00
|
|
|
],
|
|
|
|
)),
|
|
|
|
AboutListTile(
|
2021-07-14 17:29:46 +00:00
|
|
|
icon: appIcon,
|
|
|
|
applicationIcon: Padding(padding: EdgeInsets.all(5), child: Icon(CwtchIcons.cwtch_knott)),
|
|
|
|
applicationName: "Cwtch (Flutter UI)",
|
|
|
|
applicationLegalese: '\u{a9} 2021 Open Privacy Research Society',
|
|
|
|
aboutBoxChildren: <Widget>[
|
|
|
|
Padding(
|
2021-12-10 04:22:55 +00:00
|
|
|
padding: EdgeInsets.fromLTRB(24.0 + 10.0 + (appIcon.size ?? 24.0), 16.0, 0.0, 0.0),
|
|
|
|
// About has 24 padding (ln 389) and there appears to be another 10 of padding in the widget
|
2021-07-14 17:29:46 +00:00
|
|
|
child: SelectableText(AppLocalizations.of(context)!.versionBuilddate.replaceAll("%1", EnvironmentConfig.BUILD_VER).replaceAll("%2", EnvironmentConfig.BUILD_DATE)),
|
|
|
|
)
|
|
|
|
]),
|
2021-06-24 23:10:45 +00:00
|
|
|
]))));
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Construct a version string from Package Info
|
|
|
|
String constructVersionString(PackageInfo pinfo) {
|
|
|
|
if (pinfo == null) {
|
|
|
|
return "";
|
|
|
|
}
|
|
|
|
return pinfo.version + "." + pinfo.buildNumber;
|
|
|
|
}
|
|
|
|
|
|
|
|
/// A slightly verbose way to extract the full language name from
|
|
|
|
/// an individual language code. There might be a more efficient way of doing this.
|
|
|
|
String getLanguageFull(context, String languageCode) {
|
|
|
|
if (languageCode == "en") {
|
|
|
|
return AppLocalizations.of(context)!.localeEn;
|
|
|
|
}
|
|
|
|
if (languageCode == "es") {
|
|
|
|
return AppLocalizations.of(context)!.localeEs;
|
|
|
|
}
|
|
|
|
if (languageCode == "fr") {
|
|
|
|
return AppLocalizations.of(context)!.localeFr;
|
|
|
|
}
|
|
|
|
if (languageCode == "pt") {
|
|
|
|
return AppLocalizations.of(context)!.localePt;
|
|
|
|
}
|
|
|
|
if (languageCode == "de") {
|
|
|
|
return AppLocalizations.of(context)!.localeDe;
|
|
|
|
}
|
|
|
|
if (languageCode == "it") {
|
|
|
|
return AppLocalizations.of(context)!.localeIt;
|
|
|
|
}
|
2021-07-07 22:35:13 +00:00
|
|
|
if (languageCode == "pl") {
|
|
|
|
return AppLocalizations.of(context)!.localePl;
|
|
|
|
}
|
2021-11-10 17:55:51 +00:00
|
|
|
if (languageCode == "ru") {
|
|
|
|
return AppLocalizations.of(context)!.localeRU;
|
|
|
|
}
|
2021-06-24 23:10:45 +00:00
|
|
|
return languageCode;
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Send an UpdateGlobalSettings to the Event Bus
|
|
|
|
saveSettings(context) {
|
|
|
|
var settings = Provider.of<Settings>(context, listen: false);
|
|
|
|
final updateSettingsEvent = {
|
|
|
|
"EventType": "UpdateGlobalSettings",
|
|
|
|
"Data": {"Data": jsonEncode(settings.asJson())},
|
|
|
|
};
|
|
|
|
final updateSettingsEventJson = jsonEncode(updateSettingsEvent);
|
|
|
|
Provider.of<FlwtchState>(context, listen: false).cwtch.SendAppEvent(updateSettingsEventJson);
|
|
|
|
}
|