Show Menu
TÓPICOS×

Descrição dos componentes reutilizáveis

A área de trabalho do AEM Forms é composta de componentes reutilizáveis que são organizados em uma estrutura de pasta específica no CRX™. Cada componente tem um modelo, uma visualização e um arquivo de modelo no local especificado na estrutura da pasta, as dependências JavaScript™ em outros arquivos de componente, eventos ouvidos pelos objetos do componente e JavaScript que acionam esses eventos na área de trabalho do AEM Forms. A lista completa de componentes reutilizáveis com nomes de arquivos e dependências constituintes é fornecida aqui.

TaskList

Modelo
tasklist.js
Exibir
tasklist.js
Modelo
tasklist.html
Requer componentes
  • UserSearch
  • Tarefa
  • Equipe
Dependências JS
  • modelo de tarefa
  • modelo teamtask
Eventos ouvidos (nome do Evento - Acionador)
  • filterSeleted - modelo de lista de tarefas
  • remover - modelo da lista de tarefas
  • updateQueue - modelo da lista de tarefas
Este componente pode ser usado independentemente da área de trabalho do AEM Forms, desde que você dispare o filterevento selecionado para este componente do seu aplicativo personalizado.

Tarefa

Modelo
task.js
Exibir
task.js
Modelo
task.html
Requer componentes
ND
Dependências JS
  • modelo da lista de tarefas
  • utilitário taskactions
Eventos ouvidos (nome do Evento - Acionador)
  • submitComplete - modelo de tarefa
  • Rejeitar - modelo de tarefa
A Workspace chama a função fetchTasks do modelo TaskList para criar modelos de Tarefa para este componente.

FilterList

Modelo
tasklist.js
Exibir
filterlist.js
Modelo
filterlist.html
Requer componentes
ND
Dependências JS
ND
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

Exibir
filter.js
Modelo
filter.html
Requer componentes
ND
Dependências JS
  • Campo: fila: { name, qid, isDefault, type}
  • Campo: query: string
  • Campo: parentView: visualização filterlist
  • Campo: parentModel: modelo da lista de tarefas
  • Campo: utilidade
Eventos ouvidos
ND

TeamQueues

Modelo
tasklist.js
Exibir
teamqueues.js
Modelo
teamqueues.html
Requer componentes
ND
Dependências JS
ND
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 de lista de tarefas

TeamFilter

Modelo
ND
Exibir
teamfilter.js
Modelo
teamfilter.html
Requer componentes
ND
Dependências JS
  • Estende : visualização do filtro
  • Campo : fila :{ nome, qid, isDefault, tipo }
  • Campo : query : string
  • Campo : parentView : visualização filterlist
  • Campo : parentModel : modelo da lista de tarefas
  • Campo : utilidade
Eventos ouvidos
ND
TeamFilter obtém o evento indicando qual tarefa foi selecionada do componente TaskList. Embora esses componentes compartilhem a classe model, não há outra dependência.

DetalhesDaTarefa

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 de anexos
  • utilitário taskactions
  • utilitário de histórico
Eventos ouvidos (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
  • reivindicado - modelo de tarefa
  • alteração:tarefa selecionada - modelo de 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

CategoryList

Modelo
categorylist.js
Exibir
categorylist.js
Modelo
startprocess.html (na pasta route)
Requer componentes
Categoria
Dependências JS
  • modelo favoritecategoryfatory
  • modelo de fábrica flexível
Eventos ouvidos (nome do Evento - Acionador)
  • allStartpointsFetched - modelo de categorylist
  • adicionar - modelo de lista de categorias
Este componente usa classes de modelo de alguns outros componentes, como StartPointList, StartPoint e Tarefa. Além dessa dependência, CategoryList pode ser usada independentemente.

Categoria

Modelo
category.js
Exibir
category.js
Modelo
category.html
Requer componentes
ND
Dependências JS
  • modelo categorylist
  • modelo startpoint
Eventos ouvidos (nome do Evento - Acionador)
  • alterado - modelo de categoria
  • childFetched - modelo de categoria
  • categoria:selecionado - modelo de lista de categorias

StartPointList

Modelo
categorylist.js
Exibir
startpointlist.js
Modelo
startprocess.html (na pasta route)
Requer componentes
ND
Dependências JS
  • modelo de categoria
  • modelo favoritecategoryfatory
  • modelo de fábrica flexível
  • 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 teamtask
Eventos ouvidos (nome do Evento - Acionador)
  • categoria:selecionado - modelo de lista de categorias
  • allStartpointsFetched - modelo de categorylist
Os componentes StartPointList e CategoryList compartilham a classe modelo, portanto, a primeira depende da última. CategoryList acessa as informações sobre quais pontos de start são mostrados. Para usar StartPointList independentemente, simule o acionador do evento de CategoryList.

StartPoint

Modelo
startpoint.js
Exibir
startpoint.js
Modelo
startpoint.html
Requer componentes
ND
Dependências JS
modelo de tarefa
Eventos ouvidos (nome do Evento - Acionador)
change - Modelo de ponto de partida

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 de fábrica flexível
  • utilitário formrendering
  • utilitário Notes
  • utilitário de anexos
  • utilitário taskactions
Eventos ouvidos (nome do Evento - Acionador)
  • categoria:selecionado - 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 categorylist
Os componentes StartProcess e StartPointList compartilham a classe model. Esse componente se torna relevante quando você seleciona um ponto de partida de StartPointList.

ProcessNameList

Modelo
processnamelist.js
Exibir
processnamelist.js
Modelo
tracking.html (na pasta route)
Requer componentes
ND
Dependências JS
modelo processname
Eventos ouvidos (nome do Evento - Acionador)
  • add - modelo processnamelist
  • buscado:processnames - processnamelist model
  • change - modelo processnamelist
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 Tarefa. Além dessas dependências, ProcessNameList pode ser usado independentemente.

ProcessName

Modelo
processname.js
Exibir
processname (em processnamelist.js)
Modelo
processname.html
Requer componentes
ND
Dependências JS
modelo processinstancelist
Eventos ouvidos (nome do Evento - Acionador)
change - modelo processname

ProcessInstanceList

Modelo
processnamelist.js
Exibir
processinstancelist.js
Modelo
tracking.html (na pasta route)
Requer componentes
ND
Dependências JS
modelo processname
Eventos ouvidos (nome do Evento - Acionador)
  • nome do processo:selecionado - modelo processnamelist
  • processname:instancesfetched - modelo processnamelist
ProcessInstanceList espera um evento de ProcessNameList indicando o nome do processo para buscar e exibir instâncias. Para usar ProcessInstanceList independentemente, simule o acionador do evento separadamente.

ProcessInstance

Modelo
processinstance.js
Exibir
processname inside processnamelist.js
Modelo
processinstance.html
Requer componentes
ND
Dependências JS
modelo da lista de tarefas
Eventos ouvidos (nome do Evento - Acionador)
change - modelo de instância de processamento

ProcessInstanceHistory

Modelo
processnamelist.js
Exibir
processinstancehistory.js
Modelo
processinstancehistory.html
Requer componentes
ND
Dependências JS
  • modelo processname
  • utilitário de histórico
Eventos ouvidos (nome do Evento - Acionador)
  • nome do processo:selecionado - modelo processnamelist
  • processinstance:seleted - processinstancelist model
  • TasksFetched - processinstance model
ProcessInstanceHistory espera um evento de ProcessInstanceList que indica qual histórico de instância de processo deve ser exibido. Além dessa dependência, o componente pode ser usado de forma independente.

Fora do escritório

Modelo
outofoffice.js
Exibir
outofoffice.js
Modelo
outofoffice.html
Requer componentes
UserSearch
Dependências JS
visualização usersearch
Eventos ouvidos (nome do Evento - Acionador)
  • outOfOfficeSettingsFetched - modelo do outOfOffice
  • outOfOfficeSettingsSaved - modelo do outOfOffice
  • processFetched - modelo externo
  • principalSeleted - visualização de pesquisa principal
O OutOffice pode ser usado independentemente.

ShareQueue

Modelo
sharequeue.js
Exibir
sharequeue.js
Modelo
sharequeue.html
Requer componentes
UserSearch
Dependências JS
visualização usersearch
Eventos ouvidos (nome do Evento - Acionador)
  • queueAccessGranted - modelo de compartilhamento
  • queueAccessRequested - modelo de compartilhamento
  • providedUsersFetched - modelo de compartilhamento
  • accessUsersFetched - modelo de compartilhamento
  • queueAccessRevewed - modelo de compartilhamento
  • queueAccessRemoved - modelo de compartilhamento
  • principalSeleted - visualização de pesquisa principal
O ShareQueue pode ser usado independentemente.

UISettings

Modelo
uisettings.js
Exibir
uisettings.js
Modelo
uisettings.html
Requer componentes
ND
Dependências JS
ND
Eventos ouvidos (nome do Evento - Acionador)
  • preferencesFetched - modelo de configurações de usuário
  • settingUpdates - Modelo de configurações
UISettings podem ser usados independentemente.

AppNavigation

Modelo
appnavigation.js
Exibir
appnavigation.js
Modelo
appnavigation.html
Requer componentes
ND
Dependências JS
ND
Eventos ouvidos
ND
O AppNavigation pode ser usado independentemente.

UserInfo

Modelo
userinfo.js
Exibir
userinfo.js
Modelo
userinfo.html
Requer componentes
ND
Dependências JS
ND
Eventos ouvidos (nome do Evento - Acionador)
  • userImageUrlFetched - modelo userinfo
  • sessionRenewed - modelo userinfo
  • sessionExpired - modelo userinfo
UserInfo pode ser usado independentemente.

WSError

Modelo
wserror.js
Exibir
wserror.js
Modelo
wserror.html
Requer componentes
ND
Dependências JS
ND
Eventos ouvidos (nome do Evento - Acionador)
newWsError - modelo de erro

UserSearch

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

SearchTemplate

Modelo
searchtemplate.js
Exibir
search template (em search templatelist.js)
Modelo
searchtemplate.html
Requer componentes
ND
Dependências JS
ND
Eventos ouvidos (nome do Evento - Acionador)
templateFetched- modelo search

SearchTemplateList

Modelo
searchtemplatelist.js
Exibir
searchtemplatelist.js
Modelo
tracking.html (na pasta route)
Requer componentes
ND
Dependências JS
modelo de pesquisa
Eventos ouvidos (nome do Evento - Acionador)
change - Modelo searchTemplatelist

SearchTemplateDetails

Modelo
searchtemplatelist.js
Exibir
searchtemplatedetails.js
Modelo
searchtemplatedetails.html
Requer componentes
ND
Dependências JS
ND
Eventos ouvidos (nome do Evento - Acionador)
searchTemplate:seleted - modelo de pesquisa