Saltar al contenido principal

frontend-documentation-generate-reports-flow

#Reports page

ok, tecnicamente reports page hace lo siguiente:

  1. Reports page

-> obtiene store de reports -> funcion para crear nuevo reporte -> funcion para editar reportes existentes en store

reports-store hook:​

  • reports
{id, 
name, 
content, <- ??? [se puede almacenar data aca?]
status, 
customizedByUser,
date,
lastEdited
}[]
  • updateReport ← actualiza reporte existe
  • deleteReport ← borra reporte que existe
  • initializeNewReport ← inicializa reporte

generar nuevo reporte​

(llegas a traves de create new report en reports page) reports page utiliza initializeNewReport para obtener el reportId, con este nos dirigimos a la generate page

  1. generate page contiene un client component tiptapreportgeneration

  2. tiptapREportGeneration

usa hook useEditor​

-useEditor lo que hace es cargar todas las funcionalidades de Tiptap y adicionalmente, para obtener el contenido del reporte o gestionar en memoria los reportes, usa [useEditorStore()]

editorStore hook​

logo - boolean: para saber si el usuario habilito la opcion para poner el logo logoUrl: string de url para el logo -- todo, eso se puede recortar a que si logoUrl no es '' o 'default.png' que sea true date: string de fecha para saber si el usuario habilito la opcion para poner la fecha title - [este creo que es redundante, ya que el titulo lo gestiona el reporte] lastReportIndex - innecesario, es para gestionar el titulo setLogo -> () para colocar logo en true/false setLogoUrl -> () para colocar url en logoUrl setDate -> () setTitle -> () generateNewReportTitle - () para crear un nuevo titulo de reporte... ridiculo resetHeader resetEditor clearEditorState