Show Menu
화제×

ToDo 목록에 추가 데이터 표시

기본적으로 AEM Forms 작업 영역 할 일 목록에는 작업 표시 이름과 설명이 표시됩니다. 그러나 작성 날짜, 마감 날짜 등 다른 정보를 추가할 수 있습니다. 아이콘을 추가하고 표시 스타일을 변경할 수도 있습니다.
이 문서에서는 ToDo 목록에 있는 각 작업에 대해 표시할 정보를 추가하는 단계에 대해 자세히 설명합니다.

추가할 수 있는 항목

서버에서 task.json 보낸 정보를 추가할 수 있습니다. 정보를 일반 텍스트로 추가하거나 스타일을 사용하여 정보의 형식을 지정할 수 있습니다.
JSON 개체 설명에 대한 자세한 내용은 문서를 참조하십시오.

작업에 대한 정보 표시

  1. AEM Forms 작업 영역 사용자 지정에 대한 일반 단계를 수행합니다.
  2. 작업에 대한 추가 정보를 표시하려면 해당 키-값 쌍을 의 작업 블록 내에 추가해야 합니다 translation.json .
    예: /apps/ws/locales/en-US/translation.json 영어 변경:
    "task" : {
            "reminder" : {
                "value" : "Reminder",
                "tooltip" : "This is reminder __reminderCount__, for this task."
            },
            "deadlined" : {
                "value" : "Deadlined",
                "tooltip" : "This task has deadlined"
            },
            "save" : {
                "message" : "Task has been saved successfully"
            },
            "status" : {
                "deadlined" : "Deadlined",
                "created" : "Created",
                "assignedsaved" : "Draft from assigned task",
                "terminated" : "Terminated",
                "assigned" : "Assigned",
                "unknown" : "Unknown",
                "createdsaved" : "Draft from created task",
                "completed" : "Completed"
            },
            "draft" : {
                "value" : "Saved",
                "tooltip" : "This task is marked as a draft"
            },
            "escalated" : {
                "value" : "Escalated",
                "tooltip" : "This task has been escalated"
            },
            "forward" : {
                "value" : "Forwarded",
                "tooltip" : "This task was forwarded"
            },
            "priority" : {
                "highest" : "Highest priority",
                "normal" : "Normal priority",
                "high" : "High priority",
                "low" : "Low priority",
                "lowest" : "Lowest priority"
            },
            "claimed" : {
                "value" : "Claimed",
                "tooltip" : "This task has been claimed"
            },
            "locked" : {
                "value" : "Locked",
                "tooltip" : "This task is locked"
            },
            "consulted" : {
                "value" : "Consulted",
                "tooltip" : "This task has been consulted"
            },
            "returned" : {
                "value" : "Returned",
                "tooltip" : "This task was returned back"
            },
            "multiplesubmitbuttons" : {
                "message" : "The form associated with this task has multiple submit buttons so the Workspace Complete button will be disabled. Click the appropriate button on the form to submit it."
            },
            "nosubmitbutton" : {
                "message" : "The form associated with this task does not appear to have submit buttons. You may need to upgrade your Adobe Reader version to 9.1 or greater and enable the Reader Submit option in your process."
            },
            "icon" : {
                "tooltip" : "open the task __taskName__"
            }
        }
    
    
    지원되는 모든 언어에 해당하는 키-값 쌍을 추가합니다.
  3. 예를 들어 작업 블록 내에 정보를 추가합니다.
    "stepname" : {
                "value" : "Step Name",
                "tooltip" : "This task belongs to __stepName__ step"
    }
    
    

새 속성에 대한 CSS 정의

  1. 작업에 추가된 정보(속성)에 스타일을 적용할 수 있습니다. 이렇게 하려면 에 추가된 새 속성에 대한 스타일 정보를 추가해야 /apps/ws/css/newStyle.css 합니다.
    예: add:
    .task .taskProperties .stepname{
        width: 25px;
        background: url(../images/stepname.png) no-repeat; /*-------- Or just reuse background image / image-sprite defined .task .taskProperties span of style.css---------------------*/
        background-position: 0px 0px; /*-------- Dummy values, need to be configured as per user background image / image-sprite ---------------------*/
    }
    
    

HTML 템플릿에서 항목 추가

마지막으로 작업에 추가할 각 속성에 대한 개발 패키지에 항목을 포함해야 합니다. 하나를 만들려면 AEM Forms 작업 영역 코드 작성을 참조하십시오.
  1. 복사 task.html :
    • 시작: /libs/ws/js/runtime/templates/
    • 끝: /apps/ws/js/runtime/templates/
  2. 새 정보를 에 /apps/ws/js/runtime/templates/task.html 추가합니다.
    예를 들어 다음 아래에 div class="taskProperties" 추가합니다.
    <span class="stepname" alt="<%= $.t('task.stepname.value')%>" title = '<%= $.t("task.stepname.tooltip",{stepName:stepName})%>'/>