add tabbar

lib/module/config/config_edit_page.dart

@@ -6,6 +6,7 @@ import 'package:qinglong_app/base/http/api.dart';
 import 'package:qinglong_app/base/http/http.dart';
 import 'package:qinglong_app/base/ql_app_bar.dart';
 import 'package:qinglong_app/module/config/config_viewmodel.dart';
+import 'package:qinglong_app/utils/qinglong_theme.dart';
 
 class ConfigEditPage extends ConsumerStatefulWidget {
   final String content;
@@ -33,7 +34,13 @@ class _ConfigEditPageState extends ConsumerState<ConfigEditPage> {
       files: files,
       styleOptions: EditorModelStyleOptions(
         fontSize: 13,
+        heightOfContainer: MediaQuery.of(context).size.height - kToolbarHeight - kBottomNavigationBarHeight - 150,
+        editorBorderColor: Theme.of(context).scaffoldBackgroundColor,
+        editButtonBackgroundColor: Theme.of(context).scaffoldBackgroundColor,
+        editorColor: Theme.of(context).scaffoldBackgroundColor,
+        theme: qinglongLightTheme,
       ),
+
     );
     return Scaffold(
       appBar: QlAppBar(

lib/module/config/config_page.dart

@@ -1,9 +1,8 @@
-import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:qinglong_app/base/base_state_widget.dart';
 import 'package:code_editor/code_editor.dart';
-import 'package:qinglong_app/base/routes.dart';
 import 'package:qinglong_app/base/theme.dart';
+import 'package:qinglong_app/utils/qinglong_theme.dart';
 
 import 'config_viewmodel.dart';
 
@@ -15,76 +14,35 @@ class ConfigPage extends StatefulWidget {
 }
 
 class _ConfigPageState extends State<ConfigPage> {
-  final myController = TextEditingController();
-
   @override
   Widget build(BuildContext context) {
     return BaseStateWidget<ConfigViewModel>(
       builder: (ref, model, child) {
-        List<FileEditor> files = [
-          FileEditor(
-            name: model.title,
-            language: "sh",
-            code: model.content, // [code] needs a string
-          ),
-        ];
+        List<FileEditor> files = model.list
+            .map(
+              (e) => FileEditor(
+                name: e.title,
+                language: "sh",
+                code: model.content[e.title], // [code] needs a string
+              ),
+            )
+            .toList();
         EditorModel editMode = EditorModel(
           files: files,
           styleOptions: EditorModelStyleOptions(
             fontSize: 13,
-            heightOfContainer: MediaQuery.of(context).size.height - kToolbarHeight - kBottomNavigationBarHeight - 150,
+            heightOfContainer: MediaQuery.of(context).size.height - kToolbarHeight - kBottomNavigationBarHeight - 90,
             editorBorderColor: Theme.of(context).scaffoldBackgroundColor,
             editButtonBackgroundColor: Theme.of(context).scaffoldBackgroundColor,
             editorColor: Theme.of(context).scaffoldBackgroundColor,
+            editorFilenameColor: Theme.of(context).primaryColor,
+            theme: ref.watch(themeProvider).themeColor.codeEditorTheme(),
           ),
         );
-        myController.text = model.content;
-        return Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            Row(
-              children: [
-                DropdownButton<String>(
-                  value: model.title,
-                  items: model.list
-                      .map(
-                        (e) => DropdownMenuItem<String>(
-                          value: e.value ?? "",
-                          child: Text(e.value ?? ""),
-                        ),
-                      )
-                      .toList(),
-                  onChanged: (value) {
-                    model.loadContent(value!);
-                  },
-                ),
-                const Spacer(),
-                CupertinoButton(
-                  child: Text(
-                    "编辑",
-                    style: TextStyle(
-                      color: Theme.of(context).primaryColor,
-                      fontSize: 16,
-                    ),
-                  ),
-                  onPressed: () {
-                    Navigator.of(context).pushNamed(Routes.route_ConfigEdit, arguments: {
-                      "title": model.title,
-                      "content": model.content,
-                    });
-                  },
-                ),
-              ],
-            ),
-            Expanded(
-              child: CodeEditor(
-                model: editMode,
-                edit: false,
-                textEditingController: myController,
-                disableNavigationbar: false,
-              ),
-            ),
-          ],
+        return CodeEditor(
+          model: editMode,
+          edit: false,
+          disableNavigationbar: false,
         );
       },
       model: configProvider,

lib/module/config/config_viewmodel.dart

@@ -9,8 +9,7 @@ var configProvider = ChangeNotifierProvider((ref) => ConfigViewModel());
 class ConfigViewModel extends BaseViewModel {
   List<ConfigBean> list = [];
 
-  String content = "";
-  String title = "";
+  Map<String, String> content = {};
 
   Future<void> loadData([isLoading = true]) async {
     if (isLoading) {
@@ -22,9 +21,12 @@ class ConfigViewModel extends BaseViewModel {
     if (result.success && result.bean != null) {
       list.clear();
       list.addAll(result.bean!);
-      title = list[0].value!;
+
+      for (var element in list) {
+        await loadContent(element.value!);
+      }
+
       success();
-      loadContent(list[0].value!);
     } else {
       list.clear();
       failed(result.message, notify: true);
@@ -32,15 +34,10 @@ class ConfigViewModel extends BaseViewModel {
   }
 
   Future<void> loadContent(String name) async {
-    title = name;
-    notifyListeners();
     HttpResponse<String> result = await Api.content(name);
 
     if (result.success && result.bean != null) {
-      content = result.bean!;
-      success();
-    } else {
-      failToast(result.message, notify: false);
+      content[name] = result.bean!;
     }
   }
 }