Personalizzazione dell’elenco delle istanze del processo

L’elenco delle istanze del processo viene visualizzato nella scheda Tracking dell’area di lavoro di AEM Forms.

Nell’elenco delle istanze di processo, per ogni istanza di processo, l’area di lavoro di AEM Forms mostra alcune proprietà di tale istanza. Le seguenti proprietà sono disponibili per ogni istanza di processo. Queste proprietà sono memorizzate come attributi nel modello di componente dell'istanza di processo e sono disponibili per l'uso nella relativa visualizzazione e nel relativo modello.

Proprietà Commenti
descrizione Descrizione dell’istanza di processo.
iniziatore Nome dell'iniziatore dell'istanza del processo.
iniziatorId ID dell'iniziatore dell'istanza del processo.
processCompleteTime Timestamp al completamento del processo.
processInstanceId ID dell'istanza del processo.
processInstanceStatus 0 = Iniziato
1 = In esecuzione
2 = Completa
3 = Completamento
4 = Terminato
5 = Terminazione
6 = Sospeso
7 = Sospensione
8 = Annulla sospensione
processName Nome del processo.
processStartTime Timestamp all'avvio del processo.
processVariables Array di oggetti di variabili di processo. Ciascun oggetto variabile di processo contiene name (il nome della variabile di processo), value (valore della variabile di processo), e type (il tipo di variabile del processo).

Esempio:

Per visualizzare il description dell'istanza di processo nella scheda dell'istanza di processo, esegui i seguenti passaggi.

  1. Segui Passaggi generici per la personalizzazione dell’area di lavoro AEM Forms.

  2. Effettua le seguenti operazioni:

    1. Copia /libs/ws/js/runtime/templates/processinstance.html in/apps/ws/js/runtime/templates/, se non esiste. Fai clic su Salva tutto.
    2. Aggiungi div della descrizione del processo con classe = 'processDescription' inprocessinstance.html.
    <div class="processDescription" title="<%= description%>"><%= description%></div>
    
  3. Effettua le seguenti operazioni:

    1. Apri /apps/ws/js/registry.js per la modifica.
    2. Ricerca e sostituzione text!/lc/libs/ws/js/runtime/templates/processinstance.htmlcon text!/lc/app/ws/js/runtime/templates/processinstance.html.
  4. Le modifiche di cui sopra potrebbero richiedere un aggiornamento del file CSS aggiungendo una voce nel foglio di stile /apps/ws/css/newStyle.css nel modo seguente:

    .processinstance .processDescription {
     <!--Dummy values, need to be configured by user as per requirement as well as user can add or delete any property depending upon requirement-->
        width : 250px;
        font-size : 11pt;
        padding : 2px;
    }
    

In questa pagina