Dashboard chart flow

lib/widgets/dialog/alert.dart

@@ -0,0 +1,62 @@
+
+import 'package:flutter/material.dart';
+
+class InfoAlertBannerChild extends StatelessWidget {
+  final String text;
+  const InfoAlertBannerChild({super.key, required this.text});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: double.infinity,
+      constraints: BoxConstraints(maxWidth: MediaQuery.of(context).size.width * 0.8),
+      decoration: const BoxDecoration(
+        color: Colors.greenAccent,
+        borderRadius: BorderRadius.all(Radius.circular(5)),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.all(10),
+        child: Material(
+          color: Colors.transparent,
+          child: Text(text,
+            style: const TextStyle(color: Colors.white, fontSize: 18),
+            maxLines: 3,
+            overflow: TextOverflow.ellipsis,
+            textAlign: TextAlign.center,
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class AlertAlertBannerChild extends StatelessWidget {
+  final String text;
+  const AlertAlertBannerChild({super.key, required this.text});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: double.infinity,
+      constraints: BoxConstraints(maxWidth: MediaQuery.of(context).size.width * 0.8),
+      decoration: const BoxDecoration(
+        color: Colors.redAccent,
+        borderRadius: BorderRadius.all(
+          Radius.circular(5),
+        ),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.all(10),
+        child: Material(
+          color: Colors.transparent,
+          child: Text( text,
+            style: const TextStyle(color: Colors.white, fontSize: 18),
+            maxLines: 3,
+            overflow: TextOverflow.ellipsis,
+            textAlign: TextAlign.center,
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/widgets/dialog/confirm_box.dart

@@ -0,0 +1,31 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+
+class ConfirmBoxWidget extends StatefulWidget {
+  String purpose = ""; 
+  Function validate = () {};
+  ConfirmBoxWidget ({ Key? key, required this.purpose, required this.validate }): super(key: key);
+  @override ConfirmBoxWidgetState createState() => ConfirmBoxWidgetState();
+}
+class ConfirmBoxWidgetState extends State<ConfirmBoxWidget> {
+  @override Widget build(BuildContext context) {
+    return AlertDialog(
+        content: Padding(padding: EdgeInsets.all(20), child: Column(mainAxisSize: MainAxisSize.min, children: [
+      Center(child: Padding( padding: EdgeInsets.only(bottom: 10), 
+        child: Icon(Icons.help_outline_outlined, size: 80, color: Colors.grey,))),
+      Center(child: Text("Are you sure ?", style: TextStyle(fontSize: 25, color: Theme.of(context).primaryColor),)),
+      Center(child: Text("Do you really want to ${widget.purpose.toUpperCase()} ?", 
+        style: const TextStyle(fontSize: 12.5, color: Colors.grey),)),
+      const Center(child: Text("You will not able to undo this action.", 
+        style: TextStyle(fontSize: 12.5, color: Colors.grey),)),
+      Padding( padding: EdgeInsets.only(top: 20), child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [
+        Padding( padding: EdgeInsets.only(right: 10), child: TextButton(onPressed: () {
+          widget.validate();
+          context.pop();
+        }, style: ButtonStyle(backgroundColor: MaterialStateProperty.all(Theme.of(context).primaryColor)), 
+        child: Padding( padding: EdgeInsets.symmetric(horizontal: 20), child: Text("YES", style: TextStyle(color: Colors.white, fontSize: 15),)))),
+        TextButton(onPressed: () => context.pop(), style: ButtonStyle(backgroundColor: MaterialStateProperty.all(Theme.of(context).splashColor)), 
+        child: Padding( padding: EdgeInsets.symmetric(horizontal: 20), child: Text("NO", style: TextStyle(color: Colors.white, fontSize: 15),)))]))
+    ],)));
+  }
+}

lib/widgets/dialog/login.dart

@@ -0,0 +1,71 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:go_router/go_router.dart';
+
+class LoginWidget extends StatefulWidget {
+  LoginWidget ({ Key? key }): super(key: key);
+  @override LoginWidgetState createState() => LoginWidgetState();
+}
+class LoginWidgetState extends State<LoginWidget> {
+  @override Widget build(BuildContext context) {
+    return AlertDialog(
+        backgroundColor: Colors.white,
+        shape: const RoundedRectangleBorder(
+                    borderRadius: BorderRadius.all(Radius.circular(0))),
+        content: Padding(padding: const EdgeInsets.all(20), child: Column(mainAxisSize: MainAxisSize.min, children: [
+      const Center(child: Padding( padding: EdgeInsets.only(bottom: 10), 
+        child: Icon(Icons.person_search, size: 80, color: Colors.grey,))),
+      const Center(child: Text("WELCOME ON OPENCLOUD", style: TextStyle(fontSize: 25, fontWeight: FontWeight.w600,
+        color: Color.fromRGBO(38, 166, 154, 1)),)),
+      Padding(padding: const EdgeInsets.symmetric(vertical: 20), child: Divider(color: Colors.grey.shade300,),),
+      Container( margin: const EdgeInsets.only(bottom: 10), child: Center(child: Row( mainAxisAlignment: MainAxisAlignment.center,
+        children: [ 
+        Container( 
+          width: MediaQuery.of(context).size.width / 3,
+          alignment : Alignment.center,  
+          child: TextField(
+          decoration: InputDecoration(
+            enabledBorder: OutlineInputBorder(borderSide: BorderSide(color: Colors.grey.shade300), borderRadius: BorderRadius.zero),
+            border: OutlineInputBorder(borderSide: BorderSide(color: Colors.grey.shade300), borderRadius: BorderRadius.zero),
+            focusedBorder: OutlineInputBorder(borderSide: BorderSide(color: Colors.grey.shade300), borderRadius: BorderRadius.zero),
+            hintText: "username...",
+            contentPadding: const EdgeInsets.symmetric(horizontal: 20),
+            fillColor: Colors.grey.shade300,
+            filled: true,
+            hintStyle: const TextStyle(fontSize: 12.5, color: Colors.grey)),
+          style: const TextStyle(fontSize: 12.5, color: Colors.grey)),),
+        Container(width: 50, height: 50, color: Colors.black, child: const Icon(Icons.person, color: Colors.white))
+      ]))),
+      Container( margin: const EdgeInsets.only(bottom: 20), child: Center(child: Row( mainAxisAlignment: MainAxisAlignment.center,
+        children: [ 
+        Container( 
+          width: MediaQuery.of(context).size.width / 3,
+          alignment : Alignment.center,  
+          child: TextField(
+          obscureText: true,
+          decoration: InputDecoration(
+            focusedBorder: OutlineInputBorder(borderSide: BorderSide(color: Colors.grey.shade300), borderRadius: BorderRadius.zero),
+            enabledBorder: OutlineInputBorder(borderSide: BorderSide(color: Colors.grey.shade300), borderRadius: BorderRadius.zero),
+            border: OutlineInputBorder(borderSide: BorderSide(color: Colors.grey.shade300), borderRadius: BorderRadius.zero),
+            hintText: "password...",
+            contentPadding: const EdgeInsets.symmetric(horizontal: 20),
+            fillColor: Colors.grey.shade300,
+            filled: true,
+            hintStyle: const TextStyle(fontSize: 12.5, color: Colors.grey)),
+          style: const TextStyle(fontSize: 12.5, color: Colors.grey)),),
+        Container(width: 50, height: 50, color: Colors.black, child: const Icon(Icons.password, color: Colors.white))
+      ]))),
+      Row( mainAxisAlignment: MainAxisAlignment.center, children: [
+        Padding( padding: const EdgeInsets.only(right: 10), child: 
+          InkWell(onTap: () { context.pop(); }, 
+          mouseCursor: SystemMouseCursors.click,
+          child: Container(
+            margin: const EdgeInsets.only(top: 20),
+            width: MediaQuery.of(context).size.width / 3,
+            padding: const EdgeInsets.symmetric(vertical: 20),
+            color: const Color.fromRGBO(38, 166, 154, 1), 
+        child: const Center( child: Text("LOGIN", style: TextStyle(color: Colors.white, fontSize: 15),))))),
+      ])
+    ],)));
+  }
+}

lib/widgets/dialog/new_box.dart

@@ -0,0 +1,158 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_flow_chart/flutter_flow_chart.dart';
+import 'package:oc_front/core/services/specialized_services/abstract_service.dart';
+import 'package:oc_front/models/abstract.dart';
+import 'package:oc_front/models/response.dart';
+
+abstract class New {
+  String name = "";
+}
+
+class NewBoxWidget<T extends SerializerDeserializer<dynamic>> extends StatefulWidget {
+  String? _selected;
+  Dashboard dash;
+  final TextEditingController _ctrl = TextEditingController();
+  AbstractService<T> service; 
+  Function validate = () {};
+  NewBoxWidget ({ super.key, required this.service, required this.dash, this.getItems });
+  @override NewBoxWidgetState<T> createState() => NewBoxWidgetState<T>();
+
+  List<DropdownMenuItem> Function(APIResponse<T>? data)? getItems;
+}
+class NewBoxWidgetState<T extends SerializerDeserializer<dynamic>> extends State<NewBoxWidget> {
+  @override Widget build(BuildContext context) {
+    widget._ctrl.value = TextEditingValue(text: widget.dash.defaultName);
+    return Container(
+      color: Colors.white,
+      padding: const EdgeInsets.all(20),
+      child: Column(
+          children: [
+            Row( 
+                mainAxisAlignment: MainAxisAlignment.center,
+                children : [ 
+                  FutureBuilder<APIResponse<T>>(
+                      future: (widget.service as AbstractService<T>).all(context),
+                      builder: (context, snapshot) {
+                    List<DropdownMenuItem> items = widget.getItems != null ?  widget.getItems!(snapshot.data) : [];
+                    if (widget._selected != null 
+                    && !items.where((element) => element.value == widget._selected).isNotEmpty) { 
+                      items.add(DropdownMenuItem<String>(
+                              value: widget._selected.toString(),
+                              child: Text(widget._selected.toString()),
+                            ));
+                    }
+                    return SizedBox( width: 400, height: 50, child: DropdownButtonFormField(
+                      value: widget._selected,
+                      hint: const Text("select workflow to load...", style: TextStyle(color: Colors.grey, fontSize: 15)),
+                      decoration: InputDecoration( 
+                        filled: true,
+                        focusedBorder: const OutlineInputBorder( borderRadius: BorderRadius.zero,
+                            borderSide: BorderSide(color: Color.fromARGB(38, 166, 154, 1), width: 0),
+                        ),
+                        fillColor: Colors.grey.shade300,
+                        contentPadding: const EdgeInsets.only(left: 30, right: 30, top: 10, bottom: 30),
+                        enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.zero,
+                            borderSide: BorderSide(color: Colors.grey.shade300, width: 0),
+                        ),
+                        border: OutlineInputBorder( borderRadius: BorderRadius.zero,
+                          borderSide: BorderSide(color: Colors.grey.shade300, width: 0)),
+                      ),
+                      items: items, onChanged: (value) {
+                        setState(() {
+                          widget._selected = value.toString();
+                        });
+                      })); 
+                    }),
+                  Tooltip(
+                    message: 'empty selection',
+                    child: InkWell( 
+                      mouseCursor: widget._selected == null || widget._selected!.isEmpty ? MouseCursor.defer : SystemMouseCursors.click,
+                      onTap: () { 
+                        if (widget._selected == null || widget._selected!.isEmpty) { return; }
+                        setState(() {  widget._selected = null; }); 
+                      },
+                      child: Container( 
+                        width: 50, height: 50,
+                        decoration: const BoxDecoration( color: Colors.black,
+                          border: Border(right: BorderSide(color: Colors.white))),
+                            child: Icon(Icons.refresh, color: widget._selected == null || widget._selected!.isEmpty  ? Colors.grey : Colors.white),
+                        )
+                   )
+                  ),
+                  Tooltip(
+                    message: 'load workflow selected',
+                    child: InkWell( 
+                      mouseCursor: widget._selected == null || widget._selected!.isEmpty  
+                        ? MouseCursor.defer : SystemMouseCursors.click,
+                      onTap: () { 
+                        if (widget._selected == null || widget._selected!.isEmpty) { return; }
+                        widget.dash.name = widget._selected ?? widget.dash.name; 
+                        widget.dash.notifyListeners();
+                        Navigator.pop(context);
+                      },
+                      child: Container(
+                        width: 50, height: 50,
+                        color: Colors.black,
+                        child: Icon(Icons.open_in_browser_outlined, 
+                        color: widget._selected == null || widget._selected!.isEmpty ? Colors.grey : Colors.white),
+                      )
+                    )
+                  )
+                ]),
+              Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                crossAxisAlignment: CrossAxisAlignment.center,
+                children: [
+                  Container(
+                          margin: const EdgeInsets.only(top: 10),
+                          width: 450,
+                          height: 50,
+                          child: TextFormField(
+                            cursorColor: const Color.fromARGB(38, 166, 154, 1),
+                            controller: widget._ctrl,
+                            onChanged: (value) => setState(() { widget._ctrl.value = TextEditingValue(text: value); }), 
+                            validator: (value) => value == null || value.isEmpty ? "name is required" : null,
+                            decoration: InputDecoration(
+                              hintText: "name a new workflow...",
+                              fillColor: Colors.grey.shade300,
+                              filled: true,
+                              contentPadding: const EdgeInsets.symmetric(horizontal: 30, vertical: 20),
+                              hintStyle: const TextStyle(
+                                color: Colors.black,
+                                fontSize: 14,
+                                fontWeight: FontWeight.w300
+                              ),
+                              border: InputBorder.none
+                            )
+                          )
+                        ),
+                        Tooltip(
+                          message: 'add',
+                          child:InkWell( 
+                            mouseCursor: widget._ctrl.value.text.isEmpty ? MouseCursor.defer : SystemMouseCursors.click,
+                            onTap: () async {
+                              if (widget._ctrl.value.text.isNotEmpty) {
+                                await widget.service.post(context, {}, { "workflowName" : widget._ctrl.value.text });
+                                widget._selected = widget._ctrl.value.text;
+                                widget._ctrl.value = const TextEditingValue(text: "");
+                                widget.dash.name = widget._selected ?? widget.dash.name;
+                                widget.dash.notifyListeners();
+                                // ignore: use_build_context_synchronously
+                                Navigator.pop(context);
+                              }
+                            },
+                            child: Container(
+                              margin: const EdgeInsets.only(top: 10),
+                              width: 50,
+                              height: 50,
+                              color: Colors.black,
+                              child: Icon(Icons.add, color: widget._ctrl.value.text.isEmpty ? Colors.grey : Colors.white)
+                            )
+                          )
+                        )
+                ])
+          ]
+        )
+    );
+  }
+}