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

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Criado para:

User

CAUTION

AEM 6.4 chegou ao fim do suporte estendido e esta documentação não é mais atualizada. Para obter mais detalhes, consulte nossa períodos de assistência técnica. Encontre as versões compatíveis here.

O espaço de trabalho do AEM Forms é composto por reutilizável componentes organizados em um estrutura de pastas no CRX™. Cada componente tem modelo, visualização e arquivo de modelo no local especificado na estrutura da pasta, o JavaScript™ depende de outros arquivos de componente, eventos ouvidos 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 de JS

modelo de tarefa
modelo de tarefa de equipe

Eventos ouvidos (Nome do evento - Acionador)

filterSeleted - modelo de lista de tarefas
remover - modelo da lista de tarefas
updateQueue - modelo da lista de tarefas

NOTE

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

Tarefa task

Modelo

task.js

Exibir

task.js

Modelo

task.html

Requer componentes

Dependências de JS

modelo da lista de tarefas
utilitário taskactions

Eventos ouvidos (Nome do evento - Acionador)

submitComplete - modelo de tarefa
Reject - modelo de tarefa

NOTE

O Workspace chama a função fetchTasks do modelo TaskList para criar modelos Task para este componente.

Modelo

tasklist.js

Exibir

filterlist.js

Modelo

filterlist.html

Requer componentes

Dependências de JS

Eventos ouvidos (Nome do evento - Acionador)

buscado - modelo da lista de tarefas
remover - modelo da lista de tarefas
updateQueue - modelo da lista de tarefas
updateQueue - modelo da lista de tarefas
filterSeleted - modelo de lista de tarefas

Filtro filter

Exibir

filter.js

Modelo

filter.html

Requer componentes

Dependências de JS

Campo: fila: { name, qid, isDefault, type}
Campo: query: string
Campo: parentView: exibição de lista de filtros
Campo: parentModel: modelo da lista de tarefas
Campo: utilitário

Eventos acompanhados

TeamQueues teamqueues

Modelo

tasklist.js

Exibir

teamqueues.js

Modelo

teamqueues.html

Requer componentes

Dependências de JS

Eventos ouvidos (Nome do evento - Acionador)

buscado - modelo da lista de tarefas
remover - modelo da lista de tarefas
updateQueue - modelo da lista de tarefas
TeamQueuesFetched - modelo da lista de tarefas

TeamFilter teamfilter

Modelo

Exibir

teamfilter.js

Modelo

teamfilter.html

Requer componentes

Dependências de JS

Estende : visualização de filtro
Campo : fila :{ nome, qid, isDefault, tipo }
Campo : query : string
Campo : parentView : exibição de lista de filtros
Campo : parentModel : modelo da lista de tarefas
Campo : utilitário

Eventos acompanhados

NOTE

TeamFilter obtém o evento indicando qual tarefa foi selecionada do componente TaskList. Embora esses componentes compartilhem a classe do modelo, não há outra dependência.

Detalhes da tarefa taskdetails

Modelo

tasklist.js

Exibir

taskdetails.js

Modelo

taskdetails.html

Requer componentes

A maioria das classes do Utilitário

Dependências de JS

processinstancehistory.html
formrendering utility
utilitário de notas
utilitário de anexos
utilitário taskactions
utilitário de histórico

Eventos ouvidos (Nome do evento - Acionador)

encaminhado - modelo de tarefa
shared - modelo de tarefa
consultado - modelo de tarefa
rejeitada - modelo de tarefa
abandonado - modelo de tarefa
desbloqueado - modelo de tarefa
bloqueado - modelo de tarefa
reivindicado - modelo de tarefa
alterar:selecionar tarefa - modelo da lista de tarefas
change:formUrl - modelo de tarefa
attachmentURLFetched - modelo de tarefa

newAttachment - modelo de tarefa
taskHistoryFetched - modelo de tarefa
prepareForSubmitComplete - modelo de tarefa
submitComplete - modelo de tarefa

Modelo

categorylist.js

Exibir

categorylist.js

Modelo

startprocess.html (na pasta de rotas)

Requer componentes

Categoria

Dependências de JS

modelo favoritecategoryfatory
modelo alcategoryfatory

Eventos ouvidos (Nome do evento - Acionador)

allStartpointsFetched - modelo de lista de categorias
adicionar - modelo de lista de categorias

NOTE

Esse componente usa classes de modelo de alguns outros componentes, como StartPointList, StartPoint e Task. Além dessa dependência, CategoryList pode ser usada de maneira independente.

Categoria category

Modelo

category.js

Exibir

category.js

Modelo

category.html

Requer componentes

Dependências de JS

modelo de lista de categorias
modelo startpoint

Eventos ouvidos (Nome do evento - Acionador)

alterado - modelo de categoria
childrenFetched - modelo de categoria
categoria:selecionada - modelo de lista de categorias

StartPointList startpointlist

Modelo

categorylist.js

Exibir

startpointlist.js

Modelo

startprocess.html (na pasta de rotas)

Requer componentes

Dependências de JS

modelo de categoria
modelo favoritecategoryfatory
modelo alcategoryfatory
visualização do ponto de partida
modelo startpoint
modelo de ponto de partida
modelo de tarefa
modelo de tarefa
modelo da lista de tarefas
modelo de tarefa de equipe

Eventos ouvidos (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 modelo, portanto, a primeira depende da última. CategoryList acessa as informações sobre quais pontos iniciais da categoria são mostrados. Para usar StartPointList independentemente, simule o acionador de evento de CategoryList.

StartPoint startpoint

Modelo

startpoint.js

Exibir

startpoint.js

Modelo

startpoint.html

Requer componentes

Dependências de JS

modelo de tarefa

Eventos ouvidos (Nome do evento - Acionador)

change - modelo de ponto de partida

StartProcess startprocess

Modelo

categorylist.js

Exibir

startprocess.js

Modelo

startprocess.html

Requer componentes

A maioria das classes do Utilitário
UserSearch

Dependências de JS

modelo de categoria
modelo favoritecategoryfatory
modelo alcategoryfatory
formrendering utility
utilitário de notas
utilitário de anexos
utilitário taskactions

Eventos ouvidos (Nome do evento - Acionador)

categoria:selecionada - modelo de lista de categorias
change:namedTask - modelo startpoint
change:formUrl - modelo de tarefa
ponto de partida:selecionado - modelo de lista de pontos de partida
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. Esse componente se torna relevante ao selecionar um ponto de partida em StartPointList.

ProcessNameList processnamelist

Modelo

processnamelist.js

Exibir

processnamelist.js

Modelo

tracking.html (na pasta de rota)

Requer componentes

Dependências de JS

modelo processname

Eventos ouvidos (Nome do evento - Acionador)

adicionar - modelo processnamelist
fetch:processnames - modelo processnamelist
change - 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. Assim, 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

Dependências de JS

modelo processinstancelist

Eventos ouvidos (Nome do evento - Acionador)

change - modelo processname

ProcessInstanceList processinstancelist

Modelo

processnamelist.js

Exibir

processinstancelist.js

Modelo

tracking.html (na pasta de rota)

Requer componentes

Dependências de JS

modelo processname

Eventos ouvidos (Nome do evento - Acionador)

processname:seleted - 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 independentemente, simule o acionador de evento separadamente.

ProcessInstance processinstance

Modelo

processinstance.js

Exibir

processname inside processnamelist.js

Modelo

processinstance.html

Requer componentes

Dependências de JS

modelo da lista de tarefas

Eventos ouvidos (Nome do evento - Acionador)

change - modelo processinstance

ProcessInstanceHistory processinstancehistory

Modelo

processnamelist.js

Exibir

processinstancehistory.js

Modelo

processinstancehistory.html

Requer componentes

Dependências de JS

modelo processname
utilitário de histórico

Eventos ouvidos (Nome do evento - Acionador)

processname:seleted - modelo processnamelist
processinstance:seleted - modelo processinstancelist
tasksFetched - modelo de instância de processamento

NOTE

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

Fora do Escritório outofoffice

Modelo

outofoffice.js

Exibir

outofoffice.js

Modelo

outofoffice.html

Requer componentes

UserSearch

Dependências de JS

exibição de pesquisa de usuário

Eventos ouvidos (Nome do evento - Acionador)

outOfOfficeSettingsFetched - modelo de saída
outOfOfficeSettingsSaved - modelo de saída
processesFetched - modelo de saída
principalSeleted - exibição de pesquisa principal

NOTE

O OutOffice pode ser usado independentemente.

ShareQueue sharequeue

Modelo

sharequeue.js

Exibir

sharequeue.js

Modelo

sharequeue.html

Requer componentes

UserSearch

Dependências de JS

exibição de pesquisa de usuário

Eventos ouvidos (Nome do evento - Acionador)

queueAccessGrananted - modelo de compartilhamento
queueAccessRequested - modelo de compartilhamento
givenUsersFetched - modelo de compartilhamento
accessibleUsersFetched - modelo de compartilhamento
queueAccessRevoks - modelo de compartilhamento
queueAccessRemoved - modelo de compartilhamento
principalSeleted - exibição de pesquisa principal

NOTE

ShareQueue pode ser usada de forma independente.

UISettings uisettings

Modelo

uisettings.js

Exibir

uisettings.js

Modelo

uisettings.html

Requer componentes

Dependências de JS

Eventos ouvidos (Nome do evento - Acionador)

preferencesFetched - modelo de configurações de usuário
settingsUpdated - modelo de configurações

NOTE

UISettings podem ser usados independentemente.

AppNavigation appnavigation

Modelo

appnavigation.js

Exibir

appnavigation.js

Modelo

appnavigation.html

Requer componentes

Dependências de JS

Eventos acompanhados

NOTE

AppNavigation pode ser usada de maneira independente.

UserInfo userinfo

Modelo

userinfo.js

Exibir

userinfo.js

Modelo

userinfo.html

Requer componentes

Dependências de JS

Eventos ouvidos (Nome do evento - Acionador)

userImageUrlFetched - modelo de informações de usuário
sessionRenewed - modelo de informações de usuário
sessionExpirou - modelo userinfo

NOTE

UserInfo pode ser usada independentemente.

WSError wserror

Modelo

wserror.js

Exibir

wserror.js

Modelo

wserror.html

Requer componentes

Dependências de JS

Eventos ouvidos (Nome do evento - Acionador)

newWsError - modelo de erro

UserSearch usersearch

Modelo

usersearch.js

Exibir

usersearch.js

Modelo

usersearch.html

Requer componentes

Dependências de JS

Eventos ouvidos (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

Dependências de JS

Eventos ouvidos (Nome do evento - Acionador)

templateFetched- modelo de pesquisa

ListaModeloDePesquisa searchtemplatelist

Modelo

searchtemplatelist.js

Exibir

searchtemplatelist.js

Modelo

tracking.html (na pasta de rota)

Requer componentes

Dependências de JS

modelo do searchtemplate

Eventos ouvidos (Nome do evento - Acionador)

change - modelo searchtemplatelist

PesquisarDetalhesModelo searchtemplatedetails

Modelo

searchtemplatelist.js

Exibir

searchtemplatedetails.js

Modelo

searchtemplatedetails.html

Requer componentes

Dependências de JS

Eventos ouvidos (Nome do evento - Acionador)

searchTemplate:seleted - modelo de modelo de pesquisa

recommendation-more-help

a6ebf046-2b8b-4543-bd46-42a0d77792da

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

ListaTarefas tasklist

Tarefa task

FilterList filterlist

Filtro filter

TeamQueues teamqueues

TeamFilter teamfilter

Detalhes da tarefa taskdetails

CategoryList categorylist

Categoria category

StartPointList startpointlist

StartPoint startpoint

StartProcess startprocess

ProcessNameList processnamelist

ProcessName processname

ProcessInstanceList processinstancelist

ProcessInstance processinstance

ProcessInstanceHistory processinstancehistory

Fora do Escritório outofoffice

ShareQueue sharequeue

UISettings uisettings

AppNavigation appnavigation

UserInfo userinfo

WSError wserror

UserSearch usersearch

SearchTemplate searchtemplate

ListaModeloDePesquisa searchtemplatelist

PesquisarDetalhesModelo searchtemplatedetails