Sightly 템플릿을 사용하여 받은 편지함 데이터 표시
Sightly 템플릿을 사용하여 받은 편지함 열에 표시할 데이터의 형식을 지정할 수 있습니다. 이 예제에서는 소득 열의 값에 따라 coral-ui 아이콘을 표시합니다. 다음 스크린샷은 소득 열의 아이콘 사용을 보여 줍니다
사용자 지정 coral ui 아이콘을 표시하는 데 사용되는 sightly 템플릿이 이 문서의 일부로 제공됩니다.
Sightly 템플릿
다음은 sightly 템플릿입니다. 템플릿의 코드에는 소득에 따라 아이콘이 표시됩니다. 아이콘은 AEM과 함께 제공되는 coral ui 아이콘 라이브러리의 일부로 사용할 수 있습니다.
<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;
}
}
서버에서 테스트
- crx에 관리자로 로그인
- sightly 템플릿 가져오기
- AEM 웹 콘솔에 로그인
- 받은 편지함 사용자 지정 번들 배포 및 시작
- 받은 편지함 열기
- 만들기 단추 옆에 있는 목록 보기를 클릭하여 Admin Control 열기
- 받은 편지함에 수입 열 추가 및 변경 내용 저장
- 양식 미리 보기
- 결혼 상태 를 선택하고 양식을 제출하세요.
- 받은 편지함 보기
양식을 제출하면 워크플로우가 트리거되고 작업이 "관리자" 사용자에게 할당됩니다. 소득 열 아래에 적절한 아이콘이 표시됩니다
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e