Sightly 템플릿을 사용하여 받은 편지함 데이터 표시

Sightly 템플릿을 사용하여 받은 편지함 열에 표시할 데이터의 형식을 지정할 수 있습니다. 이 예제에서는 소득 열의 값에 따라 coral-ui 아이콘을 표시합니다. 다음 스크린샷은 소득 열의 아이콘 사용을 보여 줍니다
수입-아이콘

sightly 템플릿 사용자 정의 coral ui 아이콘을 표시하는 데 사용 이 문서의 일부로 제공됩니다.

Sightly 템플릿

다음은 sightly 템플릿입니다. 템플릿의 코드에는 소득에 따라 아이콘이 표시됩니다. 아이콘은 의 일부로 사용할 수 있습니다. coral ui 아이콘 라이브러리 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>

서비스 구현

다음 코드는 소득 열을 표시하기 위한 서비스 구현입니다.

12행에서는 열을 sightly 템플릿과 연결합니다.

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

서버에서 테스트

NOTE
이 문서에서는 을(를) 설치한 것으로 가정합니다. 샘플 워크플로우샘플 양식 출처: 이전 문서 이 시리즈에서.

양식을 제출하면 워크플로우가 트리거되고 작업이 "관리자" 사용자에게 할당됩니다. 소득 열 아래에 적절한 아이콘이 표시됩니다

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