yaso_meth/mih-project
2
4
Fork 2
Code Issues 8 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

NEW: create new file viewer with MIH package

Browse Source
This commit is contained in:
Yasien Mac Mini
2025-11-17 12:55:34 +02:00
parent 66887d23f8
commit 3417299989
9 changed files with 447 additions and 390 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
Frontend/lib/mih_packages/mih_file_viewer/components/mih_print_prevew.dart Normal file
View File

@@ -0,0 +1,52 @@
import 'package:flutter/material.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_objects/arguments.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_action.dart';
import 'package:pdf/pdf.dart';
import 'package:printing/printing.dart';
import '../../../mih_components/mih_pop_up_messages/mih_loading_circle.dart';
class MIHPrintPreview extends StatefulWidget {
final PrintPreviewArguments arguments;
const MIHPrintPreview({
super.key,
required this.arguments,
});
@override
State<MIHPrintPreview> createState() => _MIHPrintPreviewState();
}
class _MIHPrintPreviewState extends State<MIHPrintPreview> {
MihPackageAction getActionButton() {
return MihPackageAction(
icon: const Icon(
Icons.close,
),
iconSize: 35,
onTap: () {
Navigator.pop(context);
},
);
}
@override
void dispose() {
super.dispose();
}
@override
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
return PdfPreview(
pdfFileName: widget.arguments.fileName,
initialPageFormat: PdfPageFormat.a4,
loadingWidget: const Mihloadingcircle(),
actions: [getActionButton()],
build: (format) => widget.arguments.pdfData,
);
}
}

72
Frontend/lib/mih_packages/mih_file_viewer/mih_fle_viewer.dart Normal file
View File

@@ -0,0 +1,72 @@
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_action.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_tools.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_providers/mih_file_viewer_provider.dart';
import 'package:mzansi_innovation_hub/mih_packages/mih_file_viewer/package_tools/mih_expandedFileView.dart';
import 'package:provider/provider.dart';
class MihFleViewer extends StatefulWidget {
const MihFleViewer({super.key});
@override
State<MihFleViewer> createState() => _MihFleViewerState();
}
class _MihFleViewerState extends State<MihFleViewer> {
@override
Widget build(BuildContext context) {
return Consumer<MihFileViewerProvider>(
builder: (BuildContext context, MihFileViewerProvider fileViewerProvider,
Widget? child) {
return MihPackage(
appActionButton: getAction(),
appTools: getTools(),
appBody: getToolBody(),
appToolTitles: getToolTitle(),
selectedbodyIndex: fileViewerProvider.toolIndex,
onIndexChange: (newIndex) {
fileViewerProvider.setToolIndex(newIndex);
},
);
},
);
}
MihPackageAction getAction() {
return MihPackageAction(
icon: const Icon(Icons.fullscreen_exit),
iconSize: 35,
onTap: () {
context.pop();
FocusScope.of(context).unfocus();
},
);
}
List<String> getToolTitle() {
List<String> toolTitles = [
"File Viewer",
];
return toolTitles;
}
MihPackageTools getTools() {
Map<Widget, void Function()?> temp = {};
temp[const Icon(Icons.file_present)] = () {
context.read<MihFileViewerProvider>().setToolIndex(0);
};
return MihPackageTools(
tools: temp,
selcetedIndex: context.watch<MihFileViewerProvider>().toolIndex,
);
}
List<Widget> getToolBody() {
List<Widget> toolBodies = [
MihExpandedfileview(),
];
return toolBodies;
}
}

274
Frontend/lib/mih_packages/mih_file_viewer/package_tools/mih_expandedFileView.dart Normal file
View File

@@ -0,0 +1,274 @@
import 'dart:async';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:ken_logger/ken_logger.dart';
import 'package:mzansi_innovation_hub/main.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_tool_body.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_pop_up_messages/mih_loading_circle.dart';
import 'package:mzansi_innovation_hub/mih_components/mih_providers/mih_file_viewer_provider.dart';
import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
import 'package:provider/provider.dart';
import 'package:syncfusion_flutter_core/theme.dart';
import 'package:syncfusion_flutter_pdfviewer/pdfviewer.dart';
import "package:universal_html/html.dart" as html;
import 'package:fl_downloader/fl_downloader.dart';
class MihExpandedfileview extends StatefulWidget {
const MihExpandedfileview({super.key});
@override
State<MihExpandedfileview> createState() => _MihExpandedfileviewState();
}
class _MihExpandedfileviewState extends State<MihExpandedfileview> {
late PdfViewerController pdfViewerController = PdfViewerController();
int currentPageCount = 0;
int currentPage = 0;
double startZoomLevel = 1.0;
double zoomOut = 0;
int progress = 0;
late StreamSubscription progressStream;
void nativeFileDownload(String fileLink) async {
var permission = await FlDownloader.requestPermission();
if (permission == StoragePermissionStatus.granted) {
try {
showDialog(
context: context,
builder: (context) {
return const Mihloadingcircle();
},
);
await FlDownloader.download(fileLink);
Navigator.of(context).pop();
} on Exception catch (error) {
Navigator.of(context).pop();
print(error);
}
} else {
print("denied");
}
}
@override
Widget build(BuildContext context) {
final Size size = MediaQuery.sizeOf(context);
double width = size.width;
double height = size.height;
return MihPackageToolBody(
borderOn: false,
bodyItem: getBody(width, height),
);
}
Widget getBody(double width, double height) {
return Consumer<MihFileViewerProvider>(
builder: (BuildContext context, MihFileViewerProvider fileViewerProvider,
Widget? child) {
KenLogger.success(
"file Path: ${fileViewerProvider.filePath.split(".").last.toLowerCase()}");
bool isPDF =
fileViewerProvider.filePath.split(".").last.toLowerCase() == "pdf";
return Stack(
children: [
fileViewerProvider.filePath.split(".").last.toLowerCase() == "pdf"
? SizedBox(
width: width - zoomOut,
height: height - 70,
child: SfPdfViewerTheme(
data: SfPdfViewerThemeData(
backgroundColor: MihColors.getPrimaryColor(
MzansiInnovationHub.of(context)!.theme.mode ==
"Dark"),
),
child: SfPdfViewer.network(
fileViewerProvider.fileLink,
controller: pdfViewerController,
initialZoomLevel: startZoomLevel,
pageSpacing: 2,
maxZoomLevel: 5,
interactionMode: PdfInteractionMode.pan,
onDocumentLoaded: (details) {
setState(() {
currentPage = pdfViewerController.pageNumber;
currentPageCount = pdfViewerController.pageCount;
});
},
),
),
)
: SizedBox(
width: width,
height: height - 70,
child: InteractiveViewer(
maxScale: 5.0,
//minScale: 0.,
child: Image.network(fileViewerProvider.fileLink),
),
),
Padding(
padding: const EdgeInsets.only(bottom: 20.0),
child: Align(
alignment: Alignment.bottomCenter,
child: Material(
elevation: 10,
shadowColor: Colors.black,
color: MihColors.getSecondaryColor(
MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
borderRadius: BorderRadius.circular(25.0),
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(25.0),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: [
if (isPDF)
IconButton(
iconSize: 30,
padding: const EdgeInsets.all(0),
onPressed: () {
pdfViewerController.previousPage();
//print(pdfViewerController.);
//if (pdfViewerController.pageNumber > 1) {
setState(() {
currentPage = pdfViewerController.pageNumber;
});
// }
},
icon: Icon(
Icons.arrow_back,
color: MihColors.getPrimaryColor(
MzansiInnovationHub.of(context)!.theme.mode ==
"Dark"),
),
),
if (isPDF)
Text(
"$currentPage / $currentPageCount",
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: MihColors.getPrimaryColor(
MzansiInnovationHub.of(context)!.theme.mode ==
"Dark"),
),
),
if (isPDF)
IconButton(
iconSize: 30,
padding: const EdgeInsets.all(0),
onPressed: () {
pdfViewerController.nextPage();
//print(pdfViewerController.pageNumber);
//if (pdfViewerController.pageNumber < currentPageCount) {
setState(() {
currentPage = pdfViewerController.pageNumber;
});
//}
},
icon: Icon(
Icons.arrow_forward,
color: MihColors.getPrimaryColor(
MzansiInnovationHub.of(context)!.theme.mode ==
"Dark"),
),
),
if (isPDF)
IconButton(
iconSize: 30,
padding: const EdgeInsets.all(0),
onPressed: () {
if (zoomOut > 0) {
setState(() {
zoomOut = zoomOut - 100;
});
} else {
setState(() {
pdfViewerController.zoomLevel =
startZoomLevel + 0.25;
startZoomLevel =
pdfViewerController.zoomLevel;
});
}
},
icon: Icon(
Icons.zoom_in,
color: MihColors.getPrimaryColor(
MzansiInnovationHub.of(context)!.theme.mode ==
"Dark"),
),
),
if (isPDF)
IconButton(
iconSize: 30,
padding: const EdgeInsets.all(0),
onPressed: () {
if (pdfViewerController.zoomLevel > 1) {
setState(() {
pdfViewerController.zoomLevel =
startZoomLevel - 0.25;
startZoomLevel =
pdfViewerController.zoomLevel;
});
} else {
if (zoomOut < (width - 100)) {
setState(() {
zoomOut = zoomOut + 100;
});
}
}
},
icon: Icon(
Icons.zoom_out,
color: MihColors.getPrimaryColor(
MzansiInnovationHub.of(context)!.theme.mode ==
"Dark"),
),
),
// IconButton(
// iconSize: 30,
// padding: const EdgeInsets.all(0),
// onPressed: () {
// printDocument();
// },
// icon: Icon(
// Icons.print,
// color: MihColors.getSecondaryColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
// ),
// ),
IconButton(
iconSize: 30,
padding: const EdgeInsets.all(0),
onPressed: () {
if (kIsWeb) {
html.window.open(
fileViewerProvider.fileLink, 'download');
} else {
nativeFileDownload(
fileViewerProvider.fileLink,
);
}
},
icon: Icon(
Icons.download,
color: MihColors.getPrimaryColor(
MzansiInnovationHub.of(context)!.theme.mode ==
"Dark"),
),
),
],
),
),
),
),
),
],
);
},
);
}
}