feat(prescription): enhance posology panel with horizontal scroll, arrows and calibrate print margins to 28pt
This commit is contained in:
@@ -34,10 +34,10 @@ class InsuranceAuthPdfService {
|
|||||||
const pageFormat = PdfPageFormat(
|
const pageFormat = PdfPageFormat(
|
||||||
8.5 * PdfPageFormat.inch,
|
8.5 * PdfPageFormat.inch,
|
||||||
11.0 * PdfPageFormat.inch,
|
11.0 * PdfPageFormat.inch,
|
||||||
marginLeft: 54,
|
marginLeft: 28,
|
||||||
marginRight: 54,
|
marginRight: 28,
|
||||||
marginTop: 20,
|
marginTop: 16,
|
||||||
marginBottom: 20,
|
marginBottom: 16,
|
||||||
);
|
);
|
||||||
|
|
||||||
// Tipografías estándar con fallback a fuentes base PDF si no hay conexión a internet
|
// Tipografías estándar con fallback a fuentes base PDF si no hay conexión a internet
|
||||||
@@ -76,7 +76,7 @@ class InsuranceAuthPdfService {
|
|||||||
// Mitad superior de la hoja (máximo 5.5 pulgadas / 396 pt)
|
// Mitad superior de la hoja (máximo 5.5 pulgadas / 396 pt)
|
||||||
pw.ConstrainedBox(
|
pw.ConstrainedBox(
|
||||||
constraints: const pw.BoxConstraints(
|
constraints: const pw.BoxConstraints(
|
||||||
maxHeight: 5.5 * PdfPageFormat.inch - 36,
|
maxHeight: 5.5 * PdfPageFormat.inch - 32,
|
||||||
),
|
),
|
||||||
child: pw.Column(
|
child: pw.Column(
|
||||||
mainAxisSize: pw.MainAxisSize.min,
|
mainAxisSize: pw.MainAxisSize.min,
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import 'dart:ui';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_mobx/flutter_mobx.dart';
|
import 'package:flutter_mobx/flutter_mobx.dart';
|
||||||
import 'package:intl/intl.dart';
|
import 'package:intl/intl.dart';
|
||||||
@@ -28,6 +29,7 @@ class _PrescriptionModalViewState extends State<PrescriptionModalView> {
|
|||||||
bool _isPrinting = false;
|
bool _isPrinting = false;
|
||||||
String? _statusMessage;
|
String? _statusMessage;
|
||||||
bool _hasError = false;
|
bool _hasError = false;
|
||||||
|
bool _showPosologyPanel = false;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
void initState() {
|
void initState() {
|
||||||
@@ -106,6 +108,21 @@ class _PrescriptionModalViewState extends State<PrescriptionModalView> {
|
|||||||
_insertText(toInsert);
|
_insertText(toInsert);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Widget _buildPosologyCategoryRow({
|
||||||
|
required String badgeLabel,
|
||||||
|
required Color badgeBgColor,
|
||||||
|
required Color badgeTextColor,
|
||||||
|
required List<String> items,
|
||||||
|
}) {
|
||||||
|
return _PosologyCategoryRowWidget(
|
||||||
|
badgeLabel: badgeLabel,
|
||||||
|
badgeBgColor: badgeBgColor,
|
||||||
|
badgeTextColor: badgeTextColor,
|
||||||
|
items: items,
|
||||||
|
onSelected: _insertDosageQuick,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
Future<void> _handlePrint() async {
|
Future<void> _handlePrint() async {
|
||||||
final patient = _patientController.text.trim();
|
final patient = _patientController.text.trim();
|
||||||
final prescription = _prescriptionController.text.trim();
|
final prescription = _prescriptionController.text.trim();
|
||||||
@@ -456,10 +473,19 @@ class _PrescriptionModalViewState extends State<PrescriptionModalView> {
|
|||||||
borderRadius: BorderRadius.vertical(top: Radius.circular(9)),
|
borderRadius: BorderRadius.vertical(top: Radius.circular(9)),
|
||||||
border: Border(bottom: BorderSide(color: Color(0xFFE2E8F0))),
|
border: Border(bottom: BorderSide(color: Color(0xFFE2E8F0))),
|
||||||
),
|
),
|
||||||
child: Wrap(
|
child: ScrollConfiguration(
|
||||||
spacing: 6,
|
behavior: const MaterialScrollBehavior().copyWith(
|
||||||
runSpacing: 6,
|
dragDevices: {
|
||||||
crossAxisAlignment: WrapCrossAlignment.center,
|
PointerDeviceKind.touch,
|
||||||
|
PointerDeviceKind.mouse,
|
||||||
|
PointerDeviceKind.trackpad,
|
||||||
|
PointerDeviceKind.stylus,
|
||||||
|
},
|
||||||
|
),
|
||||||
|
child: SingleChildScrollView(
|
||||||
|
scrollDirection: Axis.horizontal,
|
||||||
|
physics: const BouncingScrollPhysics(),
|
||||||
|
child: Row(
|
||||||
children: [
|
children: [
|
||||||
// 1. Número consecutivo
|
// 1. Número consecutivo
|
||||||
_ToolbarActionBtn(
|
_ToolbarActionBtn(
|
||||||
@@ -468,6 +494,7 @@ class _PrescriptionModalViewState extends State<PrescriptionModalView> {
|
|||||||
tooltip: 'Agregar siguiente número consecutivo (1., 2., ...)',
|
tooltip: 'Agregar siguiente número consecutivo (1., 2., ...)',
|
||||||
onTap: _insertNextNumber,
|
onTap: _insertNextNumber,
|
||||||
),
|
),
|
||||||
|
const SizedBox(width: 6),
|
||||||
// Viñeta (Mantiene texto exacto para compatibilidad con tests)
|
// Viñeta (Mantiene texto exacto para compatibilidad con tests)
|
||||||
_ToolbarActionBtn(
|
_ToolbarActionBtn(
|
||||||
icon: Icons.format_list_bulleted_rounded,
|
icon: Icons.format_list_bulleted_rounded,
|
||||||
@@ -475,6 +502,7 @@ class _PrescriptionModalViewState extends State<PrescriptionModalView> {
|
|||||||
tooltip: 'Insertar viñeta de indicación secundaria',
|
tooltip: 'Insertar viñeta de indicación secundaria',
|
||||||
onTap: _insertBullet,
|
onTap: _insertBullet,
|
||||||
),
|
),
|
||||||
|
const SizedBox(width: 6),
|
||||||
// Sub-indicación (Dosis)
|
// Sub-indicación (Dosis)
|
||||||
_ToolbarActionBtn(
|
_ToolbarActionBtn(
|
||||||
icon: Icons.subdirectory_arrow_right_rounded,
|
icon: Icons.subdirectory_arrow_right_rounded,
|
||||||
@@ -482,6 +510,7 @@ class _PrescriptionModalViewState extends State<PrescriptionModalView> {
|
|||||||
tooltip: 'Indentar indicación de dosis (- )',
|
tooltip: 'Indentar indicación de dosis (- )',
|
||||||
onTap: _insertSubIndication,
|
onTap: _insertSubIndication,
|
||||||
),
|
),
|
||||||
|
const SizedBox(width: 6),
|
||||||
// Separador vertical
|
// Separador vertical
|
||||||
Container(
|
Container(
|
||||||
height: 18,
|
height: 18,
|
||||||
@@ -489,113 +518,85 @@ class _PrescriptionModalViewState extends State<PrescriptionModalView> {
|
|||||||
margin: const EdgeInsets.symmetric(horizontal: 2),
|
margin: const EdgeInsets.symmetric(horizontal: 2),
|
||||||
color: const Color(0xFFCBD5E1),
|
color: const Color(0xFFCBD5E1),
|
||||||
),
|
),
|
||||||
// Menú desplegable de Posologías frecuentes
|
const SizedBox(width: 6),
|
||||||
PopupMenuButton<String>(
|
// Botón alternador del panel de posologías
|
||||||
tooltip: 'Plantillas y frases de posología rápida',
|
_ToolbarActionBtn(
|
||||||
onSelected: _insertDosageQuick,
|
icon: Icons.tune_rounded,
|
||||||
position: PopupMenuPosition.under,
|
label: _showPosologyPanel ? 'Ocultar posologías ▲' : '⏱ Posologías rápidas ▼',
|
||||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
tooltip: _showPosologyPanel
|
||||||
itemBuilder: (context) => [
|
? 'Ocultar el panel de atajos de posología'
|
||||||
const PopupMenuItem(
|
: 'Mostrar atajos de horario, duración e indicaciones',
|
||||||
enabled: false,
|
isActive: _showPosologyPanel,
|
||||||
height: 28,
|
onTap: () {
|
||||||
child: Text(
|
setState(() {
|
||||||
'-- HORARIOS FRECUENTES --',
|
_showPosologyPanel = !_showPosologyPanel;
|
||||||
style: TextStyle(fontSize: 10, fontWeight: FontWeight.bold, color: AppColors.primary),
|
});
|
||||||
),
|
},
|
||||||
),
|
|
||||||
const PopupMenuItem(value: 'cada 8 horas', height: 32, child: Text('cada 8 horas', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuItem(value: 'cada 12 horas', height: 32, child: Text('cada 12 horas', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuItem(value: 'cada 24 horas', height: 32, child: Text('cada 24 horas', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuItem(value: '1 vez al día (en la mañana)', height: 32, child: Text('1 vez al día (en la mañana)', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuItem(value: '1 vez al día (en la noche)', height: 32, child: Text('1 vez al día (en la noche)', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuItem(value: 'antes de acostarse', height: 32, child: Text('antes de acostarse', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuDivider(height: 8),
|
|
||||||
const PopupMenuItem(
|
|
||||||
enabled: false,
|
|
||||||
height: 28,
|
|
||||||
child: Text(
|
|
||||||
'-- DURACIÓN TRATAMIENTO --',
|
|
||||||
style: TextStyle(fontSize: 10, fontWeight: FontWeight.bold, color: AppColors.primary),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const PopupMenuItem(value: 'por 3 días', height: 32, child: Text('por 3 días', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuItem(value: 'por 5 días', height: 32, child: Text('por 5 días', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuItem(value: 'por 7 días', height: 32, child: Text('por 7 días', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuItem(value: 'por 10 días', height: 32, child: Text('por 10 días', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuItem(value: 'por 14 días', height: 32, child: Text('por 14 días', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuItem(value: 'por 30 días', height: 32, child: Text('por 30 días', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuItem(value: 'según dolor o necesidad (SOS)', height: 32, child: Text('según dolor o necesidad (SOS)', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuDivider(height: 8),
|
|
||||||
const PopupMenuItem(
|
|
||||||
enabled: false,
|
|
||||||
height: 28,
|
|
||||||
child: Text(
|
|
||||||
'-- INDICACIONES ESPECIALES --',
|
|
||||||
style: TextStyle(fontSize: 10, fontWeight: FontWeight.bold, color: AppColors.primary),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const PopupMenuItem(value: 'con alimentos', height: 32, child: Text('con alimentos', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuItem(value: 'en ayunas (30 min antes de desayunar)', height: 32, child: Text('en ayunas (30 min antes de desayunar)', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuItem(value: 'con abundante agua', height: 32, child: Text('con abundante agua', style: TextStyle(fontSize: 12.5))),
|
|
||||||
const PopupMenuItem(value: 'no suspender sin indicación médica', height: 32, child: Text('no suspender sin indicación médica', style: TextStyle(fontSize: 12.5))),
|
|
||||||
],
|
|
||||||
child: Container(
|
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: Colors.white,
|
|
||||||
borderRadius: BorderRadius.circular(6),
|
|
||||||
border: Border.all(color: const Color(0xFFCBD5E1)),
|
|
||||||
),
|
|
||||||
child: const Row(
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: [
|
|
||||||
Icon(Icons.timer_outlined, size: 14, color: AppColors.primary),
|
|
||||||
SizedBox(width: 4),
|
|
||||||
Text(
|
|
||||||
'Posología ▼',
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 11.5,
|
|
||||||
fontWeight: FontWeight.w600,
|
|
||||||
color: AppColors.textPrimary,
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
|
|
||||||
// Chips de inserción de 1 toque (frecuencias y formatos más comunes)
|
// Panel Desplegable de Posología Categorizada
|
||||||
|
if (_showPosologyPanel)
|
||||||
Container(
|
Container(
|
||||||
width: double.infinity,
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 8),
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 5),
|
|
||||||
decoration: const BoxDecoration(
|
decoration: const BoxDecoration(
|
||||||
color: Color(0xFFF1F5F9),
|
color: Color(0xFFF8FAFC),
|
||||||
border: Border(bottom: BorderSide(color: Color(0xFFE2E8F0))),
|
border: Border(bottom: BorderSide(color: Color(0xFFE2E8F0))),
|
||||||
),
|
),
|
||||||
child: SingleChildScrollView(
|
child: Column(
|
||||||
scrollDirection: Axis.horizontal,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
child: Row(
|
|
||||||
children: [
|
children: [
|
||||||
const Text(
|
// Fila 1: Horarios / Frecuencia
|
||||||
'Rápido: ',
|
_buildPosologyCategoryRow(
|
||||||
style: TextStyle(fontSize: 10.5, fontWeight: FontWeight.w700, color: AppColors.textMuted),
|
badgeLabel: '🕒 Horario',
|
||||||
),
|
badgeBgColor: const Color(0xFFEFF6FF),
|
||||||
_QuickChip(label: '1 tableta', onTap: () => _insertDosageQuick('1 tableta')),
|
badgeTextColor: const Color(0xFF1D4ED8),
|
||||||
_QuickChip(label: '1 cápsula', onTap: () => _insertDosageQuick('1 cápsula')),
|
items: const [
|
||||||
_QuickChip(label: '1 ampolla', onTap: () => _insertDosageQuick('1 ampolla')),
|
'cada 8 horas',
|
||||||
_QuickChip(label: 'c/8h', onTap: () => _insertDosageQuick('cada 8 horas')),
|
'cada 12 horas',
|
||||||
_QuickChip(label: 'c/12h', onTap: () => _insertDosageQuick('cada 12 horas')),
|
'cada 24 horas',
|
||||||
_QuickChip(label: 'c/24h', onTap: () => _insertDosageQuick('cada 24 horas')),
|
'1 vez al día (mañana)',
|
||||||
_QuickChip(label: 'x 7 días', onTap: () => _insertDosageQuick('por 7 días')),
|
'1 vez al día (noche)',
|
||||||
_QuickChip(label: 'x 14 días', onTap: () => _insertDosageQuick('por 14 días')),
|
'al acostarse',
|
||||||
_QuickChip(label: 'En ayunas', onTap: () => _insertDosageQuick('en ayunas')),
|
|
||||||
_QuickChip(label: 'Con agua', onTap: () => _insertDosageQuick('con abundante agua')),
|
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
const SizedBox(height: 6),
|
||||||
|
// Fila 2: Duración
|
||||||
|
_buildPosologyCategoryRow(
|
||||||
|
badgeLabel: '📅 Duración',
|
||||||
|
badgeBgColor: const Color(0xFFF0FDF4),
|
||||||
|
badgeTextColor: const Color(0xFF15803D),
|
||||||
|
items: const [
|
||||||
|
'por 3 días',
|
||||||
|
'por 5 días',
|
||||||
|
'por 7 días',
|
||||||
|
'por 10 días',
|
||||||
|
'por 14 días',
|
||||||
|
'por 30 días',
|
||||||
|
'SOS (según dolor)',
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 6),
|
||||||
|
// Fila 3: Forma e Indicación Especial
|
||||||
|
_buildPosologyCategoryRow(
|
||||||
|
badgeLabel: '💡 Indicación',
|
||||||
|
badgeBgColor: const Color(0xFFFFFBEB),
|
||||||
|
badgeTextColor: const Color(0xFFB45309),
|
||||||
|
items: const [
|
||||||
|
'1 tableta',
|
||||||
|
'1 cápsula',
|
||||||
|
'1 ampolla',
|
||||||
|
'con alimentos',
|
||||||
|
'en ayunas (30 min antes)',
|
||||||
|
'con abundante agua',
|
||||||
|
'no suspender',
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|
||||||
@@ -604,7 +605,7 @@ class _PrescriptionModalViewState extends State<PrescriptionModalView> {
|
|||||||
controller: _prescriptionController,
|
controller: _prescriptionController,
|
||||||
focusNode: _prescriptionFocusNode,
|
focusNode: _prescriptionFocusNode,
|
||||||
maxLines: 12,
|
maxLines: 12,
|
||||||
minLines: 8,
|
minLines: 7,
|
||||||
style: const TextStyle(fontSize: 13.5, height: 1.5, color: AppColors.textPrimary),
|
style: const TextStyle(fontSize: 13.5, height: 1.5, color: AppColors.textPrimary),
|
||||||
decoration: const InputDecoration(
|
decoration: const InputDecoration(
|
||||||
hintText: '1. Ciprofloxacina 500mg (14 tabletas)\n - Tomar 1 tableta cada 12 horas por 7 días con abundante agua.\n\n2. Tamsulosina 0.4mg (30 cápsulas)\n - Tomar 1 cápsula cada 24 horas después de la cena.',
|
hintText: '1. Ciprofloxacina 500mg (14 tabletas)\n - Tomar 1 tableta cada 12 horas por 7 días con abundante agua.\n\n2. Tamsulosina 0.4mg (30 cápsulas)\n - Tomar 1 cápsula cada 24 horas después de la cena.',
|
||||||
@@ -630,12 +631,14 @@ class _ToolbarActionBtn extends StatelessWidget {
|
|||||||
final String label;
|
final String label;
|
||||||
final String tooltip;
|
final String tooltip;
|
||||||
final VoidCallback onTap;
|
final VoidCallback onTap;
|
||||||
|
final bool isActive;
|
||||||
|
|
||||||
const _ToolbarActionBtn({
|
const _ToolbarActionBtn({
|
||||||
required this.icon,
|
required this.icon,
|
||||||
required this.label,
|
required this.label,
|
||||||
required this.tooltip,
|
required this.tooltip,
|
||||||
required this.onTap,
|
required this.onTap,
|
||||||
|
this.isActive = false,
|
||||||
});
|
});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
@@ -648,9 +651,12 @@ class _ToolbarActionBtn extends StatelessWidget {
|
|||||||
child: Container(
|
child: Container(
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: Colors.white,
|
color: isActive ? AppColors.primary.withValues(alpha: 0.08) : Colors.white,
|
||||||
borderRadius: BorderRadius.circular(6),
|
borderRadius: BorderRadius.circular(6),
|
||||||
border: Border.all(color: const Color(0xFFCBD5E1)),
|
border: Border.all(
|
||||||
|
color: isActive ? AppColors.primary : const Color(0xFFCBD5E1),
|
||||||
|
width: isActive ? 1.2 : 1.0,
|
||||||
|
),
|
||||||
),
|
),
|
||||||
child: Row(
|
child: Row(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
@@ -659,10 +665,10 @@ class _ToolbarActionBtn extends StatelessWidget {
|
|||||||
const SizedBox(width: 4),
|
const SizedBox(width: 4),
|
||||||
Text(
|
Text(
|
||||||
label,
|
label,
|
||||||
style: const TextStyle(
|
style: TextStyle(
|
||||||
fontSize: 11.5,
|
fontSize: 11.5,
|
||||||
fontWeight: FontWeight.w600,
|
fontWeight: FontWeight.w600,
|
||||||
color: AppColors.textPrimary,
|
color: isActive ? AppColors.primary : AppColors.textPrimary,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
@@ -673,39 +679,209 @@ class _ToolbarActionBtn extends StatelessWidget {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
class _QuickChip extends StatelessWidget {
|
class _PosologyChip extends StatelessWidget {
|
||||||
final String label;
|
final String label;
|
||||||
final VoidCallback onTap;
|
final VoidCallback onTap;
|
||||||
|
|
||||||
const _QuickChip({
|
const _PosologyChip({
|
||||||
required this.label,
|
required this.label,
|
||||||
required this.onTap,
|
required this.onTap,
|
||||||
});
|
});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Padding(
|
return InkWell(
|
||||||
padding: const EdgeInsets.only(right: 5),
|
|
||||||
child: InkWell(
|
|
||||||
onTap: onTap,
|
onTap: onTap,
|
||||||
borderRadius: BorderRadius.circular(12),
|
borderRadius: BorderRadius.circular(6),
|
||||||
child: Container(
|
child: Container(
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
|
padding: const EdgeInsets.symmetric(horizontal: 7, vertical: 3.5),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: Colors.white,
|
color: Colors.white,
|
||||||
borderRadius: BorderRadius.circular(12),
|
borderRadius: BorderRadius.circular(6),
|
||||||
border: Border.all(color: const Color(0xFFCBD5E1)),
|
border: Border.all(color: const Color(0xFFCBD5E1)),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: Colors.black.withValues(alpha: 0.02),
|
||||||
|
blurRadius: 2,
|
||||||
|
offset: const Offset(0, 1),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
child: Text(
|
child: Text(
|
||||||
label,
|
label,
|
||||||
style: const TextStyle(
|
style: const TextStyle(
|
||||||
fontSize: 11,
|
fontSize: 11,
|
||||||
fontWeight: FontWeight.w600,
|
fontWeight: FontWeight.w600,
|
||||||
color: AppColors.textSecondary,
|
color: AppColors.textPrimary,
|
||||||
),
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
class _PosologyCategoryRowWidget extends StatefulWidget {
|
||||||
|
final String badgeLabel;
|
||||||
|
final Color badgeBgColor;
|
||||||
|
final Color badgeTextColor;
|
||||||
|
final List<String> items;
|
||||||
|
final ValueChanged<String> onSelected;
|
||||||
|
|
||||||
|
const _PosologyCategoryRowWidget({
|
||||||
|
required this.badgeLabel,
|
||||||
|
required this.badgeBgColor,
|
||||||
|
required this.badgeTextColor,
|
||||||
|
required this.items,
|
||||||
|
required this.onSelected,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<_PosologyCategoryRowWidget> createState() => _PosologyCategoryRowWidgetState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _PosologyCategoryRowWidgetState extends State<_PosologyCategoryRowWidget> {
|
||||||
|
final ScrollController _scrollController = ScrollController();
|
||||||
|
bool _canScrollLeft = false;
|
||||||
|
bool _canScrollRight = false;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
_scrollController.addListener(_updateScrollIndicators);
|
||||||
|
WidgetsBinding.instance.addPostFrameCallback((_) => _updateScrollIndicators());
|
||||||
|
}
|
||||||
|
|
||||||
|
void _updateScrollIndicators() {
|
||||||
|
if (!mounted || !_scrollController.hasClients) return;
|
||||||
|
final pos = _scrollController.position;
|
||||||
|
final canLeft = pos.pixels > 3;
|
||||||
|
final canRight = pos.pixels < (pos.maxScrollExtent - 3);
|
||||||
|
if (canLeft != _canScrollLeft || canRight != _canScrollRight) {
|
||||||
|
setState(() {
|
||||||
|
_canScrollLeft = canLeft;
|
||||||
|
_canScrollRight = canRight;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _scroll(double delta) {
|
||||||
|
if (!_scrollController.hasClients) return;
|
||||||
|
_scrollController.animateTo(
|
||||||
|
(_scrollController.offset + delta).clamp(0.0, _scrollController.position.maxScrollExtent),
|
||||||
|
duration: const Duration(milliseconds: 220),
|
||||||
|
curve: Curves.easeOutCubic,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_scrollController.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
// Category Badge
|
||||||
|
Container(
|
||||||
|
width: 82,
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 2.5),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: widget.badgeBgColor,
|
||||||
|
borderRadius: BorderRadius.circular(4),
|
||||||
|
border: Border.all(color: widget.badgeTextColor.withValues(alpha: 0.25)),
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
widget.badgeLabel,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 9.5,
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
color: widget.badgeTextColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 6),
|
||||||
|
|
||||||
|
// Botón flecha izquierda cuando hay contenido antes
|
||||||
|
if (_canScrollLeft) ...[
|
||||||
|
InkWell(
|
||||||
|
onTap: () => _scroll(-120),
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(2),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.white,
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
border: Border.all(color: const Color(0xFFCBD5E1)),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: Colors.black.withValues(alpha: 0.04),
|
||||||
|
blurRadius: 2,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: const Icon(Icons.chevron_left, size: 14, color: AppColors.textPrimary),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 4),
|
||||||
|
],
|
||||||
|
|
||||||
|
// Área de desplazamiento horizontal
|
||||||
|
Expanded(
|
||||||
|
child: ScrollConfiguration(
|
||||||
|
behavior: const MaterialScrollBehavior().copyWith(
|
||||||
|
dragDevices: {
|
||||||
|
PointerDeviceKind.touch,
|
||||||
|
PointerDeviceKind.mouse,
|
||||||
|
PointerDeviceKind.trackpad,
|
||||||
|
PointerDeviceKind.stylus,
|
||||||
|
},
|
||||||
|
),
|
||||||
|
child: SingleChildScrollView(
|
||||||
|
controller: _scrollController,
|
||||||
|
scrollDirection: Axis.horizontal,
|
||||||
|
physics: const BouncingScrollPhysics(),
|
||||||
|
child: Row(
|
||||||
|
children: widget.items.map((item) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.only(right: 5),
|
||||||
|
child: _PosologyChip(
|
||||||
|
label: item,
|
||||||
|
onTap: () => widget.onSelected(item),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
// Botón flecha derecha cuando hay contenido después
|
||||||
|
if (_canScrollRight) ...[
|
||||||
|
const SizedBox(width: 4),
|
||||||
|
InkWell(
|
||||||
|
onTap: () => _scroll(120),
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(2),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.white,
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
border: Border.all(color: const Color(0xFFCBD5E1)),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: Colors.black.withValues(alpha: 0.04),
|
||||||
|
blurRadius: 2,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: const Icon(Icons.chevron_right, size: 14, color: AppColors.textPrimary),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -30,10 +30,10 @@ class PrescriptionPdfService {
|
|||||||
const pageFormat = PdfPageFormat(
|
const pageFormat = PdfPageFormat(
|
||||||
8.5 * PdfPageFormat.inch,
|
8.5 * PdfPageFormat.inch,
|
||||||
11.0 * PdfPageFormat.inch,
|
11.0 * PdfPageFormat.inch,
|
||||||
marginLeft: 54,
|
marginLeft: 28,
|
||||||
marginRight: 54,
|
marginRight: 28,
|
||||||
marginTop: 20,
|
marginTop: 16,
|
||||||
marginBottom: 20,
|
marginBottom: 16,
|
||||||
);
|
);
|
||||||
|
|
||||||
// Tipografías estándar con fallback a fuentes base PDF si no hay conexión a internet
|
// Tipografías estándar con fallback a fuentes base PDF si no hay conexión a internet
|
||||||
@@ -73,7 +73,7 @@ class PrescriptionPdfService {
|
|||||||
// Mitad superior de la hoja (máximo 5.5 pulgadas / 396 pt)
|
// Mitad superior de la hoja (máximo 5.5 pulgadas / 396 pt)
|
||||||
pw.ConstrainedBox(
|
pw.ConstrainedBox(
|
||||||
constraints: const pw.BoxConstraints(
|
constraints: const pw.BoxConstraints(
|
||||||
maxHeight: 5.5 * PdfPageFormat.inch - 36,
|
maxHeight: 5.5 * PdfPageFormat.inch - 32,
|
||||||
),
|
),
|
||||||
child: pw.Column(
|
child: pw.Column(
|
||||||
mainAxisSize: pw.MainAxisSize.min,
|
mainAxisSize: pw.MainAxisSize.min,
|
||||||
|
|||||||
@@ -29,10 +29,10 @@ class DepartmentReferralPdfService {
|
|||||||
const pageFormat = PdfPageFormat(
|
const pageFormat = PdfPageFormat(
|
||||||
8.5 * PdfPageFormat.inch,
|
8.5 * PdfPageFormat.inch,
|
||||||
11.0 * PdfPageFormat.inch,
|
11.0 * PdfPageFormat.inch,
|
||||||
marginLeft: 54,
|
marginLeft: 28,
|
||||||
marginRight: 54,
|
marginRight: 28,
|
||||||
marginTop: 20,
|
marginTop: 16,
|
||||||
marginBottom: 20,
|
marginBottom: 16,
|
||||||
);
|
);
|
||||||
|
|
||||||
// Tipografías estándar con fallback a fuentes base PDF si no hay conexión a internet
|
// Tipografías estándar con fallback a fuentes base PDF si no hay conexión a internet
|
||||||
@@ -71,7 +71,7 @@ class DepartmentReferralPdfService {
|
|||||||
// Mitad superior de la hoja (máximo 5.5 pulgadas / 396 pt)
|
// Mitad superior de la hoja (máximo 5.5 pulgadas / 396 pt)
|
||||||
pw.ConstrainedBox(
|
pw.ConstrainedBox(
|
||||||
constraints: const pw.BoxConstraints(
|
constraints: const pw.BoxConstraints(
|
||||||
maxHeight: 5.5 * PdfPageFormat.inch - 36,
|
maxHeight: 5.5 * PdfPageFormat.inch - 32,
|
||||||
),
|
),
|
||||||
child: pw.Column(
|
child: pw.Column(
|
||||||
mainAxisSize: pw.MainAxisSize.min,
|
mainAxisSize: pw.MainAxisSize.min,
|
||||||
|
|||||||
@@ -29,10 +29,10 @@ class DoctorReferralPdfService {
|
|||||||
const pageFormat = PdfPageFormat(
|
const pageFormat = PdfPageFormat(
|
||||||
8.5 * PdfPageFormat.inch,
|
8.5 * PdfPageFormat.inch,
|
||||||
11.0 * PdfPageFormat.inch,
|
11.0 * PdfPageFormat.inch,
|
||||||
marginLeft: 54,
|
marginLeft: 28,
|
||||||
marginRight: 54,
|
marginRight: 28,
|
||||||
marginTop: 20,
|
marginTop: 16,
|
||||||
marginBottom: 20,
|
marginBottom: 16,
|
||||||
);
|
);
|
||||||
|
|
||||||
// Tipografías estándar con fallback a fuentes base PDF si no hay conexión a internet
|
// Tipografías estándar con fallback a fuentes base PDF si no hay conexión a internet
|
||||||
@@ -71,7 +71,7 @@ class DoctorReferralPdfService {
|
|||||||
// Mitad superior de la hoja (máximo 5.5 pulgadas / 396 pt)
|
// Mitad superior de la hoja (máximo 5.5 pulgadas / 396 pt)
|
||||||
pw.ConstrainedBox(
|
pw.ConstrainedBox(
|
||||||
constraints: const pw.BoxConstraints(
|
constraints: const pw.BoxConstraints(
|
||||||
maxHeight: 5.5 * PdfPageFormat.inch - 36,
|
maxHeight: 5.5 * PdfPageFormat.inch - 32,
|
||||||
),
|
),
|
||||||
child: pw.Column(
|
child: pw.Column(
|
||||||
mainAxisSize: pw.MainAxisSize.min,
|
mainAxisSize: pw.MainAxisSize.min,
|
||||||
|
|||||||
@@ -103,6 +103,9 @@ void main() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
testWidgets('inserts sequential numbers and sub-indication dosis', (tester) async {
|
testWidgets('inserts sequential numbers and sub-indication dosis', (tester) async {
|
||||||
|
await tester.binding.setSurfaceSize(const Size(1024, 800));
|
||||||
|
addTearDown(() => tester.binding.setSurfaceSize(null));
|
||||||
|
|
||||||
final configStore = ConfigStore();
|
final configStore = ConfigStore();
|
||||||
await tester.pumpWidget(
|
await tester.pumpWidget(
|
||||||
MaterialApp(
|
MaterialApp(
|
||||||
@@ -134,6 +137,12 @@ void main() {
|
|||||||
await tester.pump();
|
await tester.pump();
|
||||||
expect(find.text('1. \n2. \n - '), findsOneWidget);
|
expect(find.text('1. \n2. \n - '), findsOneWidget);
|
||||||
|
|
||||||
|
// Open posology panel
|
||||||
|
final posologyToggleBtn = find.text('⏱ Posologías rápidas ▼');
|
||||||
|
expect(posologyToggleBtn, findsOneWidget);
|
||||||
|
await tester.tap(posologyToggleBtn);
|
||||||
|
await tester.pump();
|
||||||
|
|
||||||
// Tap quick dosage chip
|
// Tap quick dosage chip
|
||||||
final chip = find.text('1 tableta');
|
final chip = find.text('1 tableta');
|
||||||
expect(chip, findsOneWidget);
|
expect(chip, findsOneWidget);
|
||||||
|
|||||||
Reference in New Issue
Block a user