작업 세부 정보 페이지 사용자 정의 customizing-the-task-details-page
작업 세부 정보 페이지에는 작업 및 해당 프로세스에 대한 정보가 포함되어 있습니다. 하지만 작업 세부 정보 페이지를 사용자 정의하여 정보를 추가하거나 삭제할 수 있습니다.
작업 세부 정보 페이지에 다음 정보를 추가할 수 있습니다.
- 작업의 JSON 개체에서 사용할 수 있는 정보(AEM Forms 작업 영역 JSON 개체 설명의 작업 섹션)
- 프로세스 인스턴스의 JSON 개체에서 사용할 수 있는 정보(AEM Forms 작업 영역 JSON 개체 설명의 프로세스 인스턴스 섹션)
작업 세부 정보 페이지를 사용자 정의하려면 다음과 같이 하십시오.
-
추가 정보를 표시하려면
todo
블록 >details
블록 >app
블록 > [required
블록]에서 해당 키-값 쌍을translation.json
파일에 추가하십시오.[
required
block]은(는) 작업 정보에 대한 작업 블록, 프로세스 정보에 대한 프로세스 블록, 보류 중인 작업 정보에 대한 currentpendingtask 블록 등 사용 가능한 블록을 나타냅니다.예를 들어, 작업 세부 정보 페이지에서 경로 선택 필요 정보를 추가하려면 작업 블록에 다음 키-값 쌍을 추가할 수 있습니다.
code language-json "todo" : { . . . "details" : { . . "task" : { . . "RouteSelectionRequired" : "Route Selection Required" } } }
note note NOTE 지원되는 모든 언어에 해당하는 키-값 쌍을 추가합니다. -
/libs/ws/js/runtime/templates/taskdetails.html
을(를)/apps/ws/js/runtime/templates/taskdetails.html
에 복사합니다./apps/ws/js/runtime/templates/taskdetails.html
에 새 정보를 추가합니다. 예:code language-css <div class="detailsContainer"> . . <ul> . . <li> <label for="routeSelectionRequired" title="<%= $.t('todo.details.task.RouteSelectionRequired')%>"><%= $.t('todo.details.task.RouteSelectionRequired')%></label> <div> <span id="routeSelectionRequired"><%= isRouteSelectionRequired != null ? isRouteSelectionRequired : ''%></span> </div> </li> . . </ul> </div>
-
편집하려면 /apps/ws/js/registry.js을 여십시오.
text!/lc/libs/ws/js/runtime/templates/taskdetails.html
을(를) 검색하여text!/lc/apps/ws/js/runtime/templates/taskdetails.html
(으)로 바꾸십시오.
/apps/ws/js/runtime/templates/startprocess.html
에 새 정보를 추가하십시오.