| // Copyright 2021 The Fuchsia Authors. All rights reserved. |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| |
| // TODO(http://fxbug.dev/107480): Resolve lint issues and reenable analysis for file |
| // ignore_for_file: deprecated_member_use |
| |
| import 'package:ermine/src/services/preferences_service.dart'; |
| import 'package:ermine/src/states/app_state.dart'; |
| import 'package:ermine/src/widgets/settings/about_settings.dart'; |
| import 'package:ermine/src/widgets/settings/channel_settings.dart'; |
| import 'package:ermine/src/widgets/settings/data_sharing_consent_settings.dart'; |
| import 'package:ermine/src/widgets/settings/keyboard_settings.dart'; |
| import 'package:ermine/src/widgets/settings/shortcut_settings.dart'; |
| import 'package:ermine/src/widgets/settings/timezone_settings.dart'; |
| import 'package:ermine/src/widgets/settings/wifi_settings.dart'; |
| import 'package:ermine_utils/ermine_utils.dart'; |
| import 'package:flutter/material.dart'; |
| import 'package:flutter_mobx/flutter_mobx.dart'; |
| import 'package:internationalization/strings.dart'; |
| import 'package:mobx/mobx.dart'; |
| |
| /// Defines a widget to display status and update system settings. |
| class QuickSettings extends StatelessWidget { |
| final AppState appState; |
| |
| const QuickSettings(this.appState); |
| |
| @override |
| Widget build(BuildContext context) { |
| return RepaintBoundary( |
| child: Container( |
| decoration: BoxDecoration( |
| border: |
| Border(top: BorderSide(color: Theme.of(context).dividerColor)), |
| ), |
| child: Observer(builder: (_) { |
| final state = appState.settingsState; |
| return ListTileTheme( |
| iconColor: Theme.of(context).colorScheme.onSurface, |
| selectedColor: Theme.of(context).colorScheme.onPrimary, |
| child: Stack( |
| fit: StackFit.expand, |
| children: [ |
| _ListSettings(appState), |
| if (state.shortcutsPageVisible) ShortcutSettings(state), |
| if (state.timezonesPageVisible) |
| TimezoneSettings( |
| state: state, |
| onChange: state.updateTimezone, |
| ), |
| if (state.aboutPageVisible) AboutSettings(state), |
| if (state.channelPageVisible) |
| ChannelSettings( |
| state: state, |
| onChange: state.setTargetChannel, |
| updateAlert: appState.checkingForUpdatesAlert, |
| ), |
| if (state.dataSharingConsentPageVisible) |
| DataSharingConsentSettings(appState, state), |
| if (state.wifiPageVisible) WiFiSettings(state: state), |
| if (state.keyboardPageVisible) |
| KeyboardSettings(state: state, onChange: state.updateKeymap) |
| ], |
| ), |
| ); |
| }), |
| ), |
| ); |
| } |
| } |
| |
| class _ListSettings extends StatelessWidget { |
| final AppState appState; |
| |
| const _ListSettings(this.appState); |
| |
| @override |
| Widget build(BuildContext context) { |
| return Container( |
| padding: EdgeInsets.only(top: 24), |
| child: Column( |
| crossAxisAlignment: CrossAxisAlignment.stretch, |
| children: [ |
| // Restart, Shutdown and DateTime. |
| Padding( |
| padding: EdgeInsets.symmetric(horizontal: 24), |
| child: Row( |
| mainAxisSize: MainAxisSize.min, |
| crossAxisAlignment: CrossAxisAlignment.center, |
| children: [ |
| // Logout button. |
| // TODO(https://fxbug.dev/94875): Disable until we figure out |
| // how to cleanly stop all child components of ermine shell. |
| // OutlinedButton( |
| // child: Icon(Icons.logout), |
| // onPressed: appState.logout, |
| // style: ErmineButtonStyle.outlinedButton(Theme.of(context)) |
| // .copyWith( |
| // padding: MaterialStateProperty.all(EdgeInsets.zero), |
| // minimumSize: MaterialStateProperty.all(Size(40, 40)), |
| // ), |
| // ).tooltip(Strings.logout), |
| // SizedBox(width: 8), |
| |
| // Restart button. |
| OutlinedButton( |
| child: Icon(Icons.restart_alt), |
| onPressed: appState.restart, |
| style: ErmineButtonStyle.outlinedButton(Theme.of(context)) |
| .copyWith( |
| padding: MaterialStateProperty.all(EdgeInsets.zero), |
| minimumSize: MaterialStateProperty.all(Size(36, 36)), |
| ), |
| ).tooltip(Strings.restart), |
| SizedBox(width: 8), |
| |
| // Power off button. |
| OutlinedButton( |
| child: Icon(Icons.power_settings_new_rounded), |
| onPressed: appState.shutdown, |
| style: ErmineButtonStyle.outlinedButton(Theme.of(context)) |
| .copyWith( |
| padding: MaterialStateProperty.all(EdgeInsets.zero), |
| minimumSize: MaterialStateProperty.all(Size(36, 36)), |
| ), |
| ).tooltip(Strings.powerOff), |
| |
| Spacer(), |
| // Date time. |
| Observer(builder: (context) { |
| return Text( |
| appState.settingsState.dateTime, |
| style: Theme.of(context).textTheme.bodyText1, |
| ); |
| }), |
| ], |
| ), |
| ), |
| |
| SizedBox(height: 24), |
| |
| Expanded( |
| child: ListView( |
| // TODO(fxb/79721): Re-order tiles everytime a disabled feature is |
| // implemented. |
| children: [ |
| // Feedback (public) or Report an Issue (internal) |
| ListTile( |
| enabled: true, |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| leading: Icon(Icons.feedback_outlined), |
| title: appState.isUserFeedbackEnabled |
| ? Text(Strings.reportAnIssue) |
| : Text(Strings.feedback), |
| trailing: OutlinedButton( |
| style: ErmineButtonStyle.outlinedButton(Theme.of(context)), |
| onPressed: appState.isUserFeedbackEnabled |
| ? appState.showUserFeedback |
| : appState.launchFeedback, |
| child: Text(Strings.open.toUpperCase()), |
| ), |
| ), |
| // Channel |
| ListTile( |
| enabled: true, |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| leading: Icon(Icons.cloud_download), |
| title: Row( |
| crossAxisAlignment: CrossAxisAlignment.center, |
| children: [ |
| Text(Strings.channel), |
| SizedBox(width: 48), |
| Expanded( |
| child: Text( |
| appState.settingsState.currentChannel, |
| overflow: TextOverflow.ellipsis, |
| textAlign: TextAlign.right, |
| maxLines: 1, |
| ), |
| ), |
| ], |
| ), |
| trailing: Icon(Icons.arrow_right), |
| onTap: appState.settingsState.showChannelSettings, |
| ), |
| // Volume |
| Observer(builder: (_) { |
| return ListTile( |
| enabled: true, |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| leading: Icon(appState.settingsState.volumeIcon), |
| title: Row( |
| crossAxisAlignment: CrossAxisAlignment.center, |
| children: [ |
| Text(Strings.volume), |
| Expanded( |
| child: Slider( |
| value: appState.settingsState.volumeLevel ?? 1, |
| onChanged: appState.settingsState.setVolumeLevel, |
| ), |
| ), |
| ], |
| ), |
| trailing: appState.settingsState.volumeMuted == true |
| ? OutlinedButton( |
| style: ErmineButtonStyle.outlinedButton( |
| Theme.of(context)), |
| onPressed: () => appState.settingsState |
| .setVolumeMute(muted: false), |
| child: Text(Strings.unmute.toUpperCase()), |
| ) |
| : OutlinedButton( |
| style: ErmineButtonStyle.outlinedButton( |
| Theme.of(context)), |
| onPressed: () => appState.settingsState |
| .setVolumeMute(muted: true), |
| child: Text(Strings.mute.toUpperCase()), |
| ), |
| ); |
| }), |
| // Brightness |
| Observer(builder: (_) { |
| return ListTile( |
| enabled: true, |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| leading: Icon(appState.settingsState.brightnessIcon), |
| title: Row( |
| crossAxisAlignment: CrossAxisAlignment.center, |
| children: [ |
| Text(Strings.brightness), |
| Expanded( |
| child: Slider( |
| value: appState.settingsState.brightnessLevel ?? 1, |
| onChanged: |
| appState.settingsState.setBrightnessLevel, |
| min: 0.05, |
| ), |
| ), |
| ], |
| ), |
| trailing: appState.settingsState.brightnessAuto == true |
| ? Text(Strings.auto.toUpperCase()) |
| : OutlinedButton( |
| style: ErmineButtonStyle.outlinedButton( |
| Theme.of(context)), |
| onPressed: appState.settingsState.setBrightnessAuto, |
| child: Text(Strings.auto.toUpperCase()), |
| ), |
| ); |
| }), |
| // Wi-Fi |
| Observer(builder: (_) { |
| return ListTile( |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| leading: Icon(Icons.wifi), |
| title: Row( |
| crossAxisAlignment: CrossAxisAlignment.center, |
| children: [ |
| Text(Strings.wifi), |
| SizedBox(width: 48), |
| Expanded( |
| child: Text( |
| appState.settingsState.currentNetwork, |
| overflow: TextOverflow.ellipsis, |
| textAlign: TextAlign.right, |
| maxLines: 1, |
| ), |
| ), |
| ], |
| ), |
| trailing: Icon(Icons.arrow_right), |
| onTap: appState.settingsState.showWiFiSettings, |
| ); |
| }), |
| // Timezone |
| ListTile( |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| leading: Icon(Icons.schedule), |
| title: Text(Strings.timezone), |
| trailing: Wrap( |
| alignment: WrapAlignment.end, |
| crossAxisAlignment: WrapCrossAlignment.center, |
| spacing: 8, |
| children: [ |
| Text( |
| appState.settingsState.selectedTimezone |
| // Remove '_' from city names. |
| .replaceAll('_', ' ') |
| .replaceAll('/', ' / '), |
| style: TextStyle( |
| color: Theme.of(context).colorScheme.secondary), |
| ), |
| Icon(Icons.arrow_right), |
| ], |
| ), |
| onTap: appState.settingsState.showTimezoneSettings, |
| ), |
| // Scale |
| Builder(builder: (context) { |
| var currentScale = appState.scale.asObservable(); |
| final focusNode = FocusNode(); |
| return Observer(builder: (_) { |
| return ListTile( |
| enabled: true, |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| leading: Icon(Icons.display_settings), |
| title: Row( |
| crossAxisAlignment: CrossAxisAlignment.center, |
| children: [ |
| Text(Strings.scale), |
| Expanded( |
| child: Slider( |
| focusNode: focusNode, |
| value: currentScale.value, |
| min: PreferencesService.kScaleLowerBound, |
| max: PreferencesService.kScaleUpperBound, |
| divisions: ((PreferencesService.kScaleUpperBound / |
| PreferencesService.kScaleLowerBound) - |
| 1) |
| .toInt(), |
| onChanged: (value) { |
| runInAction(() => currentScale.value = value); |
| focusNode.requestFocus(); |
| }, |
| label: currentScale.value.toString(), |
| ), |
| ), |
| ], |
| ), |
| trailing: OutlinedButton( |
| style: |
| ErmineButtonStyle.outlinedButton(Theme.of(context)), |
| onPressed: () => appState.setScale(currentScale.value), |
| child: Text(Strings.apply.toUpperCase()), |
| ), |
| ); |
| }); |
| }), |
| // Switch Theme |
| SwitchListTile( |
| key: ValueKey('darkMode'), |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| secondary: Icon(Icons.dark_mode), |
| title: Text(Strings.darkMode), |
| value: appState.hasDarkTheme, |
| onChanged: (value) => appState.setTheme(darkTheme: value), |
| ), |
| // Keyboard Input |
| ListTile( |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| leading: Icon(Icons.keyboard), |
| title: Text(Strings.keyboard), |
| trailing: Wrap( |
| alignment: WrapAlignment.end, |
| crossAxisAlignment: WrapCrossAlignment.center, |
| spacing: 8, |
| children: [ |
| Text(appState.settingsState.currentKeymap), |
| Icon(Icons.arrow_right), |
| ], |
| ), |
| onTap: appState.settingsState.showKeyboardSettings, |
| ), |
| // Keyboard shortcuts |
| ListTile( |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| leading: Icon(Icons.shortcut_outlined), |
| title: Text(Strings.shortcuts), |
| onTap: appState.settingsState.showShortcutSettings, |
| ), |
| // Usage & Diagnostics |
| if (appState.isUserFeedbackEnabled) |
| ListTile( |
| enabled: true, |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| leading: Icon(Icons.bar_chart), |
| title: Row( |
| crossAxisAlignment: CrossAxisAlignment.center, |
| children: [ |
| Text(Strings.usageAndDiagnostics), |
| SizedBox(width: 48), |
| Expanded( |
| child: Text( |
| appState.settingsState.dataSharingConsentEnabled |
| ? Strings.sharingOn |
| : Strings.sharingOff, |
| overflow: TextOverflow.ellipsis, |
| textAlign: TextAlign.right, |
| maxLines: 1, |
| style: TextStyle( |
| color: Theme.of(context).colorScheme.secondary), |
| ), |
| ), |
| ], |
| ), |
| trailing: Icon(Icons.arrow_right), |
| onTap: |
| appState.settingsState.showDataSharingConsentSettings, |
| ), |
| // Open Source |
| ListTile( |
| enabled: true, |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| leading: Icon(Icons.info_outline), |
| title: Text(Strings.openSource), |
| trailing: OutlinedButton( |
| style: ErmineButtonStyle.outlinedButton(Theme.of(context)), |
| onPressed: appState.launchLicense, |
| child: Text(Strings.open.toUpperCase()), |
| ), |
| ), |
| // About Fuchsia |
| ListTile( |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| leading: Icon(Icons.privacy_tip_outlined), |
| title: Text(Strings.aboutFuchsia), |
| onTap: appState.settingsState.showAboutSettings, |
| ), |
| // Features not implemented yet. |
| // Bluetooth |
| ListTile( |
| enabled: false, |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| leading: Icon(Icons.bluetooth_connected), |
| title: Text(Strings.bluetooth), |
| ), |
| // Language |
| ListTile( |
| enabled: false, |
| contentPadding: EdgeInsets.symmetric(horizontal: 24), |
| leading: Icon(Icons.language), |
| title: Text(Strings.language), |
| ), |
| ], |
| ), |
| ), |
| ], |
| ), |
| ); |
| } |
| } |
