DocumentationAEM 6.5Guide de l’utilisateur

Description des composants réutilisables description-of-reusable-components

Last update: Fri Apr 05 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

L’espace de travail AEM Forms est constitué de composants réutilisables qui sont organisés dans une structure de dossiers spécifique dans 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 tasklist

Modèle
tasklist.js
Mode
tasklist.js
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 de l’événement - déclencheur)

  • filterSelected - modèle tasklist

  • remove - modèle tasklist

  • updateQueue - modèle tasklist

NOTE
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 task

Modèle
task.js
Mode
task.js
Modèle
task.html
Nécessite les composants
s.o.
Dépendances JS

  • modèle tasklist

  • utilitaire taskactions

Événements écoutés (nom de l’événement - déclencheur)

  • submitComplete - modèle task

  • Reject - modèle task

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

FilterList filterlist

Modèle
tasklist.js
Mode
filterlist.js
Modèle
filterlist.html
Nécessite les composants
s.o.
Dépendances JS
s.o.
Événements écoutés (nom de l’é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 filter

Mode
filter.js
Modèle
filter.html
Nécessite les composants
s.o.
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
s.o.

TeamQueues teamqueues

Modèle
tasklist.js
Mode
teamqueues.js
Modèle
teamqueues.html
Nécessite les composants
s.o.
Dépendances JS
s.o.
Événements écoutés (nom de l’événement - déclencheur)

  • fetched - modèle tasklist

  • remove - modèle tasklist

  • updateQueue - modèle tasklist

  • teamQueuesFetched – modèle tasklist

TeamFilter teamfilter

Modèle
s.o.
Mode
teamfilter.js
Modèle
teamfilter.html
Nécessite les composants
s.o.
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
s.o.
NOTE
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 taskdetails

Modèle
tasklist.js
Mode
taskdetails.js
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 de l’événement - déclencheur)

  • transfer : 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 categorylist

Modèle
categorylist.js
Mode
categorylist.js
Modèle
startprocess.html (dans le dossier d’itinéraire)
Nécessite les composants
Catégorie
Dépendances JS

  • Modèle favoritecategoryfactory

  • Modèle allcategoryfactory

Événements écoutés (nom de l’événement - déclencheur)

  • allStartpointsFetched : modèle categorylist

  • add – modèle categorylist

NOTE
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 category

Modèle
category.js
Mode
category.js
Modèle
category.html
Nécessite les composants
s.o.
Dépendances JS

  • Modèle categorylist

  • Modèle startpointlist

Événements écoutés (nom de l’événement - déclencheur)

  • changed - modèle category

  • childrenFetched : modèle category

  • category:selected : modèle categorylist

StartPointList startpointlist

Modèle
categorylist.js
Mode
startpointlist.js
Modèle
startprocess.html (dans le dossier d’itinéraire)
Nécessite les composants
s.o.
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 de l’événement - déclencheur)

  • category:selected : modèle categorylist

  • allStartpointsFetched : modèle categorylist

NOTE
Les composants StartPointList et CategoryList partagent la classe de modèle. Par conséquent, le premier dépend 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 startpoint

Modèle
startpoint.js
Mode
startpoint.js
Modèle
startpoint.html
Nécessite les composants
s.o.
Dépendances JS
modèle task
Événements écoutés (nom de l’événement - déclencheur)
change : modèle startpoint

StartProcess startprocess

Modèle
categorylist.js
Mode
startprocess.js
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 de l’événement - déclencheur)

  • category:selected : modèle categorylist

  • change:CallsTask : modèle startpointlist

  • change:formUrl : modèle task

  • startpoint:selected : modèle startpointlist

  • transfer : 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

NOTE
les composants StartPointList et StartProcess partagent la même classe de modèle. Ce composant devient pertinent lorsque vous sélectionnez un point de départ à partir de StartPointList.

ProcessNameList processnamelist

Modèle
processnamelist.js
Mode
processnamelist.js
Modèle
tracking.html (dans le dossier route)
Nécessite les composants
s.o.
Dépendances JS
Modèle processname
Événements écoutés (nom de l’événement - déclencheur)

  • add : modèle processnamelist

  • fetched:processnames : modèle processnamelist

  • change : modèle processnamelist

NOTE
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. Outre ces dépendances, ProcessNameList peut être utilisé indépendamment.

ProcessName processname

Modèle
processname.js
Mode
processname (dans processnamelist.js)
Modèle
processname.html
Nécessite les composants
s.o.
Dépendances JS
Modèle processinstancelist
Événements écoutés (nom de l’événement - déclencheur)
change : modèle processname

ProcessInstanceList processinstancelist

Modèle
processnamelist.js
Mode
processinstancelist.js
Modèle
tracking.html (dans le dossier route)
Nécessite les composants
s.o.
Dépendances JS
Modèle processname
Événements écoutés (nom de l’événement - déclencheur)

  • processname:selected : modèle processnamelist

  • processname:instancesfetched : modèle processnamelist

NOTE
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 séparément le déclencheur d’événement.

ProcessInstance processinstance

Modèle
processinstance.js
Mode
processname dans processnamelist.js
Modèle
processinstance.html
Nécessite les composants
s.o.
Dépendances JS
modèle tasklist
Événements écoutés (nom de l’événement - déclencheur)
change : modèle processinstance

ProcessInstanceHistory processinstancehistory

Modèle
processnamelist.js
Mode
processinstancehistory.js
Modèle
processinstancehistory.html
Nécessite les composants
s.o.
Dépendances JS

  • Modèle processname

  • Utilitaire history

Événements écoutés (nom de l’événement - déclencheur)

  • processname:selected : modèle processnamelist

  • processinstance:selected : modèle processinstancelist

  • tasksFetched : modèle processinstance

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

OutofOffice outofoffice

Modèle
outofoffice.js
Mode
outofoffice.js
Modèle
outofoffice.html
Nécessite les composants
userSearch
Dépendances JS
Vue usersearch
Événements écoutés (nom de l’événement - déclencheur)

  • outOfOfficeSettingsFetched : modèle outofoffice

  • outOfOfficeSettingsSaved : modèle outofoffice

  • processesFetched : modèle outofoffice

  • principalSelected : vue principalsearch

NOTE
OutofOffice peut être utilisé indépendamment.

ShareQueue sharequeue

Modèle
sharequeue.js
Mode
sharequeue.js
Modèle
sharequeue.html
Nécessite les composants
userSearch
Dépendances JS
Vue usersearch
Événements écoutés (nom de l’événement - déclencheur)

  • queueAccessGranted : modèle sharequeue

  • queueAccessRequested : modèle sharequeue

  • allowUsersFetched : modèle sharequeue

  • accessibleUsersFetched : modèle sharequeue

  • queueAccessRevoked : modèle sharequeue

  • queueAccessRemoved : modèle sharequeue

  • principalSelected : vue principalsearch

NOTE
ShareQueue peut être utilisé indépendamment.

UISettings uisettings

Modèle
uisettings.js
Mode
uisettings.js
Modèle
uisettings.html
Nécessite les composants
s.o.
Dépendances JS
s.o.
Événements écoutés (nom de l’événement - déclencheur)

  • preferencesFetched : modèle uisettings

  • settingUpdated : modèle uisettings

NOTE
UISettings peut être utilisé indépendamment.

AppNavigation appnavigation

Modèle
appnavigation.js
Mode
appnavigation.js
Modèle
appnavigation.html
Nécessite les composants
s.o.
Dépendances JS
s.o.
Evénements écoutés
s.o.
NOTE
AppNavigation peut être utilisé indépendamment.

Userinfo userinfo

Modèle
userinfo.js
Mode
userinfo.js
Modèle
userinfo.html
Nécessite les composants
s.o.
Dépendances JS
s.o.
Événements écoutés (nom de l’événement - déclencheur)
  • userImageUrlFetched : modèle userinfo
  • sessionRenewed : modèle userinfo
  • sessionExpired : modèle userinfo
NOTE
UserInfo peut être utilisé indépendamment.

WSError wserror

Modèle
wserror.js
Mode
wserror.js
Modèle
wserror.html
Nécessite les composants
s.o.
Dépendances JS
s.o.
Événements écoutés (nom de l’événement - déclencheur)
newWsError : modèle wserror

userSearch usersearch

Modèle
usersearch.js
Mode
usersearch.js
Modèle
usersearch.html
Nécessite les composants
s.o.
Dépendances JS
s.o.
Événements écoutés (nom de l’événement - déclencheur)
  • principalSearched : modèle principalsearch
  • outOfOfficeInfoFetched : modèle usersearch

SearchTemplate searchtemplate

Modèle
searchtemplate.js
Mode
searchtemplate (dans searchtemplatelist.js)
Modèle
searchtemplate.html
Nécessite les composants
s.o.
Dépendances JS
s.o.
Événements écoutés (nom de l’événement - déclencheur)
templateFetched :modèle searchtemplate

SearchTemplateList searchtemplatelist

Modèle
searchtemplatelist.js
Mode
searchtemplatelist.js
Modèle
tracking.html (dans le dossier route)
Nécessite les composants
s.o.
Dépendances JS
Modèle searchtemplate
Événements écoutés (nom de l’événement - déclencheur)
change : modèle searchtemplatelist

SearchTemplateDetails searchtemplatedetails

Modèle
searchtemplatelist.js
Mode
searchtemplatedetails.js
Modèle
searchtemplatedetails.html
Nécessite les composants
s.o.
Dépendances JS
NA
Événements écoutés (nom de l’événement - déclencheur)
searchTemplate:selected - modèle searchtemplate
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2