Anzeigen von Posteingangsdaten mit einer Vorlage

Sie können eine Vorlage verwenden, um die Daten zu formatieren, die in Posteingangsspalten angezeigt werden sollen. In diesem Beispiel werden je nach Wert der Einkommensspalte Symbole für Koral-Ui angezeigt. Der folgende Screenshot zeigt die Verwendung von Symbolen in der Einkommensspalte
Einkommen-Symbole

Die leicht zu bedienende Vorlage zum Anzeigen der benutzerdefinierten Coral-Ui-Symbole ist Teil dieses Artikels.

Sightly-Vorlage

Im Folgenden finden Sie die Vorlage. Der Code in der Vorlage zeigt das Symbol abhängig vom Einkommen an. Die Symbole sind als Teil der Korallen-UI-Bibliothek verfügbar, die mit AEM geliefert wird.

<template data-sly-template.incomeTemplate="${@ item}>">
    <td is="coral-table-cell" class="payload-income-cell">
         <div data-sly-test="${(item.workflowMetadata && item.workflowMetadata.income)}" data-sly-set.income ="${item.workflowMetadata.income}">
                 <coral-icon icon="confidenceOne" size="M" data-sly-test="${income >=0 && income <10000}"></coral-icon>
                 <coral-icon icon="confidenceTwo" size="M" data-sly-test="${income >=10000 && income <100000}"></coral-icon>
                 <coral-icon icon="confidenceThree" size="M" data-sly-test="${income >=100000 && income <500000}"></coral-icon>
                 <coral-icon icon="confidenceFour" size="M" data-sly-test="${income >=500000}"></coral-icon>
          </div>
    </td>
</template>

Dienstimplementierung

Der folgende Code ist die Dienstimplementierung zur Anzeige der Einkommensspalte.

Zeile 12 ordnet die Spalte der Vorlage zu

import java.util.Map;
import org.osgi.service.component.annotations.Component;
import com.adobe.cq.inbox.ui.InboxItem;
import com.adobe.cq.inbox.ui.column.Column;
import com.adobe.cq.inbox.ui.column.provider.ColumnProvider;

@Component(service = ColumnProvider.class, immediate = true)
public class IncomeProvider implements ColumnProvider {
@Override
public Column getColumn() {

return new Column("income", "Income", String.class.getName(),"inbox/customization/column-templates.html", "incomeTemplate");
}

@Override
public Object getValue(InboxItem inboxItem) {
Object val = null;

Map workflowMetadata = inboxItem.getWorkflowMetadata();

if (workflowMetadata != null && workflowMetadata.containsKey("income"))
    val = workflowMetadata.get("income");

return val;
}
}

Testen auf dem Server

HINWEIS

In diesem Artikel wird davon ausgegangen, dass Sie den Beispielworkflow und das Beispielformular aus vorherigen Artikel in dieser Reihe installiert haben.

Beim Senden des Formulars wird der Arbeitsablauf Trigger und dem Benutzer "admin"wird eine Aufgabe zugewiesen. Sie sollten das entsprechende Symbol unter der Einkommensspalte sehen

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now