Initial commit: Task Printout pdf

This commit is contained in:
Marc Rejohn Castillano 2026-02-21 22:52:36 +08:00
parent 46a84b4d95
commit d778654837
4 changed files with 275 additions and 12 deletions

View File

@ -13,6 +13,11 @@ import 'dart:async';
import 'dart:convert';
import 'package:file_picker/file_picker.dart';
import 'package:flutter_quill/flutter_quill.dart' as quill;
import 'dart:typed_data';
import 'package:flutter/services.dart' show rootBundle;
import 'package:pdf/widgets.dart' as pw;
import 'package:pdf/pdf.dart' as pdf;
import 'package:printing/printing.dart';
import '../../providers/supabase_provider.dart';
import 'package:flutter_typeahead/flutter_typeahead.dart';
import '../../providers/profile_provider.dart';
@ -334,7 +339,10 @@ class _TaskDetailScreenState extends ConsumerState<TaskDetailScreen>
),
),
const SizedBox(height: 12),
Wrap(
Row(
children: [
Expanded(
child: Wrap(
spacing: 12,
runSpacing: 8,
crossAxisAlignment: WrapCrossAlignment.center,
@ -348,6 +356,18 @@ class _TaskDetailScreenState extends ConsumerState<TaskDetailScreen>
),
],
),
),
IconButton(
tooltip: 'Preview/print task',
onPressed: () async {
try {
await _showPdfPreview(task, ticket, officeName);
} catch (_) {}
},
icon: const Icon(Icons.print),
),
],
),
if (description.isNotEmpty) ...[
const SizedBox(height: 12),
Text(description),
@ -2734,6 +2754,186 @@ class _TaskDetailScreenState extends ConsumerState<TaskDetailScreen>
assignment.taskId == taskId && assignment.userId == profile.id,
);
}
Future<Uint8List> _buildTaskPdfBytes(
Task task,
Ticket? ticket,
String officeName,
pdf.PdfPageFormat format,
) async {
final logoData = await rootBundle.load('crmc_logo.png');
final logoImage = pw.MemoryImage(logoData.buffer.asUint8List());
final doc = pw.Document();
final created = AppTime.formatDate(task.createdAt);
doc.addPage(
pw.Page(
pageFormat: format,
margin: pw.EdgeInsets.all(28),
build: (pw.Context ctx) {
return pw.Column(
crossAxisAlignment: pw.CrossAxisAlignment.start,
children: [
pw.Row(
crossAxisAlignment: pw.CrossAxisAlignment.start,
children: [
pw.Container(
width: 64,
height: 64,
child: pw.Image(logoImage),
),
pw.SizedBox(width: 12),
pw.Expanded(
child: pw.Column(
crossAxisAlignment: pw.CrossAxisAlignment.center,
children: [
pw.Text(
'Republic of the Philippines',
textAlign: pw.TextAlign.center,
),
pw.Text(
'Department of Health',
textAlign: pw.TextAlign.center,
),
pw.Text(
'Regional and Medical Center',
textAlign: pw.TextAlign.center,
),
pw.SizedBox(height: 6),
pw.Text(
'Cotabato Regional and Medical Center',
textAlign: pw.TextAlign.center,
style: pw.TextStyle(fontWeight: pw.FontWeight.bold),
),
pw.Text(
'Integrated Hospital Operations and Management Program',
textAlign: pw.TextAlign.center,
),
pw.Text('(IHOMP)', textAlign: pw.TextAlign.center),
],
),
),
],
),
pw.SizedBox(height: 12),
pw.Center(
child: pw.Text(
'IT Job / Maintenance Request Form',
style: pw.TextStyle(
fontSize: 16,
fontWeight: pw.FontWeight.bold,
),
),
),
pw.SizedBox(height: 12),
pw.Row(
children: [
pw.Text('Task Number: ${task.taskNumber ?? task.id}'),
pw.Spacer(),
pw.Text('Filed At: $created'),
],
),
pw.SizedBox(height: 8),
pw.Row(
children: [
pw.Text('Service: ${task.title}'),
pw.SizedBox(width: 12),
pw.Text('Office: $officeName'),
],
),
pw.SizedBox(height: 8),
pw.Row(
children: [
pw.Text('Type: ${task.requestType ?? ''}'),
pw.SizedBox(width: 12),
pw.Text('Category: ${task.requestCategory ?? ''}'),
],
),
pw.SizedBox(height: 12),
pw.Text('Description:'),
pw.SizedBox(height: 6),
pw.Container(
height: 80,
decoration: pw.BoxDecoration(
border: pw.Border(
bottom: pw.BorderSide(
width: 0.5,
color: pdf.PdfColors.grey,
),
),
),
),
pw.SizedBox(height: 12),
pw.Row(
children: [
pw.Text('Requested By: ${task.requestedBy ?? ''}'),
pw.Spacer(),
pw.Text('Noted by Supervisor/Senior'),
],
),
pw.SizedBox(height: 12),
pw.Text('Action Taken:'),
pw.SizedBox(height: 6),
pw.Container(
height: 80,
decoration: pw.BoxDecoration(
border: pw.Border(
bottom: pw.BorderSide(
width: 0.5,
color: pdf.PdfColors.grey,
),
),
),
),
pw.SizedBox(height: 12),
pw.Row(
children: [
pw.Text('Performed By:'),
pw.Spacer(),
pw.Text('Received By: ___________________________'),
],
),
],
);
},
),
);
return doc.save();
}
Future<void> _showPdfPreview(
Task task,
Ticket? ticket,
String officeName,
) async {
await showDialog<void>(
context: context,
builder: (ctx) => AlertDialog(
contentPadding: const EdgeInsets.all(8),
content: SizedBox(
width: 700,
height: 900,
child: PdfPreview(
build: (format) => _buildTaskPdfBytes(
task,
ticket,
officeName,
format as pdf.PdfPageFormat,
),
allowPrinting: true,
allowSharing: true,
),
),
actions: [
TextButton(
onPressed: () => Navigator.of(ctx).pop(),
child: const Text('Close'),
),
],
),
);
}
}
class _MetaBadge extends StatelessWidget {

View File

@ -121,6 +121,22 @@ packages:
url: "https://pub.dev"
source: hosted
version: "4.2.1"
barcode:
dependency: transitive
description:
name: barcode
sha256: "7b6729c37e3b7f34233e2318d866e8c48ddb46c1f7ad01ff7bb2a8de1da2b9f4"
url: "https://pub.dev"
source: hosted
version: "2.2.9"
bidi:
dependency: transitive
description:
name: bidi
sha256: "77f475165e94b261745cf1032c751e2032b8ed92ccb2bf5716036db79320637d"
url: "https://pub.dev"
source: hosted
version: "2.0.13"
boolean_selector:
dependency: transitive
description:
@ -625,10 +641,10 @@ packages:
dependency: transitive
description:
name: image
sha256: "492bd52f6c4fbb6ee41f781ff27765ce5f627910e1e0cbecfa3d9add5562604c"
sha256: "4e973fcf4caae1a4be2fa0a13157aa38a8f9cb049db6529aa00b4d71abc4d928"
url: "https://pub.dev"
source: hosted
version: "4.7.2"
version: "4.5.4"
intl:
dependency: transitive
description:
@ -789,6 +805,14 @@ packages:
url: "https://pub.dev"
source: hosted
version: "1.9.1"
path_parsing:
dependency: transitive
description:
name: path_parsing
sha256: "883402936929eac138ee0a45da5b0f2c80f89913e6dc3bf77eb65b84b409c6ca"
url: "https://pub.dev"
source: hosted
version: "1.1.0"
path_provider:
dependency: transitive
description:
@ -837,6 +861,22 @@ packages:
url: "https://pub.dev"
source: hosted
version: "2.3.0"
pdf:
dependency: "direct main"
description:
name: pdf
sha256: "28eacad99bffcce2e05bba24e50153890ad0255294f4dd78a17075a2ba5c8416"
url: "https://pub.dev"
source: hosted
version: "3.11.3"
pdf_widget_wrapper:
dependency: transitive
description:
name: pdf_widget_wrapper
sha256: c930860d987213a3d58c7ec3b7ecf8085c3897f773e8dc23da9cae60a5d6d0f5
url: "https://pub.dev"
source: hosted
version: "1.0.4"
petitparser:
dependency: transitive
description:
@ -893,6 +933,14 @@ packages:
url: "https://pub.dev"
source: hosted
version: "2.6.0"
printing:
dependency: "direct main"
description:
name: printing
sha256: "482cd5a5196008f984bb43ed0e47cbfdca7373490b62f3b27b3299275bf22a93"
url: "https://pub.dev"
source: hosted
version: "5.14.2"
proj4dart:
dependency: transitive
description:
@ -909,6 +957,14 @@ packages:
url: "https://pub.dev"
source: hosted
version: "2.2.0"
qr:
dependency: transitive
description:
name: qr
sha256: "5a1d2586170e172b8a8c8470bbbffd5eb0cd38a66c0d77155ea138d3af3a4445"
url: "https://pub.dev"
source: hosted
version: "3.0.2"
quill_native_bridge:
dependency: transitive
description:

View File

@ -23,6 +23,8 @@ dependencies:
flutter_typeahead: ^4.1.0
flutter_quill: ^11.5.0
file_picker: ^10.3.10
pdf: ^3.11.3
printing: ^5.10.0
dev_dependencies:
flutter_test:

View File

@ -31,6 +31,11 @@
<title>tasq</title>
<link rel="manifest" href="manifest.json">
<!-- PDF.js and printing support for Flutter Web (required by `printing` package) -->
<!-- Use a pdfjs-dist version compatible with the printing package (API/Worker versions must match) -->
<script src="https://unpkg.com/pdfjs-dist@3.2.146/build/pdf.min.js"></script>
<script src="https://unpkg.com/pdfjs-dist@3.2.146/build/pdf.worker.min.js"></script>
<script src="packages/printing/printing.js"></script>
</head>
<body>
<script src="flutter_bootstrap.js" async></script>