Add new mih text form field to Pat Prof: Consultations

Frontend/lib/mih_packages/patient_profile/pat_profile/list_builders/build_notes_list.dart

@@ -2,9 +2,8 @@ import 'dart:convert';
 
 import 'package:flutter_speed_dial/flutter_speed_dial.dart';
 import 'package:mzansi_innovation_hub/main.dart';
-import 'package:mzansi_innovation_hub/mih_components/mih_inputs_and_buttons/mih_multiline_text_input.dart';
-import 'package:mzansi_innovation_hub/mih_components/mih_inputs_and_buttons/mih_text_input.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_window.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_text_form_field.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_pop_up_messages/mih_delete_message.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_pop_up_messages/mih_error_message.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_pop_up_messages/mih_success_message.dart';
@@ -148,7 +147,7 @@ class _BuildNotesListState extends State<BuildNotesList> {
                     color:
                         MzanziInnovationHub.of(context)!.theme.primaryColor(),
                   ),
-                  label: "Delete Document",
+                  label: "Delete Note",
                   labelBackgroundColor:
                       MzanziInnovationHub.of(context)!.theme.successColor(),
                   labelStyle: TextStyle(
@@ -170,43 +169,62 @@ class _BuildNotesListState extends State<BuildNotesList> {
         windowBody: Column(
           children: [
             const SizedBox(height: 10.0),
-            MIHTextField(
+            MihTextFormField(
+              fillColor:
+                  MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+              inputColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
               controller: businessNameController,
+              multiLineInput: false,
+              requiredText: true,
+              readOnly: true,
               hintText: "Office",
-              editable: false,
-              required: false,
             ),
             const SizedBox(height: 10.0),
-            MIHTextField(
+            MihTextFormField(
+              fillColor:
+                  MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+              inputColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
               controller: userNameController,
+              multiLineInput: false,
+              requiredText: true,
+              readOnly: true,
               hintText: "Created By",
-              editable: false,
-              required: false,
             ),
             const SizedBox(height: 10.0),
-            MIHTextField(
+            MihTextFormField(
+              fillColor:
+                  MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+              inputColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
               controller: dateController,
+              multiLineInput: false,
+              requiredText: true,
+              readOnly: true,
               hintText: "Created Date",
-              editable: false,
-              required: false,
             ),
             const SizedBox(height: 10.0),
-            MIHTextField(
+            MihTextFormField(
+              fillColor:
+                  MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+              inputColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
               controller: noteTitleController,
+              multiLineInput: false,
+              requiredText: true,
+              readOnly: true,
               hintText: "Note Title",
-              editable: false,
-              required: false,
             ),
             const SizedBox(height: 10.0),
-            SizedBox(
+            MihTextFormField(
               height: 250,
-              child: MIHMLTextField(
+              fillColor:
+                  MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+              inputColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
               controller: noteTextController,
+              multiLineInput: true,
+              requiredText: true,
+              readOnly: true,
               hintText: "Note Details",
-                editable: false,
-                required: false,
-              ),
             ),
+            const SizedBox(height: 10.0),
           ],
         ),
       ),

Frontend/lib/mih_packages/patient_profile/pat_profile/package_tools/patient_consultation.dart

@@ -1,13 +1,14 @@
 import 'dart:convert';
 import 'package:flutter_speed_dial/flutter_speed_dial.dart';
 import 'package:mzansi_innovation_hub/main.dart';
-import 'package:mzansi_innovation_hub/mih_components/mih_inputs_and_buttons/mih_multiline_text_input.dart';
+import 'package:mzansi_innovation_hub/mih_apis/mih_validation_services.dart';
-import 'package:mzansi_innovation_hub/mih_components/mih_inputs_and_buttons/mih_text_input.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_layout/mih_single_child_scroll.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_form.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_tool_body.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_floating_menu.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_window.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_text_form_field.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_pop_up_messages/mih_error_message.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_pop_up_messages/mih_loading_circle.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_pop_up_messages/mih_success_message.dart';
@@ -51,6 +52,7 @@ class _PatientConsultationState extends State<PatientConsultation> {
   final doctorController = TextEditingController();
   final ValueNotifier<int> _counter = ValueNotifier<int>(0);
   String endpoint = "${AppEnviroment.baseApiUrl}/notes/patients/";
+  final _formKey = GlobalKey<FormState>();
 
   Future<List<Note>> fetchNotes(String endpoint) async {
     final response = await http.get(Uri.parse(
@@ -94,43 +96,72 @@ class _PatientConsultationState extends State<PatientConsultation> {
         },
         windowBody: Column(
           children: [
-            MIHTextField(
+            MihForm(
+              formKey: _formKey,
+              formFields: [
+                MihTextFormField(
+                  fillColor:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  inputColor:
+                      MzanziInnovationHub.of(context)!.theme.primaryColor(),
                   controller: officeController,
+                  multiLineInput: false,
+                  requiredText: true,
+                  readOnly: true,
                   hintText: "Office",
-              editable: false,
-              required: true,
                 ),
                 const SizedBox(height: 10.0),
-            MIHTextField(
+                MihTextFormField(
+                  fillColor:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  inputColor:
+                      MzanziInnovationHub.of(context)!.theme.primaryColor(),
                   controller: doctorController,
+                  multiLineInput: false,
+                  requiredText: true,
+                  readOnly: true,
                   hintText: "Created By",
-              editable: false,
-              required: true,
                 ),
                 const SizedBox(height: 10.0),
-            MIHTextField(
+                MihTextFormField(
+                  fillColor:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  inputColor:
+                      MzanziInnovationHub.of(context)!.theme.primaryColor(),
                   controller: dateController,
+                  multiLineInput: false,
+                  requiredText: true,
+                  readOnly: true,
                   hintText: "Created Date",
-              editable: false,
-              required: true,
                 ),
                 const SizedBox(height: 10.0),
-            MIHTextField(
+                MihTextFormField(
+                  fillColor:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  inputColor:
+                      MzanziInnovationHub.of(context)!.theme.primaryColor(),
                   controller: titleController,
+                  multiLineInput: false,
+                  requiredText: true,
                   hintText: "Note Title",
-              editable: true,
+                  validator: (value) {
-              required: true,
+                    return MihValidationServices().isEmpty(value);
+                  },
                 ),
                 const SizedBox(height: 10.0),
-            SizedBox(
+                MihTextFormField(
-              //width: 700,
                   height: 250,
-              child: MIHMLTextField(
+                  fillColor:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  inputColor:
+                      MzanziInnovationHub.of(context)!.theme.primaryColor(),
                   controller: noteTextController,
+                  multiLineInput: true,
+                  requiredText: true,
                   hintText: "Note Details",
-                editable: true,
+                  validator: (value) {
-                required: true,
+                    return MihValidationServices().validateLength(value, 512);
-              ),
+                  },
                 ),
                 SizedBox(
                   height: 15,
@@ -144,6 +175,7 @@ class _PatientConsultationState extends State<PatientConsultation> {
                             "$value",
                             style: TextStyle(
                               color: getNoteDetailLimitColor(),
+                              fontWeight: FontWeight.bold,
                             ),
                           ),
                           const SizedBox(width: 5),
@@ -151,6 +183,7 @@ class _PatientConsultationState extends State<PatientConsultation> {
                             "/512",
                             style: TextStyle(
                               color: getNoteDetailLimitColor(),
+                              fontWeight: FontWeight.bold,
                             ),
                           ),
                         ],
@@ -162,16 +195,9 @@ class _PatientConsultationState extends State<PatientConsultation> {
                 const SizedBox(height: 15.0),
                 MihButton(
                   onPressed: () {
-                if (isFieldsFilled()) {
+                    if (_formKey.currentState!.validate()) {
                       addPatientNoteAPICall();
                       Navigator.pop(context);
-                } else {
-                  showDialog(
-                    context: context,
-                    builder: (context) {
-                      return const MIHErrorMessage(errorType: "Input Error");
-                    },
-                  );
                     }
                   },
                   buttonColor:
@@ -180,7 +206,8 @@ class _PatientConsultationState extends State<PatientConsultation> {
                   child: Text(
                     "Add Note",
                     style: TextStyle(
-                  color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                      color:
+                          MzanziInnovationHub.of(context)!.theme.primaryColor(),
                       fontSize: 20,
                       fontWeight: FontWeight.bold,
                     ),
@@ -188,6 +215,8 @@ class _PatientConsultationState extends State<PatientConsultation> {
                 ),
               ],
             ),
+          ],
+        ),
       ),
     );
   }