Descrição de componentes reutilizáveis

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

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
OBSERVAÇÃO

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

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
OBSERVAÇÃO

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

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

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

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

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
OBSERVAÇÃO

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

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

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

OBSERVAÇÃO

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

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

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

OBSERVAÇÃO

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

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

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
OBSERVAÇÃO

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

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

OBSERVAÇÃO

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

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

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

OBSERVAÇÃO

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

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

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

OBSERVAÇÃO

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

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
OBSERVAÇÃO

O OutOfOffice pode ser usado independentemente.

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
OBSERVAÇÃO

ShareQueue pode ser usado independentemente.

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

OBSERVAÇÃO

UISettings podem ser usados independentemente.

AppNavigation

Modelo

appnavigation.js

Exibir

appnavigation.js

Modelo

appnavigation.html

Requer componentes

ND

Dependências JS

ND

Eventos acompanhados

ND
OBSERVAÇÃO

O AppNavigation pode ser usado de maneira independente.

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
OBSERVAÇÃO

UserInfo pode ser usado independentemente.

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

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

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

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

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

Nesta página