ui: Refactor create task dialog

ui/lib/common/colors.dart

@@ -4,15 +4,15 @@ double opacity = 0.5;
 
 Color rgba(int r, int g, int b, double a) => Color.fromRGBO(r, g, b, a);
 
-Color headlineFontColor = rgba(100, 116, 139, 1);
+Color headlineFontColor = rgba(51, 65, 85, 1);
 Color regularFontColor = rgba(71, 85, 105, 1);
 Color secondaryFontColor = rgba(100, 116, 139, 1);
 Color disableFontColor = rgba(148, 163, 184, 1);
 
 Color defaultColor = rgba(203, 213, 225, 1);
 Color defaultDisabledColor = rgba(226, 232, 240, 1);
 
-Color primaryColor = rgba(59, 130, 246, 1);
-Color primaryHoveredColor = rgba(37, 99, 235, 1);
-Color primaryPressedColor = rgba(29, 78, 216, 1);
-Color primaryDisabledColor = rgba(59, 130, 246, opacity);
+Color primaryColor = rgba(56, 86, 242, 1);
+Color primaryHoveredColor = rgba(89, 126, 247, 1);
+Color primaryPressedColor = rgba(29, 57, 196, 1);
+Color primaryDisabledColor = rgba(111, 133, 245, opacity);

ui/lib/models/task.dart

@@ -107,3 +107,39 @@ class TaskDetail {
             .map((storage) => Storage.fromMap(storage))),
       );
 }
+
+class Staff {
+  String id;
+
+  Staff({required this.id});
+
+  factory Staff.fromMap(Map<String, dynamic> json) => Staff(id: json["id"]);
+
+  Map<String, dynamic> toMap() => {
+        "id": id,
+      };
+
+  String toString() => json.encode(toMap());
+}
+
+class Staffs {
+  List<Staff> staffs;
+
+  Staffs({required this.staffs});
+
+  factory Staffs.fromList(List<Object> staffs) {
+    return Staffs(
+      staffs: List<Staff>.from(
+        staffs.map((x) => Staff.fromMap(x as Map<String, dynamic>)),
+      ),
+    );
+  }
+
+  List<Map<String, dynamic>> toList() {
+    return staffs.map((staff) => staff.toMap()).toList();
+  }
+
+  String toString() => json.encode(toList());
+
+  int length() => staffs.length;
+}

ui/lib/modules/dashboard/create_task_dialog/controller.dart

@@ -3,8 +3,13 @@ import 'package:flutter/widgets.dart';
 import 'package:graphql_flutter/graphql_flutter.dart';
 
 import '../../../common/request.dart';
+import '../../../models/task.dart';
 
 class CreateTaskController extends GetxController {
+  RxInt step = 1.obs;
+  RxBool isEditingName = false.obs;
+  RxBool isCreatingIdentity = false.obs;
+
   RxString name = ''.obs;
   RxString srcType = ''.obs;
   RxString srcPath = '/'.obs;
@@ -105,8 +110,27 @@ class CreateTaskController extends GetxController {
     ''';
   }
 
+  final String staffQuery = '''
+    query {
+      staffs {
+        id
+      }
+    }
+  ''';
+
+  Future<Staffs> getStaffs() {
+    return queryGraphQL(QueryOptions(document: gql(staffQuery))).then((result) {
+      if (result.data != null) {
+        return Staffs.fromList(result.data["staffs"] ?? []);
+      } else {
+        return Staffs.fromList([]);
+      }
+    });
+  }
+
   Future<QueryResult> createTask() {
-    String _query = '''
+    return getStaffs().then((staffs) {
+      String _query = '''
       mutation {
         createTask(input: {
           name: "$name",
@@ -116,15 +140,17 @@ class CreateTaskController extends GetxController {
             key: "recursive",
             value: "true",
           },
-          staffs: {
-            id: "",
-          },
+          staffs: ${staffs.toList()},
         }) { id }
       }
     ''';
 
-    return queryGraphQL(QueryOptions(document: gql(_query))).then((result) {
-      return result;
+      return queryGraphQL(QueryOptions(document: gql(staffQuery)))
+          .then((result) {
+        return queryGraphQL(QueryOptions(document: gql(_query))).then((result) {
+          return result;
+        });
+      });
     });
   }
 }