Add PDF Builder to view pdf document. enable donload of pdf document

Frontend/patient_manager/lib/components/BuildPdfView.dart

@@ -0,0 +1,26 @@
+import 'package:flutter/material.dart';
+import 'package:syncfusion_flutter_pdfviewer/pdfviewer.dart';
+
+class BuildPDFView extends StatefulWidget {
+  final String pdfLink;
+  const BuildPDFView({super.key, required this.pdfLink});
+
+  @override
+  State<BuildPDFView> createState() => _BuildPDFViewState();
+}
+
+class _BuildPDFViewState extends State<BuildPDFView> {
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: 700,
+      child: Column(
+        children: [
+          Expanded(
+            child: SfPdfViewer.network(widget.pdfLink),
+          ),
+        ],
+      ),
+    );
+  }
+}

Frontend/patient_manager/lib/components/buildFilesList.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
+import 'package:patient_manager/components/BuildPdfView.dart';
 import 'package:patient_manager/objects/files.dart';
+import 'dart:js' as js;
 
 class BuildFilesList extends StatefulWidget {
   final List<PFile> files;
@@ -33,7 +35,35 @@ class _BuildFilesListState extends State<BuildFilesList> {
             subtitle: Text(widget.files[index].insert_date),
             trailing: const Icon(Icons.arrow_forward),
             onTap: () {
-              //Insert Display function here
+              showDialog(
+                context: context,
+                builder: (context) => AlertDialog(
+                  title: Row(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      Text(widget.files[index].file_name),
+                      IconButton(
+                        onPressed: () {
+                          js.context.callMethod('open', [
+                            'http://localhost:9000/mih/${widget.files[index].file_name}.pdf'
+                          ]);
+                        },
+                        icon: Icon(Icons.download),
+                      )
+                    ],
+                  ),
+                  content: BuildPDFView(
+                      pdfLink:
+                          "http://localhost:9000/mih/${widget.files[index].file_name}.pdf"),
+                  actions: [
+                    TextButton(
+                        onPressed: () {
+                          Navigator.pop(context);
+                        },
+                        child: const Text("Close"))
+                  ],
+                ),
+              );
             },
           );
         },

Frontend/patient_manager/lib/components/patientFiles.dart

@@ -4,10 +4,8 @@ import 'dart:convert';
 import 'package:flutter/material.dart';
 import 'package:patient_manager/components/buildFilesList.dart';
 import 'package:patient_manager/components/medCertInput.dart';
-import 'package:patient_manager/components/myDateInput.dart';
 import 'package:patient_manager/main.dart';
 import 'package:patient_manager/objects/AppUser.dart';
-import 'package:patient_manager/objects/Patient2.dart';
 import 'package:patient_manager/objects/files.dart';
 
 import 'package:http/http.dart' as http;