Description des composants réutilisables

AEM Forms workspace is composed of reusable components which are organized in a specific folder structure in CRX™. Chaque composant possède des fichiers de modèle, de vue et de contrôleur à l’emplacement spécifié dans la structure de dossiers, des dépendances JavaScript™ à d’autres fichiers de composant, des événements écoutés par le composant et des objets JavaScript qui peuvent déclencher ces événements dans l’espace de travail AEM Forms. La liste complète des composants réutilisables avec leurs noms de fichier et leurs dépendances figure ici.

TaskList

Modèle

tasklist.js

Mode

tasklist.js

Template (Modèle)

tasklist.html

Nécessite les composants

  • UserSearch

  • Tâche

  • Teamtask

Dépendances JS

  • Modèle task

  • Modèle teamtask

Événements écoutés (nom du Événement - Déclencheur)

  • filterSelected – modèle tasklist

  • remove – modèle tasklist

  • updateQueue – modèle tasklist

Remarque

Ce composant peut être utilisé indépendamment de l’espace de travail AEM Forms, à condition de déclencher l’événement filterSelected pour ce composant depuis l’application personnalisée.

Tâche

Modèle

task.js

Mode

task.js

Template (Modèle)

task.html

Nécessite les composants

N/A

Dépendances JS

  • Modèle tasklist

  • Utilitaire taskactions

Événements écoutés (nom du Événement - Déclencheur)

  • submitComplete – modèle task

  • Reject – modèle task

Remarque

Workspace appelle la fonction fetchTasks du modèle TaskList afin de créer des modèles Task pour ce composant.

FilterList

Modèle

tasklist.js

Mode

filterlist.js

Template (Modèle)

filterlist.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

  • fetched – modèle tasklist

  • remove – modèle tasklist

  • updateQueue – modèle tasklist

  • refreshedQueue – modèle tasklist

  • filterSelected – modèle tasklist

Filtrer

Mode

filter.js

Template (Modèle)

filter.html

Nécessite les composants

N/A

Dépendances JS

  • Field : queue : {name, qid, isDefault, type}

  • Field: query: string

  • Field: parentView: filterlist view

  • Field: parentModel: tasklist model

  • Field: utility

Evénements écoutés

ND

TeamQueues

Modèle

tasklist.js

Mode

teamqueues.js

Template (Modèle)

teamqueues.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

  • fetched – modèle tasklist

  • remove – modèle tasklist

  • updateQueue – modèle tasklist

  • teamQueuesFetched – modèle tasklist

TeamFilter

Modèle

N/A

Mode

teamfilter.js

Template (Modèle)

teamfilter.html

Nécessite les composants

N/A

Dépendances JS

  • Extends : filter view

  • Field : queue : {name, qid, isDefault, type }

  • Field : query : string

  • Field : parentView : filterlist view

  • Field : parentModel : tasklist model

  • Field : utility

Evénements écoutés

N/A

Remarque

TeamFilter obtient l’événement indiquant quelle tâche a été sélectionnée du composant TaskList. Bien que ces composants partagent la même classe de modèle, il n’y a pas d’autre dépendance.

TaskDetails

Modèle

tasklist.js

Mode

taskdetails.js

Template (Modèle)

taskdetails.html

Nécessite les composants

La plupart des classes d’utilitaires

Dépendances JS

  • processinstancehistory.html

  • Utilitaire formrendering

  • Utilitaire notes

  • Utilitaire attachments

  • Utilitaire taskactions

  • Utilitaire history

Événements écoutés (nom du Événement - Déclencheur)

  • forwarded – modèle task

  • shared – modèle task

  • consulted – modèle task

  • rejected – modèle task

  • abandoned – modèle task

  • unlocked – modèle task

  • locked – modèle task

  • claimed – modèle task

  • change:taskselected – modèle tasklist

  • change:formUrl – modèle task

  • attachmentURLFetched - modèle task
  • newAttachment - modèle task
  • taskHistoryFetched – modèle task

  • prepareForSubmitComplete - modèle task
  • submitComplete – modèle task

CategoryList

Modèle

categorylist.js

Mode

categorylist.js

Template (Modèle)

startprocess.html (dans le dossier route)

Nécessite les composants

Catégorie

Dépendances JS

  • Modèle favoritecategoryfactory

  • Modèle allcategoryfactory

Événements écoutés (nom du Événement - Déclencheur)

  • allStartpointsFetched – modèle categorylist

  • add – modèle categorylist

Remarque

ce composant utilise des classes de modèles de certains autres composants tels que StartPointList, StartPoint et Task. Hormis cette dépendance, CategoryList peut être utilisé indépendamment.

Catégorie

Modèle

category.js

Mode

category.js

Template (Modèle)

category.html

Nécessite les composants

N/A

Dépendances JS

  • Modèle categorylist

  • Modèle startpointlist

Événements écoutés (nom du Événement - Déclencheur)

  • changed - modèle category

  • childrenFetched – modèle category

  • category:selected – modèle categorylist

StartPointList

Modèle

categorylist.js

Mode

startpointlist.js

Template (Modèle)

startprocess.html (dans le dossier route)

Nécessite les composants

N/A

Dépendances JS

  • Modèle category

  • Modèle favoritecategoryfactory

  • Modèle allcategoryfactory

  • Vue startpoint

  • Modèle startpointlist

  • Modèle startpoint

  • Modèle task

  • Modèle task

  • Modèle tasklist

  • Modèle teamtask

Événements écoutés (nom du Événement - Déclencheur)

  • category:selected – modèle categorylist

  • allStartpointsFetched – modèle categorylist

Remarque

les composants StartPointList et CategoryList partagent la même classe de modèle. Le premier dépend donc du second. CategoryList accède aux informations sur la catégorie dont les points de départ sont affichés. Pour utiliser StartPointList indépendamment, simulez le déclencheur d’événement à partir de CategoryList.

StartPoint

Modèle

startpoint.js

Mode

startpoint.js

Template (Modèle)

startpoint.html

Nécessite les composants

N/A

Dépendances JS

Modèle task

Événements écoutés (nom du Événement - Déclencheur)

change – modèle startpoint

StartProcess

Modèle

categorylist.js

Mode

startprocess.js

Template (Modèle)

startprocess.html

Nécessite les composants

  • La plupart des classes d’utilitaires

  • UserSearch

Dépendances JS

  • Modèle category

  • Modèle favoritecategoryfactory

  • Modèle allcategoryfactory

  • Utilitaire formrendering

  • Utilitaire notes

  • Utilitaire attachments

  • Utilitaire taskactions

Événements écoutés (nom du Événement - Déclencheur)

  • category:selected – modèle categorylist

  • change:invokedTask – modèle startpointlist

  • change:formUrl – modèle task

  • startpoint:selected – modèle startpointlist

  • forwarded – modèle task

  • abandoned – modèle task

  • unlocked – modèle task

  • locked – modèle task

  • attachmentURLFetched - modèle task
  • newAttachment - modèle task
  • prepareForSubmitComplete - modèle task
  • submitComplete – modèle task

  • allStartpointsFetched – modèle categorylist

Remarque

les composants StartPointList et StartProcess partagent la même classe de modèle. Ce composant devient pertinent lorsqu’un point de départ est sélectionné depuis StartPointList.

ProcessNameList

Modèle

processnamelist.js

Mode

processnamelist.js

Template (Modèle)

tracking.html (dans le dossier route)

Nécessite les composants

N/A

Dépendances JS

Modèle processname

Événements écoutés (nom du Événement - Déclencheur)

  • add – modèle processnamelist

  • fetched:processnames – modèle processnamelist

  • change - modèle processnamelist

Remarque

ProcessNameList ne dépend pas d’autres composants. Toutefois, en interne, il dépend de la classe de modèles ProcessInstanceList qui, elle, dépend d’autres composants. Par conséquent, ProcessNameList utilise de nombreuses classes de modèles telles que ProcessInstanceList, ProcessInstance, TaskList, Teamtask et Task. Hormis ces dépendances, ProcessNameList peut être utilisé indépendamment.

ProcessName

Modèle

processname.js

Mode

processname (dans processnamelist.js)

Template (Modèle)

processname.html

Nécessite les composants

N/A

Dépendances JS

Modèle processinstancelist

Événements écoutés (nom du Événement - Déclencheur)

change – modèle processname

ProcessInstanceList

Modèle

processnamelist.js

Mode

processinstancelist.js

Template (Modèle)

tracking.html (dans le dossier route)

Nécessite les composants

N/A

Dépendances JS

Modèle processname

Événements écoutés (nom du Événement - Déclencheur)

  • processname:selected – modèle processnamelist

  • processname:instancesfetched – modèle processnamelist

Remarque

ProcessInstanceList attend un événement de ProcessNameList indiquant le nom du processus pour récupérer et afficher des instances. Pour utiliser ProcessInstanceList indépendamment, simulez le déclencheur d’événement séparément.

ProcessInstance

Modèle

processinstance.js

Mode

processname dans processnamelist.js

Template (Modèle)

processinstance.html

Nécessite les composants

N/A

Dépendances JS

Modèle tasklist

Événements écoutés (nom du Événement - Déclencheur)

change – modèle processinstance

ProcessInstanceHistory

Modèle

processnamelist.js

Mode

processinstancehistory.js

Template (Modèle)

processinstancehistory.html

Nécessite les composants

N/A

Dépendances JS

  • Modèle processname

  • Utilitaire history

Événements écoutés (nom du Événement - Déclencheur)

  • processname:selected – modèle processnamelist

  • processinstance:selected – modèle processinstancelist

  • tasksFetched – modèle processinstance

Remarque

ProcessInstanceHistory attend un événement de ProcessInstanceList concernant l’instance de processus dont l’historique doit être affiché. Hormis cette dépendance, le composant peut être utilisé indépendamment.

OutofOffice

Modèle

outofoffice.js

Mode

outofoffice.js

Template (Modèle)

outofoffice.html

Nécessite les composants

UserSearch

Dépendances JS

Vue usersearch

Événements écoutés (nom du Événement - Déclencheur)

  • outOfOfficeSettingsFetched – modèle outofoffice

  • outOfOfficeSettingsSaved – modèle outofoffice

  • processesFetched – modèle outofoffice

  • principalSelected - vue principalsearch

Remarque

OutofOffice peut être utilisé indépendamment.

ShareQueue

Modèle

sharequeue.js

Mode

sharequeue.js

Template (Modèle)

sharequeue.html

Nécessite les composants

UserSearch

Dépendances JS

Vue usersearch

Événements écoutés (nom du Événement - Déclencheur)

  • queueAccessGranted - modèle sharequeue

  • queueAccessRequested - modèle sharequeue

  • grantedUsersFetched - modèle sharequeue

  • accessibleUsersFetched - modèle sharequeue
  • queueAccessRevoked - modèle sharequeue

  • queueAccessRemoved - modèle sharequeue

  • principalSelected - vue principalsearch

Remarque

ShareQueue peut être utilisé indépendamment.

UISettings

Modèle

uisettings.js

Mode

uisettings.js

Template (Modèle)

uisettings.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

  • preferencesFetched – modèle uisettings

  • settingUpdated – modèle uisettings

Remarque

UISettings peut être utilisé indépendamment.

AppNavigation

Modèle

appnavigation.js

Mode

appnavigation.js

Template (Modèle)

appnavigation.html

Nécessite les composants

N/A

Dépendances JS

N/A

Evénements écoutés

N/A

Remarque

AppNavigation peut être utilisé indépendamment.

UserInfo

Modèle

userinfo.js

Mode

userinfo.js

Template (Modèle)

userinfo.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

  • userImageUrlFetched – modèle userinfo
  • sessionRenewed - modèle userinfo
  • sessionExpired - modèle userinfo
Remarque

UserInfo peut être utilisé indépendamment.

WSError

Modèle

wserror.js

Mode

wserror.js

Template (Modèle)

wserror.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

newWsError – modèle wserror

UserSearch

Modèle

usersearch.js

Mode

usersearch.js

Template (Modèle)

usersearch.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

  • principalSearched - modèle principalsearch
  • outOfOfficeInfoFetched - modèle usersearch

SearchTemplate

Modèle

searchtemplate.js

Mode

searchtemplate (dans searchtemplatelist.js)

Template (Modèle)

searchtemplate.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

templateFetched- modèle searchtemplate

SearchTemplateList

Modèle

searchtemplatelist.js

Mode

searchtemplatelist.js

Template (Modèle)

tracking.html (dans le dossier route)

Nécessite les composants

N/A

Dépendances JS

modèle searchtemplate

Événements écoutés (nom du Événement - Déclencheur)

change - modèle searchtemplatelist

SearchTemplateDetails

Modèle

searchtemplatelist.js

Mode

searchtemplatedetails.js

Template (Modèle)

searchtemplatedetails.html

Nécessite les composants

N/A

Dépendances JS

N/A

Événements écoutés (nom du Événement - Déclencheur)

searchTemplate:selected - modèle de recherche

Sur cette page