Descripción de los componentes reutilizables

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

Lista de tareas

Modelo

tasklist.js

Ver

tasklist.js

Plantilla

tasklist.html

Requiere componentes

  • UserSearch

  • Tarea

  • Teamtask

Dependencias de JS

  • modelo de tareas

  • modelo teamtask

Eventos escuchados (Nombre del evento - Déclencheur)

  • filterSelected - modelo de lista de tareas

  • quitar - modelo de lista de tareas

  • updateQueue - modelo de lista de tareas

NOTA

Este componente se puede utilizar de forma independiente del espacio de trabajo de AEM Forms, siempre que filtre el déclencheurEvento 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 - Déclencheur)

  • submitComplete - modelo de tareas

  • Rechazar - modelo de tareas

NOTA

Workspace llama a la función fetchTasks del modelo TaskList para crear modelos de Task 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 - Déclencheur)

  • fetch - 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: cola: { 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

Colas de equipo

Modelo

tasklist.js

Ver

teamqueues.js

Plantilla

teamqueues.html

Requiere componentes

ND

Dependencias de JS

ND

Eventos escuchados (Nombre del evento - Déclencheur)

  • fetch - 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

  • Amplía : 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 utilidades

Dependencias de JS

  • processinstancehistory.html

  • utilidad de renderización

  • utilidad notas

  • utilidad de archivos adjuntos

  • utilidad taskactions

  • utilidad de historial

Eventos escuchados (Nombre del evento - Déclencheur)

  • reenviado: modelo de tareas

  • shared - task model

  • consultado - modelo de tareas

  • rechazado - modelo de tareas

  • abandonado - modelo de tarea

  • desbloqueado - modelo de tareas

  • bloqueado - modelo de tareas

  • clamado - modelo de tarea

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

  • change:formUrl - modelo de tareas

  • attachmentURLFetched - modelo de tareas
  • newAttachment - modelo de tareas
  • taskHistoryFetched - modelo de tareas

  • prepareForSubmitComplete - modelo de tareas
  • submitComplete - modelo de tareas

CategoryList

Modelo

categorylist.js

Ver

categorylist.js

Plantilla

startProcess.html (en la carpeta de ruta)

Requiere componentes

Categoría

Dependencias de JS

  • modelo favoritecategoryfactory

  • modelo allcategoryfactory

Eventos escuchados (Nombre del evento - Déclencheur)

  • allStartpointsFetched - modelo de lista de categorías

  • add - categorylist model

NOTA

Este componente utiliza clases de modelo de otros componentes, como StartPointList, StartPoint y Task. 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 - Déclencheur)

  • modificado: modelo de categoría

  • childrenFetched - modelo de categoría

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

StartPointList

Modelo

categorylist.js

Ver

startpointlist.js

Plantilla

startProcess.html (en la carpeta de ruta)

Requiere componentes

ND

Dependencias de JS

  • modelo category

  • modelo favoritecategoryfactory

  • modelo allcategoryfactory

  • vista de punto de inicio

  • modelo startpointlist

  • modelo startpoint

  • modelo de tareas

  • modelo de tareas

  • modelo de lista de tareas

  • modelo teamtask

Eventos escuchados (Nombre del evento - Déclencheur)

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

  • allStartpointsFetched - modelo de lista de categorías

NOTA

Los componentes StartPointList y CategoryList comparten la clase 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 déclencheur de evento de CategoryList.

StartPoint

Modelo

startpoint.js

Ver

startpoint.js

Plantilla

startpoint.html

Requiere componentes

ND

Dependencias de JS

modelo de tareas

Eventos escuchados (Nombre del evento - Déclencheur)

change - modelo de punto de inicio

StartProcess

Modelo

categorylist.js

Ver

startprocess.js

Plantilla

startprocess.html

Requiere componentes

  • La mayoría de las clases de utilidades

  • UserSearch

Dependencias de JS

  • modelo category

  • modelo favoritecategoryfactory

  • modelo allcategoryfactory

  • utilidad de renderización

  • utilidad notas

  • utilidad de archivos adjuntos

  • utilidad taskactions

Eventos escuchados (Nombre del evento - Déclencheur)

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

  • change:invocaTask - modelo startpointlist

  • change:formUrl - modelo de tareas

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

  • reenviado: modelo de tareas

  • abandonado - modelo de tarea

  • desbloqueado - modelo de tareas

  • bloqueado - modelo de tareas

  • attachmentURLFetched - modelo de tareas
  • newAttachment - modelo de tareas
  • prepareForSubmitComplete - modelo de tareas
  • submitComplete - modelo de tareas

  • allStartpointsFetched - modelo de lista de categorías

NOTA

Los componentes StartProcess y StartPointList comparten la clase de modelo. Este componente se vuelve relevante si selecciona un punto de inicio de StartPointList.

ProcessNameList

Modelo

processnamelist.js

Ver

processnamelist.js

Plantilla

tracking.html (en la carpeta de ruta)

Requiere componentes

ND

Dependencias de JS

modelo processname

Eventos escuchados (Nombre del evento - Déclencheur)

  • add - processnamelist modelo

  • fetched:nombreproceso - modelo nombreproceso

  • change - modelo processnamelist

NOTA

ProcessNameList no depende de otros componentes. Sin embargo, depende internamente de la clase del 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 Task. Además de estas dependencias, ProcessNameList puede utilizarse de forma independiente.

ProcessName

Modelo

processname.js

Ver

nombreproceso (en processnamelist.js)

Plantilla

processname.html

Requiere componentes

ND

Dependencias de JS

modelo processinstancelist

Eventos escuchados (Nombre del evento - Déclencheur)

change - modelo de nombre de proceso

ProcessInstanceList

Modelo

processnamelist.js

Ver

processinstancelist.js

Plantilla

tracking.html (en la carpeta de ruta)

Requiere componentes

ND

Dependencias de JS

modelo processname

Eventos escuchados (Nombre del evento - Déclencheur)

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

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

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 déclencheur de eventos por separado.

ProcessInstance

Modelo

processinstance.js

Ver

nombre de proceso dentro de nombelist.js

Plantilla

processinstance.html

Requiere componentes

ND

Dependencias de JS

modelo de lista de tareas

Eventos escuchados (Nombre del evento - Déclencheur)

change - process, modelo de instancia

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 - Déclencheur)

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

  • processinstance:selected - processinstancelist modelo

  • tasksFetched - modelo de instancia de proceso

NOTA

ProcessInstanceHistory espera un evento de ProcessInstanceList que indique 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 oficina

Modelo

outofoffice.js

Ver

outofoffice.js

Plantilla

outofoffice.html

Requiere componentes

UserSearch

Dependencias de JS

vista de búsqueda de usuarios

Eventos escuchados (Nombre del evento - Déclencheur)

  • outOfOfficeSettingsFetched - modelo de fuera de la oficina

  • outOfOfficeSettingsSaved - modelo de oficina externa

  • processesFetched - modelo de outfoffice

  • 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 de búsqueda de usuarios

Eventos escuchados (Nombre del evento - Déclencheur)

  • queueAccessGranted - modelo sharequeue

  • queueAccessRequested - modelo sharequeue

  • allowedUsersFetched - modelo sharequeue

  • accessibleUsersFetched - modelo sharequeue
  • queueAccessRevewed - 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 - Déclencheur)

  • preferencias recuperadas: modelo de configuración de usuario

  • settingUpdated: modelo de configuración de usuario

NOTA

UISettings se puede usar de forma independiente.

Navegación de aplicaciones

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 - Déclencheur)

  • 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 - Déclencheur)

newWsError - modelo wserror

UserSearch

Modelo

usersearch.js

Ver

usersearch.js

Plantilla

usersearch.html

Requiere componentes

ND

Dependencias de JS

ND

Eventos escuchados (Nombre del evento - Déclencheur)

  • 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 - Déclencheur)

templateFetched- searchtemplate modelo

SearchTemplateList

Modelo

searchtemplatelist.js

Ver

searchtemplatelist.js

Plantilla

tracking.html (en la carpeta de ruta)

Requiere componentes

ND

Dependencias de JS

modelo searchtemplate

Eventos escuchados (Nombre del evento - Déclencheur)

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 - Déclencheur)

searchTemplate:selected - modelo de plantilla de búsqueda

En esta página