Update server_status_interval_edit view

lib/app.dart

@@ -49,11 +49,10 @@ class MyApp extends StatelessWidget {
                   focusedBorder: UnderlineInputBorder(
                       borderSide: BorderSide(color: primaryColor))),
               radioTheme: RadioThemeData(
-                  fillColor: getMaterialStateColor(primaryColor)),
+                  fillColor: getMaterialStateColor(primaryColor),),
             ),
             darkTheme: ThemeData.dark().copyWith(
                 primaryColor: primaryColor,
-                appBarTheme: AppBarTheme(backgroundColor: primaryColor),
                 floatingActionButtonTheme: FloatingActionButtonThemeData(
                     backgroundColor: primaryColor),
                 iconTheme: IconThemeData(color: primaryColor),

lib/data/provider/server.dart

@@ -73,11 +73,10 @@ class ServerProvider extends BusyProvider {
   }
 
   Future<void> startAutoRefresh() async {
-    Timer.periodic(
+    final duration =
-        Duration(
+        locator<SettingStore>().serverStatusUpdateInterval.fetch()!;
-            seconds: locator<SettingStore>()
+    if (duration == 0) return;
-                .serverStatusUpdateInterval
+    Timer.periodic(Duration(seconds: duration), (_) async {
-                .fetch()!), (_) async {
       await refreshData();
     });
   }
@@ -86,12 +85,14 @@ class ServerProvider extends BusyProvider {
     _servers.add(genInfo(info));
     locator<ServerStore>().put(info);
     notifyListeners();
+    refreshData();
   }
 
   void delServer(ServerPrivateInfo info) {
     _servers.removeWhere((e) => e.info == info);
     locator<ServerStore>().delete(info);
     notifyListeners();
+    refreshData();
   }
 
   void updateServer(ServerPrivateInfo old, ServerPrivateInfo newInfo) {
@@ -100,6 +101,7 @@ class ServerProvider extends BusyProvider {
     _servers[idx].client = genClient(newInfo);
     locator<ServerStore>().update(old, newInfo);
     notifyListeners();
+    refreshData();
   }
 
   Future<ServerStatus> _getData(ServerPrivateInfo info, int idx) async {

lib/data/res/build_data.dart

@@ -3,7 +3,8 @@
 class BuildData {
   static const String name = "ToolBox";
   static const int build = 23;
-  static const String engine = "Flutter 2.5.3 • channel stable • https://github.com/flutter/flutter.git\nFramework • revision 18116933e7 (11 days ago) • 2021-10-15 10:46:35 -0700\nEngine • revision d3ea636dc5\nTools • Dart 2.14.4\n";
+  static const String engine =
+      "Flutter 2.5.3 • channel stable • https://github.com/flutter/flutter.git\nFramework • revision 18116933e7 (11 days ago) • 2021-10-15 10:46:35 -0700\nEngine • revision d3ea636dc5\nTools • Dart 2.14.4\n";
   static const String buildAt = "2021-10-26 14:18:53.461371";
   static const int modifications = 4;
 }

lib/view/page/convert.dart

@@ -1,5 +1,6 @@
 import 'dart:convert';
 
+import 'package:clipboard/clipboard.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_staggered_animations/flutter_staggered_animations.dart';
 import 'package:toolbox/data/res/color.dart';
@@ -109,7 +110,7 @@ class _ConvertPageState extends State<ConvertPage>
           child: SizedBox(
             width: _media.size.width * 0.3,
             child: Row(
-              children: const [Icon(Icons.change_circle), Text('Upside down')],
+              children: const [Icon(Icons.change_circle), Text(' Upside down')],
             ),
           ),
           onPressed: () {
@@ -147,7 +148,18 @@ class _ConvertPageState extends State<ConvertPage>
   Widget _buildResult() {
     return SizedBox(
       height: _media.size.height * 0.33,
-      child: _buildInput(_textEditingControllerResult),
+      child: Stack(
+        children: [
+          _buildInput(_textEditingControllerResult),
+          Positioned(
+              right: 7,
+              top: 7,
+              child: IconButton(
+                  onPressed: () =>
+                      FlutterClipboard.copy(_textEditingControllerResult.text),
+                  icon: const Icon(Icons.copy)))
+        ],
+      ),
     );
   }
 

lib/view/page/private_key/edit.dart

@@ -55,6 +55,7 @@ class _PrivateKeyEditPageState extends State<PrivateKeyEditPage>
             minLines: 3,
             maxLines: 10,
             keyboardType: TextInputType.text,
+            enableSuggestions: false,
             decoration: buildDecoration('Private Key', icon: Icons.vpn_key),
           ),
           TextField(

lib/view/page/server/edit.dart

@@ -62,25 +62,30 @@ class _ServerEditPageState extends State<ServerEditPage> with AfterLayoutMixin {
             TextField(
               controller: nameController,
               keyboardType: TextInputType.text,
-              decoration: buildDecoration('Name', icon: Icons.info),
+              decoration:
+                  buildDecoration('Name', icon: Icons.info, hint: 'Example'),
             ),
             TextField(
               controller: ipController,
               keyboardType: TextInputType.text,
               autocorrect: false,
-              decoration: buildDecoration('Host', icon: Icons.storage),
+              enableSuggestions: false,
+              decoration: buildDecoration('Host',
+                  icon: Icons.storage, hint: 'example.com'),
             ),
             TextField(
               controller: portController,
               keyboardType: TextInputType.number,
-              decoration:
+              decoration: buildDecoration('Port',
-                  buildDecoration('Port', icon: Icons.format_list_numbered),
+                  icon: Icons.format_list_numbered, hint: '22'),
             ),
             TextField(
               controller: usernameController,
               keyboardType: TextInputType.text,
               autocorrect: false,
-              decoration: buildDecoration('User', icon: Icons.account_box),
+              enableSuggestions: false,
+              decoration: buildDecoration('User',
+                  icon: Icons.account_box, hint: 'root'),
             ),
             const SizedBox(height: 7),
             Row(
@@ -96,7 +101,8 @@ class _ServerEditPageState extends State<ServerEditPage> with AfterLayoutMixin {
                     controller: passwordController,
                     obscureText: true,
                     keyboardType: TextInputType.text,
-                    decoration: buildDecoration('Pwd', icon: Icons.password),
+                    decoration: buildDecoration('Pwd',
+                        icon: Icons.password, hint: 'Password'),
                     onSubmitted: (_) => {},
                   )
                 : const SizedBox(),
@@ -138,8 +144,23 @@ class _ServerEditPageState extends State<ServerEditPage> with AfterLayoutMixin {
       floatingActionButton: FloatingActionButton(
         child: const Icon(Icons.send),
         onPressed: () {
+          if (ipController.text == '') {
+            showSnackBar(context, const Text('Please enter host.'));
+            return;
+          }
+          if (!usePublicKey && passwordController.text == '') {
+            showSnackBar(context, const Text('Please enter password.'));
+            return;
+          }
           if (usePublicKey && _typeOptionIndex == -1) {
             showSnackBar(context, const Text('Please select a private key.'));
+            return;
+          }
+          if (usernameController.text == '') {
+            usernameController.text = 'root';
+          }
+          if (portController.text == '') {
+            portController.text = '22';
           }
           final authorization = usePublicKey
               ? {"privateKey": _keyInfo[0], "passphrase": _keyInfo[1]}

lib/view/page/server/tab.dart

@@ -121,7 +121,8 @@ class _ServerPageState extends State<ServerPage>
             Text(ss.uptime!,
                 textScaleFactor: 1.0,
                 style: TextStyle(
-                    color: _theme.textTheme.bodyText1!.color!.withAlpha(100), fontSize: 11))
+                    color: _theme.textTheme.bodyText1!.color!.withAlpha(100),
+                    fontSize: 11))
           ],
         ),
         const SizedBox(

lib/view/page/setting.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_material_color_picker/flutter_material_color_picker.dart';
-import 'package:toolbox/core/utils.dart';
+import 'package:toolbox/data/res/color.dart';
 import 'package:toolbox/data/store/setting.dart';
 import 'package:toolbox/locator.dart';
 import 'package:toolbox/view/widget/round_rect_card.dart';
@@ -15,14 +15,20 @@ class SettingPage extends StatefulWidget {
 class _SettingPageState extends State<SettingPage> {
   late SettingStore _store;
   late int _selectedColorValue;
-  final TextEditingController _intervalController = TextEditingController();
+  double _value = 0;
+  late Color _textColor;
+
+@override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    _textColor = Theme.of(context).textTheme.bodyText1!.color!;
+  }
 
   @override
   void initState() {
     super.initState();
     _store = locator<SettingStore>();
-    _intervalController.text =
+    _value = _store.serverStatusUpdateInterval.fetch()!.toDouble();
-        _store.serverStatusUpdateInterval.fetch()!.toString();
   }
 
   @override
@@ -36,28 +42,40 @@ class _SettingPageState extends State<SettingPage> {
         children: [
           RoundRectCard(_buildAppColorPreview()),
           RoundRectCard(
-            ListTile(
+            ExpansionTile(
-              contentPadding: EdgeInsets.zero,
+              tilePadding: EdgeInsets.zero,
-              title: const Text(
+              childrenPadding: EdgeInsets.zero,
-                'Server status update interval (seconds)',
+              title: Text(
-                style: TextStyle(fontSize: 14),
+                'Server status update interval',
+                style: TextStyle(fontSize: 14, color: _textColor),
                 textAlign: TextAlign.start,
               ),
-              trailing: SizedBox(
+              subtitle: const Text(
-                width: MediaQuery.of(context).size.width * 0.1,
+                'Will take effect the next time app launches.',
-                child: TextField(
+                style: TextStyle(color: Colors.grey),
-                  textAlign: TextAlign.center,
+              ),
-                  controller: _intervalController,
+              trailing: Text('${_value.toInt()} s'),
-                  keyboardType: TextInputType.number,
+              children: [
-                  onSubmitted: (val) {
+                Slider(
-                    _store.serverStatusUpdateInterval.put(int.parse(val));
+                  thumbColor: primaryColor,
-                    showSnackBar(
+                  activeColor: primaryColor.withOpacity(0.7),
-                        context,
+                  min: 0,
-                        const Text(
+                  max: 10,
-                            'This setting will take effect \nthe next time app launch'));
+                  value: _value,
+                  onChanged: (newValue) {
+                    setState(() {
+                      _value = newValue;
+                    });
                   },
+                  onChangeEnd: (val) =>
+                      _store.serverStatusUpdateInterval.put(val.toInt()),
+                  label: '${_value.toInt()} seconds',
+                  divisions: 10,
                 ),
-              ),
+                const SizedBox(height: 3,),
+                _value == 0.0 ? const Text('You set to 0, will not update automatically.') : const SizedBox(),
+                const SizedBox(height: 13,)
+              ],
             ),
           )
         ],
@@ -81,9 +99,9 @@ class _SettingPageState extends State<SettingPage> {
             width: 27,
           ),
         ),
-        title: const Text(
+        title: Text(
           'App primary color',
-          style: TextStyle(fontSize: 14),
+          style: TextStyle(fontSize: 14, color: _textColor),
         ));
   }
 

lib/view/widget/input_decoration.dart

@@ -2,10 +2,11 @@ import 'package:flutter/material.dart';
 import 'package:toolbox/data/res/color.dart';
 
 InputDecoration buildDecoration(String label,
-    {TextStyle? textStyle, IconData? icon}) {
+    {TextStyle? textStyle, IconData? icon, String? hint}) {
   return InputDecoration(
       labelText: label,
       labelStyle: textStyle,
+      hintText: hint,
       icon: Icon(
         icon,
         color: primaryColor,

pubspec.lock

@@ -45,6 +45,13 @@ packages:
       url: "https://github.com/LollipopKit/circle_chart"
     source: git
     version: "0.0.3"
+  clipboard:
+    dependency: "direct main"
+    description:
+      name: clipboard
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.1.3"
   clock:
     dependency: transitive
     description:

pubspec.yaml

@@ -50,6 +50,7 @@ dependencies:
     git: 
       url: https://github.com/LollipopKit/circle_chart
       ref: main
+  clipboard: ^0.1.3
 
 
 dev_dependencies: