Använda enkel mall för att visa inkorgsdata

Du kan använda en liten mall för att formatera de data som ska visas i inkorgskolumner. I det här exemplet visas koral-ui-ikoner beroende på värdet i resultatkolumnen. På följande skärmbild visas hur ikoner används i resultatkolumnen
intäkter-ikoner

Den smidiga mallen som används för att visa de anpassade gränssnittsikonerna för coral anges som en del av den här artikeln.

Liten mall

Här följer en enkel mall. Koden i mallen visas med ikonen beroende på inkomsten. Ikonerna är tillgängliga som en del av ikonbibliotek för coral ui som kommer med AEM.

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

Tjänstimplementering

Följande kod är implementeringen av tjänsten för att visa resultatkolumnen.

Rad 12 associerar kolumnen med den synta mallen

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;
}
}

Testa på servern

NOTE
Den här artikeln förutsätter att du har installerat exempelarbetsflöde och exempelformulär från föregående artikel i den här serien.

Om du skickar formuläret kommer arbetsflödet att utlösas och en uppgift tilldelas"admin"-användaren. Du bör se lämplig ikon under resultatkolumnen

recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e