Descripción de los componentes reutilizables

El espacio de trabajo de AEM Forms se compone de componentes reutilizables que están organizados en una estructura de carpetas específica de CRX™. Cada componente tiene un modelo, una vista y un archivo de plantilla en la ubicación especificada en la estructura de carpetas, dependencias de JavaScript™ en otros archivos de componentes, eventos escuchados por el componente y objetos de JavaScript que activan estos eventos en el espacio de trabajo de AEM Forms. Aquí se proporciona la lista completa de los componentes reutilizables con nombres de archivo constituyentes y dependencias.

ListaDeTareas

Modelo

tasklist.js

Ver

tasklist.js

Plantilla

tasklist.html

Requiere componentes

  • UserSearch

  • Tarea

  • Tarea en equipo

Dependencias de JS

  • modelo de tarea

  • modelo de tarea de equipo

Eventos escuchados (nombre del Evento - Activador)

  • filterSelected - modelo de lista de tareas

  • quitar - modelo de lista de tareas

  • updateQueue - modelo de lista de tareas

Nota

Este componente se puede utilizar independientemente del espacio de trabajo de AEM Forms, siempre que active filterevento seleccionado para este componente desde la aplicación personalizada.

Tarea

Modelo

task.js

Ver

task.js

Plantilla

task.html

Requiere componentes

ND

Dependencias de JS

  • modelo de lista de tareas

  • utilidad taskactions

Eventos escuchados (nombre del Evento - Activador)

  • submitComplete: modelo de tarea

  • Rechazar - modelo de tarea

Nota

Workspace llama a la función fetchTasks del modelo TaskList para crear modelos de Tarea para este componente.

FilterList

Modelo

tasklist.js

Ver

filterlist.js

Plantilla

filterlist.html

Requiere componentes

ND

Dependencias de JS

ND

Eventos escuchados (nombre del Evento - Activador)

  • buscado - modelo de lista de tareas

  • quitar - modelo de lista de tareas

  • updateQueue - modelo de lista de tareas

  • refreshQueue: modelo de lista de tareas

  • filterSelected - modelo de lista de tareas

Filtro

Ver

filter.js

Plantilla

filter.html

Requiere componentes

ND

Dependencias de JS

  • Campo: queue: { name, qid, isDefault, type}

  • Campo: consulta: string

  • Campo: parentView: vista de lista de filtros

  • Campo: parentModel: modelo de lista de tareas

  • Campo: utilidad

Eventos escuchados

ND

TeamQueues

Modelo

tasklist.js

Ver

teamqueues.js

Plantilla

teamqueues.html

Requiere componentes

ND

Dependencias de JS

ND

Eventos escuchados (nombre del Evento - Activador)

  • buscado - modelo de lista de tareas

  • quitar - modelo de lista de tareas

  • updateQueue - modelo de lista de tareas

  • teamQueuesFetched - modelo de lista de tareas

TeamFilter

Modelo

ND

Ver

teamfilter.js

Plantilla

teamfilter.html

Requiere componentes

ND

Dependencias de JS

  • Extiende : vista de filtro

  • Campo: queue :{ name, qid, isDefault, type }

  • Campo: consulta: string

  • Campo: parentView: vista de lista de filtros

  • Campo: parentModel : modelo de lista de tareas

  • Campo: utilidad

Eventos escuchados

ND

Nota

TeamFilter obtiene el evento que indica qué tarea se ha seleccionado del componente TaskList. Aunque estos componentes comparten la clase de modelo, no hay otra dependencia.

Detalles de la tarea

Modelo

tasklist.js

Ver

taskdetails.js

Plantilla

taskdetails.html

Requiere componentes

La mayoría de las clases de Utilidad

Dependencias de JS

  • processinstancehistory.html

  • utilidad de procesamiento de formularios

  • utilidad de notas

  • utilidad de archivos adjuntos

  • utilidad taskactions

  • utilidad de historial

Eventos escuchados (nombre del Evento - Activador)

  • reenviado - modelo de tarea

  • compartido: modelo de tarea

  • consultado - modelo de tarea

  • rechazado - modelo de tarea

  • abandonado - modelo de tarea

  • desbloqueado - modelo de tarea

  • bloqueado - modelo de tarea

  • reclamado - modelo de tarea

  • cambio:selección de tareas - modelo de lista de tareas

  • change:formUrl - modelo de tarea

  • attachmentURLFetched - modelo de tarea
  • newAttachment - modelo de tarea
  • taskHistoryFetched - modelo de tarea

  • prepareForSubmitComplete: modelo de tarea
  • submitComplete: modelo de tarea

CategoryList

Modelo

categorylist.js

Ver

categorylist.js

Plantilla

startprocess.html (en la carpeta route)

Requiere componentes

Categoría

Dependencias de JS

  • modelo favoritecategoryFactory

  • modelo allcategoryFactory

Eventos escuchados (nombre del Evento - Activador)

  • allStartpointsFetched - modelo de lista de categorías

  • agregar - modelo de lista de categorías

Nota

Este componente utiliza clases de modelo de otros componentes como StartPointList, StartPoint y Tarea. Además de esta dependencia, CategoryList puede utilizarse de forma independiente.

Categoría

Modelo

category.js

Ver

category.js

Plantilla

category.html

Requiere componentes

ND

Dependencias de JS

  • modelo de lista de categorías

  • modelo startpointlist

Eventos escuchados (nombre del Evento - Activador)

  • cambiado - modelo de categoría

  • childrenFetched - modelo de categoría

  • categoría:seleccionada - modelo de lista de categorías

StartPointList

Modelo

categorylist.js

Ver

startpointlist.js

Plantilla

startprocess.html (en la carpeta route)

Requiere componentes

ND

Dependencias de JS

  • modelo de categoría

  • modelo favoritecategoryFactory

  • modelo allcategoryFactory

  • vista de startpoint

  • modelo startpointlist

  • modelo startpoint

  • modelo de tarea

  • modelo de tarea

  • modelo de lista de tareas

  • modelo de tarea de equipo

Eventos escuchados (nombre del Evento - Activador)

  • categoría:seleccionada - modelo de lista de categorías

  • allStartpointsFetched - modelo de lista de categorías

Nota

Los componentes StartPointList y CategoryList comparten la clase de modelo, por lo que la primera depende de la segunda. CategoryList accede a la información sobre los puntos de inicio de la categoría que se muestran. Para utilizar StartPointList de forma independiente, simule el activador de evento de CategoryList.

StartPoint

Modelo

startpoint.js

Ver

startpoint.js

Plantilla

startpoint.html

Requiere componentes

ND

Dependencias de JS

modelo de tarea

Eventos escuchados (nombre del Evento - Activador)

change - modelo de punto de partida

StartProcess

Modelo

categorylist.js

Ver

startprocess.js

Plantilla

startprocess.html

Requiere componentes

  • La mayoría de las clases de Utilidad

  • UserSearch

Dependencias de JS

  • modelo de categoría

  • modelo favoritecategoryFactory

  • modelo allcategoryFactory

  • utilidad de procesamiento de formularios

  • utilidad de notas

  • utilidad de archivos adjuntos

  • utilidad taskactions

Eventos escuchados (nombre del Evento - Activador)

  • categoría:seleccionada - modelo de lista de categorías

  • change:alledTask - modelo startpointlist

  • change:formUrl - modelo de tarea

  • punto de inicio:seleccionado - modelo de lista de puntos de inicio

  • reenviado - modelo de tarea

  • abandonado - modelo de tarea

  • desbloqueado - modelo de tarea

  • bloqueado - modelo de tarea

  • attachmentURLFetched - modelo de tarea
  • newAttachment - modelo de tarea
  • prepareForSubmitComplete: modelo de tarea
  • submitComplete: modelo de tarea

  • allStartpointsFetched - modelo de lista de categorías

Nota

Los componentes StartProcess y StartPointList comparten la clase de modelo. Este componente resulta relevante cuando selecciona un punto de partida en StartPointList.

ProcessNameList

Modelo

processnamelist.js

Ver

processnamelist.js

Plantilla

tracking.html (en la carpeta route)

Requiere componentes

ND

Dependencias de JS

modelo processname

Eventos escuchados (nombre del Evento - Activador)

  • add - modelo processnamelist

  • buscado:nombreproceso - modelo nombredeproceso

  • change - modelo de lista de nombres de procesos

Nota

ProcessNameList no depende de otros componentes. Sin embargo, de forma interna depende de la clase de modelo ProcessInstanceList que, a su vez, depende de otros componentes. Por lo tanto, ProcessNameList utiliza muchas clases de modelo como ProcessInstanceList, ProcessInstance, TaskList, Teamtask y Tarea. Además de estas dependencias, ProcessNameList puede utilizarse de forma independiente.

ProcessName

Modelo

processname.js

Ver

nombreproceso (en nombredeproceso.js)

Plantilla

processname.html

Requiere componentes

ND

Dependencias de JS

modelo processinstancelist

Eventos escuchados (nombre del Evento - Activador)

change - modelo processname

ProcessInstanceList

Modelo

processnamelist.js

Ver

processinstancelist.js

Plantilla

tracking.html (en la carpeta route)

Requiere componentes

ND

Dependencias de JS

modelo processname

Eventos escuchados (nombre del Evento - Activador)

  • nombreproceso:seleccionado - modelo de lista de nombres de procesos

  • nombreproceso:instancesfetched - modelo processnamelist

Nota

ProcessInstanceList espera un evento de ProcessNameList que indica el nombre del proceso para recuperar y mostrar instancias. Para utilizar ProcessInstanceList de forma independiente, simule el activador de evento por separado.

ProcessInstance

Modelo

processinstance.js

Ver

nombreproceso dentro de processnamelist.js

Plantilla

processinstance.html

Requiere componentes

ND

Dependencias de JS

modelo de lista de tareas

Eventos escuchados (nombre del Evento - Activador)

change - modelo de instancia de proceso

ProcessInstanceHistory

Modelo

processnamelist.js

Ver

processinstancehistory.js

Plantilla

processinstancehistory.html

Requiere componentes

ND

Dependencias de JS

  • modelo processname

  • utilidad de historial

Eventos escuchados (nombre del Evento - Activador)

  • nombreproceso:seleccionado - modelo de lista de nombres de procesos

  • processinstance:selected - modelo processinstancelist

  • TasksFetched - modelo de instancia de proceso

Nota

ProcessInstanceHistory espera un evento de ProcessInstanceList que indica qué historial de instancias de proceso se va a mostrar. Además de esta dependencia, el componente se puede utilizar de forma independiente.

Fuera de la oficina

Modelo

outofoffice.js

Ver

outofoffice.js

Plantilla

outofoffice.html

Requiere componentes

UserSearch

Dependencias de JS

vista usersearch

Eventos escuchados (nombre del Evento - Activador)

  • outOfOfficeSettingsFetched - modelo de outtofoffice

  • outOfOfficeSettingsSaved - modelo de outtofoffice

  • processFetched - modelo de OUTOFoffice

  • principalSelected - vista de búsqueda principal

Nota

OutofOffice puede utilizarse de forma independiente.

ShareQueue

Modelo

sharequeue.js

Ver

sharequeue.js

Plantilla

sharequeue.html

Requiere componentes

UserSearch

Dependencias de JS

vista usersearch

Eventos escuchados (nombre del Evento - Activador)

  • queueAccessGranted - modelo sharequeue

  • queueAccessRequested - modelo sharequeue

  • approvedUsersFetched - modelo sharequeue

  • accessibleUsersFetched - modelo sharequeue
  • queueAccessRevected - modelo sharequeue

  • queueAccessRemoved - modelo sharequeue

  • principalSelected - vista de búsqueda principal

Nota

ShareQueue se puede usar de forma independiente.

UISettings

Modelo

uisettings.js

Ver

uisettings.js

Plantilla

uisettings.html

Requiere componentes

ND

Dependencias de JS

ND

Eventos escuchados (nombre del Evento - Activador)

  • PreferencesFetched - modelo de configuración

  • SettingUpdated: modelo uisettings

Nota

UISettings se puede utilizar de forma independiente.

AppNavigation

Modelo

appnavigation.js

Ver

appnavigation.js

Plantilla

appnavigation.html

Requiere componentes

ND

Dependencias de JS

ND

Eventos escuchados

ND

Nota

AppNavigation puede utilizarse de forma independiente.

UserInfo

Modelo

userinfo.js

Ver

userinfo.js

Plantilla

userinfo.html

Requiere componentes

ND

Dependencias de JS

ND

Eventos escuchados (nombre del Evento - Activador)

  • userImageUrlFetched - modelo userinfo
  • sessionRenewed - modelo userinfo
  • sessionExpired - modelo userinfo
Nota

UserInfo se puede utilizar de forma independiente.

WSError

Modelo

wserror.js

Ver

wserror.js

Plantilla

wserror.html

Requiere componentes

ND

Dependencias de JS

ND

Eventos escuchados (nombre del Evento - Activador)

newWsError - modelo de wserror

UserSearch

Modelo

usersearch.js

Ver

usersearch.js

Plantilla

usersearch.html

Requiere componentes

ND

Dependencias de JS

ND

Eventos escuchados (nombre del Evento - Activador)

  • principalSearched - modelo de búsqueda principal
  • outOfOfficeInfoFetched - modelo de búsqueda de usuarios

SearchTemplate

Modelo

searchtemplate.js

Ver

searchtemplate (en searchtemplatelist.js)

Plantilla

searchtemplate.html

Requiere componentes

ND

Dependencias de JS

ND

Eventos escuchados (nombre del Evento - Activador)

templateFetched - modelo de plantilla de búsqueda

SearchTemplateList

Modelo

searchtemplatelist.js

Ver

searchtemplatelist.js

Plantilla

tracking.html (en la carpeta route)

Requiere componentes

ND

Dependencias de JS

modelo de plantilla de búsqueda

Eventos escuchados (nombre del Evento - Activador)

change - searchtemplatelist modelo

SearchTemplateDetails

Modelo

searchtemplatelist.js

Ver

searchtemplatedetails.js

Plantilla

searchtemplatedetails.html

Requiere componentes

ND

Dependencias de JS

ND

Eventos escuchados (nombre del Evento - Activador)

searchTemplate:selected - modelo de plantilla de búsqueda

En esta página