Desarrollo Ract Js - Integración Módulo en Front

Contexto general del proyecto

TDR Integración Módulo Caja React JS Objetivo Desarrollar módulo Front en React JS bajo framework Ionic e integrar con api rest. Alcance Agregar Vista Configuraciones > Cajas (CRUD) Se debe agregar opción en Menú lateral en configuraciones con nombre “Cajas”, y operar acorde a las siguientes especificaciones: Mostrar Listado de cajas (usuario admin puede ver todas las cajas, usuario caja solo ve la caja asociada) Crear Caja solo acceso a usuario admin: Nombre caja Usuarios asociados (n usuarios) Impresora Editar caja: Usuario admin puede editar todos los campos Usuario caja solo puede editar la impresora Eliminar caja se hace en el modelo safe delete (cambia el estado de un campo a eliminado en base de datos) Permitir seleccionar múltiples cajas del listado cajas: al seleccionar permitir las acciones: Eliminar: Eliminar en lote las mesas seleccionadas Asociar mesas (dropdown): muestra lista de opciones con selección múltiple para asociar las mesas seleccionadas, si el usuario al menos seleccionó una mesa se muestra botón guardar al lado de asociar mesas. Desarrollo Funcionalidades de Caja Las acciones de caja se realizan a través de un nuevo icono ubicado en la parte superior del layout (al lado del icono de configuración). Este icono solo es visible por usuario Rol Caja (debe mostrar un dropdown con las opciones abrir caja, cuadre de caja, cerrar caja, configurar impresora). Las acciones de caja se realizan a través de un modal el cual puede ser contextualizado según tipo de acción seleccionada: Abrir Caja Abrir caja: Muestra título Abrir Caja: {{nombre_caja}}, campo Total apertura. Botones Cancelar Guardar. Cuadre de caja Cuadrar caja: Muestra modal con Cuadre Caja, en este modal se muestran opciones rápidas de ingreso de número de monedas y billetes por denominación, para el cálculo del total del cuadre, debajo en modo solo lectura muestra Total apertura, Total Cuadre y Total. Botones Cancelar Guardar. Cierre de Caja Cerrar Caja: Muestra modal con Cerrar Caja: {nombre_caja}}, en este modal se muestran opciones rápidas de ingreso de número de monedas y billetes por denominación, para el cálculo del total del cierre, debajo en modo solo lectura muestra Total apertura, Total Cierre y Total. Botones Cancelar Guardar. Tener en cuenta: Cada acción de caja crea un nuevo movimiento de caja caja, usuario, fecha y hora, tipo de acción (cierre, apertura, cuadre), total apertura, total cuadre, total cierre Desarrollar un componente aislado para el cálculo del número de monedas y billetes por denominación para reutilización en modales cuadre y cierre de caja. Un usuario de caja solo puede tener una sesión de caja abierta, de lo contrario se le deshabilita la acción abrir caja en mesas > opciones de caja. Validar si estado de caja con API. Si un usuario no tiene caja abierta se deshabilita las opciones cerrar caja y cuadrar caja. Se debe solicitar PIN para cada acción de caja. El PIN es la clave del usuario, se valida con el servicio Auth ya definido en el proyecto, ya existe componente de validación de PIN de usuario, el cual se contextualiza por rol a validar o usuario y pin. Lineamientos Tener en cuenta que se debe seguir la línea de diseño en cuanto a UI la cual está basada en Ionic, con personalizaciones. Tiempo de Desarrollo Entregar en 2 semanas. Nota: Los endpoints correspondientes ya se encuentran listos para consumir. El desarrollo solo se limita a Frontend.

Categoría Programación y Tecnología
Subcategoría Programación Web
¿Cuál es el alcance del proyecto? Cambio mediano
¿Es un proyecto o una posición? Un proyecto
Actualmente tengo Tengo las especificaciones
Disponibilidad requerida Según se necesite
Integraciones de API Otros (Otras APIs)
Roles necesarios Programador

Plazo de Entrega: 30 Septiembre, 2022

Habilidades necesarias