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

Project overview

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.

Category IT & Programming
Subcategory Web development
What is the scope of the project? Medium-sized change
Is this a project or a position? Project
I currently have I have specifications
Required availability As needed
API Integrations Other (Other APIs)
Roles needed Developer

Delivery term: September 30, 2022

Skills needed