Descrição de componentes reutilizáveis description-of-reusable-components

O espaço de trabalho do AEM Forms é composto de reutilizável componentes organizados em uma estrutura de pastas no CRX™. Cada componente tem modelo, visualização e arquivo de modelo no local especificado na estrutura de pastas, dependências do JavaScript™ em outros arquivos de componente, eventos acompanhados pelo componente e objetos JavaScript que acionam esses eventos no espaço de trabalho do AEM Forms. A lista completa de componentes reutilizáveis com nomes de arquivo e dependências constituintes é fornecida aqui.

ListaTarefas tasklist

Modelo
tasklist.js
Exibir
tasklist.js
Modelo
tasklist.html
Requer componentes
  • UserSearch

  • Tarefa

  • Tarefa de equipe

Dependências JS
  • modelo de tarefa

  • modelo teamtask

Eventos acompanhados (Nome do evento - Acionador)
  • filterSelected - modelo de lista de tarefas

  • remover - modelo de lista de tarefas

  • updateQueue - modelo de lista de tarefas

NOTE
Esse componente pode ser usado independentemente do espaço de trabalho do AEM Forms, desde que você acione o evento filterSelected para esse componente do aplicativo personalizado.

Tarefa task

Modelo
task.js
Exibir
task.js
Modelo
task.html
Requer componentes
ND
Dependências JS
  • modelo de lista de tarefas

  • utilitário taskactions

Eventos acompanhados (Nome do evento - Acionador)
  • submitComplete - modelo de tarefa

  • Rejeitar - modelo de tarefa

NOTE
O Workspace chama a função fetchTasks do modelo TaskList para criar modelos de tarefa para esse componente.

FilterList filterlist

Modelo
tasklist.js
Exibir
filterlist.js
Modelo
filterlist.html
Requer componentes
ND
Dependências JS
ND
Eventos acompanhados (Nome do evento - Acionador)
  • buscado - modelo de lista de tarefas

  • remover - modelo de lista de tarefas

  • updateQueue - modelo de lista de tarefas

  • refreschedQueue - modelo de lista de tarefas

  • filterSelected - modelo de lista de tarefas

Filtro filter

Exibir
filter.js
Modelo
filter.html
Requer componentes
ND
Dependências JS
  • Campo: fila: { name, qid, isDefault, type}

  • Campo: query: string

  • Campo: parentView: exibição em lista de filtros

  • Campo: parentModel: modelo de lista de tarefas

  • Campo: utilitário

Eventos acompanhados
ND

TeamQueues teamqueues

Modelo
tasklist.js
Exibir
teamqueues.js
Modelo
teamqueues.html
Requer componentes
ND
Dependências JS
ND
Eventos acompanhados (Nome do evento - Acionador)
  • buscado - modelo de lista de tarefas

  • remover - modelo de lista de tarefas

  • updateQueue - modelo de lista de tarefas

  • teamQueuesFetched - modelo de lista de tarefas

FiltroEquipe teamfilter

Modelo
ND
Exibir
teamfilter.js
Modelo
teamfilter.html
Requer componentes
ND
Dependências JS
  • Estende : exibição de filtro

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

  • Campo : consulta : cadeia de caracteres

  • Campo : parentView : modo de exibição de lista de filtros

  • Campo : parentModel : modelo de lista de tarefas

  • Campo: utilitário

Eventos acompanhados
ND
NOTE
TeamFilter obtém o evento indicando qual tarefa foi selecionada do componente Lista de tarefas. Embora esses componentes compartilhem a classe do modelo, não há outra dependência.

DetalhesDaTarefa taskdetails

Modelo
tasklist.js
Exibir
taskdetails.js
Modelo
taskdetails.html
Requer componentes
A maioria das classes Utility
Dependências JS
  • processinstancehistory.html

  • utilitário formrendering

  • utilitário notes

  • utilitário anexos

  • utilitário taskactions

  • utilitário de histórico

Eventos acompanhados (Nome do evento - Acionador)
  • encaminhado - modelo de tarefa

  • compartilhado - modelo de tarefa

  • consultado - modelo de tarefa

  • rejeitado - modelo de tarefa

  • abandonado - modelo de tarefa

  • desbloqueado - modelo de tarefa

  • bloqueado - modelo de tarefa

  • solicitado - modelo de tarefa

  • alterar:taskseleted - modelo de lista de tarefas

  • alteração:formUrl - modelo de tarefa

  • attachmentURLFetched - modelo de tarefa

  • newAttachment - modelo de tarefa

  • taskHistoryFetched - modelo de tarefa

  • prepareForSubmitComplete - modelo de tarefa

  • submitComplete - modelo de tarefa

CategoryList categorylist

Modelo
categorylist.js
Exibir
categorylist.js
Modelo
startprocess.html (na pasta rota)
Requer componentes
Categoria
Dependências JS
  • modelo favoritecategoryfatory

  • modelo allcategoryfatory

Eventos acompanhados (Nome do evento - Acionador)
  • allStartpointsFetched - modelo de lista de categorias

  • adicionar - modelo de categorylist

NOTE
Este componente usa classes de modelo de alguns outros componentes, como StartPointList, StartPoint e Task. Além dessa dependência, CategoryList pode ser usado independentemente.

Categoria category

Modelo
category.js
Exibir
category.js
Modelo
category.html
Requer componentes
ND
Dependências JS
  • modelo categorylist

  • modelo startpointlist

Eventos acompanhados (Nome do evento - Acionador)
  • alterado - modelo de categoria

  • childrenFetched - modelo de categoria

  • categoria:selecionada - modelo de lista de categorias

ListaDePontosIniciais startpointlist

Modelo
categorylist.js
Exibir
startpointlist.js
Modelo
startprocess.html (na pasta rota)
Requer componentes
ND
Dependências JS
  • modelo de categoria

  • modelo favoritecategoryfatory

  • modelo allcategoryfatory

  • exibição de ponto inicial

  • modelo startpointlist

  • modelo de ponto inicial

  • modelo de tarefa

  • modelo de tarefa

  • modelo de lista de tarefas

  • modelo teamtask

Eventos acompanhados (Nome do evento - Acionador)
  • categoria:selecionada - modelo de lista de categorias

  • allStartpointsFetched - modelo de lista de categorias

NOTE
Os componentes StartPointList e CategoryList compartilham a classe do modelo, portanto, o primeiro depende do segundo. CategoryList acessa as informações sobre quais pontos iniciais da categoria são mostrados. Para usar StartPointList de forma independente, simule o acionador de evento de CategoryList.

StartPoint startpoint

Modelo
startpoint.js
Exibir
startpoint.js
Modelo
startpoint.html
Requer componentes
ND
Dependências JS
modelo de tarefa
Eventos acompanhados (Nome do evento - Acionador)
alteração - modelo de ponto inicial

StartProcess startprocess

Modelo
categorylist.js
Exibir
startprocess.js
Modelo
startprocess.html
Requer componentes
  • A maioria das classes Utility

  • UserSearch

Dependências JS
  • modelo de categoria

  • modelo favoritecategoryfatory

  • modelo allcategoryfatory

  • utilitário formrendering

  • utilitário notes

  • utilitário anexos

  • utilitário taskactions

Eventos acompanhados (Nome do evento - Acionador)
  • categoria:selecionada - modelo de lista de categorias

  • alteração:invokedTask - modelo startpointlist

  • alteração:formUrl - modelo de tarefa

  • ponto inicial:selecionado - modelo de lista de pontos inicial

  • encaminhado - modelo de tarefa

  • abandonado - modelo de tarefa

  • desbloqueado - modelo de tarefa

  • bloqueado - modelo de tarefa

  • attachmentURLFetched - modelo de tarefa

  • newAttachment - modelo de tarefa

  • prepareForSubmitComplete - modelo de tarefa

  • submitComplete - modelo de tarefa

  • allStartpointsFetched - modelo de lista de categorias

NOTE
Os componentes StartProcess e StartPointList compartilham a classe do modelo. Este componente se torna relevante quando você seleciona um ponto inicial em StartPointList.

ProcessNameList processnamelist

Modelo
processnamelist.js
Exibir
processnamelist.js
Modelo
tracking.html (na pasta da rota)
Requer componentes
ND
Dependências JS
modelo processname
Eventos acompanhados (Nome do evento - Acionador)
  • adicionar - modelo processnamelist

  • buscado:processnames - modelo processnamelist

  • alteração - modelo processnamelist

NOTE
ProcessNameList não depende de outros componentes. No entanto, internamente depende da classe de modelo ProcessInstanceList que, por sua vez, depende de outros componentes. Portanto, ProcessNameList usa muitas classes de modelo como ProcessInstanceList, ProcessInstance, TaskList, Teamtask e Task. Além dessas dependências, ProcessNameList pode ser usado independentemente.

ProcessName processname

Modelo
processname.js
Exibir
processname (em processnamelist.js)
Modelo
processname.html
Requer componentes
ND
Dependências JS
modelo processinstancelist
Eventos acompanhados (Nome do evento - Acionador)
alteração - modelo de processname

ProcessInstanceList processinstancelist

Modelo
processnamelist.js
Exibir
processinstancelist.js
Modelo
tracking.html (na pasta da rota)
Requer componentes
ND
Dependências JS
modelo processname
Eventos acompanhados (Nome do evento - Acionador)
  • processname:selecionado - modelo processnamelist

  • processname:instancesfetched - modelo processnamelist

NOTE
ProcessInstanceList espera um evento de ProcessNameList indicando o nome do processo para buscar e exibir instâncias. Para usar ProcessInstanceList de maneira independente, simule o acionador de evento separadamente.

ProcessInstance processinstance

Modelo
processinstance.js
Exibir
processname dentro de processnamelist.js
Modelo
processinstance.html
Requer componentes
ND
Dependências JS
modelo de lista de tarefas
Eventos acompanhados (Nome do evento - Acionador)
alteração - modelo de instância de processo

ProcessInstanceHistory processinstancehistory

Modelo
processnamelist.js
Exibir
processinstancehistory.js
Modelo
processinstancehistory.html
Requer componentes
ND
Dependências JS
  • modelo processname

  • utilitário de histórico

Eventos acompanhados (Nome do evento - Acionador)
  • processname:selecionado - modelo processnamelist

  • processinstance:seleted - modelo processinstancelist

  • tasksFetched - modelo de instância de processo

NOTE
ProcessInstanceHistory espera um evento de ProcessInstanceList indicando qual histórico de instância de processo deve ser mostrado. Além dessa dependência, o componente pode ser usado de forma independente.

Fora do escritório outofoffice

Modelo
outofoffice.js
Exibir
outofoffice.js
Modelo
outofoffice.html
Requer componentes
UserSearch
Dependências JS
visualização usersearch
Eventos acompanhados (Nome do evento - Acionador)
  • outOfOfficeSettingsFetched - modelo do outooffice

  • outOfOfficeSettingsSaved - modelo do outooffice

  • processesFetched - modelo do outooffice

  • principalSelected - exibição de pesquisa principal

NOTE
O OutOfOffice pode ser usado independentemente.

ShareQueue sharequeue

Modelo
sharequeue.js
Exibir
sharequeue.js
Modelo
sharequeue.html
Requer componentes
UserSearch
Dependências JS
visualização usersearch
Eventos acompanhados (Nome do evento - Acionador)
  • queueAccessGranted - modelo sharequeue

  • queueAccessRequested - modelo sharequeue

  • grantedUsersFetched - modelo sharequeue

  • accessibleUsersFetched - modelo de fila compartilhada

  • queueAccessRevoked - modelo sharequeue

  • queueAccessRemoved - modelo sharequeue

  • principalSelected - exibição de pesquisa principal

NOTE
ShareQueue pode ser usado independentemente.

UISettings uisettings

Modelo
uisettings.js
Exibir
uisettings.js
Modelo
uisettings.html
Requer componentes
ND
Dependências JS
ND
Eventos acompanhados (Nome do evento - Acionador)
  • preferênciasBuscado - modelo uisettings

  • settingUpdated - modelo uisettings

NOTE
UISettings podem ser usados independentemente.

AppNavigation appnavigation

Modelo
appnavigation.js
Exibir
appnavigation.js
Modelo
appnavigation.html
Requer componentes
ND
Dependências JS
ND
Eventos acompanhados
ND
NOTE
O AppNavigation pode ser usado de maneira independente.

UserInfo userinfo

Modelo
userinfo.js
Exibir
userinfo.js
Modelo
userinfo.html
Requer componentes
ND
Dependências JS
ND
Eventos acompanhados (Nome do evento - Acionador)
  • userImageUrlFetched - modelo de informações do usuário
  • sessionReneved - modelo de informações do usuário
  • sessionExpired - modelo de informações do usuário
NOTE
UserInfo pode ser usado independentemente.

WSError wserror

Modelo
wserror.js
Exibir
wserror.js
Modelo
wserror.html
Requer componentes
ND
Dependências JS
ND
Eventos acompanhados (Nome do evento - Acionador)
newWsError - modelo wserror

UserSearch usersearch

Modelo
usersearch.js
Exibir
usersearch.js
Modelo
usersearch.html
Requer componentes
ND
Dependências JS
ND
Eventos acompanhados (Nome do evento - Acionador)
  • principalSearched - modelo de pesquisa principal
  • outOfOfficeInfoFetched - modelo de pesquisa de usuário

SearchTemplate searchtemplate

Modelo
searchtemplate.js
Exibir
searchtemplate (em searchtemplatelist.js)
Modelo
searchtemplate.html
Requer componentes
ND
Dependências JS
ND
Eventos acompanhados (Nome do evento - Acionador)
templateFetched- modelo de pesquisa

ListaDeModelosDePesquisa searchtemplatelist

Modelo
searchtemplatelist.js
Exibir
searchtemplatelist.js
Modelo
tracking.html (na pasta da rota)
Requer componentes
ND
Dependências JS
modelo de searchtemplate
Eventos acompanhados (Nome do evento - Acionador)
alterar - modelo searchtemplatelist

DetalhesModeloPesquisa searchtemplatedetails

Modelo
searchtemplatelist.js
Exibir
searchtemplatedetails.js
Modelo
searchtemplatedetails.html
Requer componentes
ND
Dependências JS
ND
Eventos acompanhados (Nome do evento - Acionador)
searchTemplate:seleted - modelo de searchtemplate
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2