DocumentaçãoAEM 6.5Guia do usuário

Exibição de dados adicionais na lista de tarefas displaying-additional-data-in-todo-list

Last update: Wed Mar 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Por padrão, a lista de tarefas pendentes do espaço de trabalho do AEM Forms exibe o nome de exibição e a descrição da tarefa. No entanto, é possível adicionar outras informações, como data de criação e data do prazo final. Você também pode adicionar ícones e alterar o estilo da exibição.

Uma olhada na guia Tarefas pendentes do HTML Workspace mostrando a configuração padrão

Este artigo detalha as etapas para adicionar informações para exibir para cada tarefa na Lista de tarefas pendentes.

O que pode ser adicionado what-can-be-added

É possível adicionar as informações disponíveis em task.json enviado pelo servidor. As informações podem ser adicionadas como texto simples ou você pode usar estilos para formatar as informações.

Para obter mais informações sobre a descrição do Objeto JSON, consulte este artigo.

Exibição de informações em uma tarefa displaying-information-on-a-task

  1. Siga as Etapas genéricas para personalização do espaço de trabalho do AEM Forms.

  2. Para exibir informações adicionais de uma tarefa, os pares de valor-chave correspondentes devem ser adicionados dentro do bloco de tarefas de translation.json.

    Por exemplo, alterar /apps/ws/locales/en-US/translation.json Inglês:

    code language-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__"
        }
    }
    note note
    NOTE
    Adicione pares de valores chave correspondentes para todos os idiomas compatíveis.

  3. Por exemplo, adicione informações dentro do bloco de tarefas:

    code language-json 
    "stepname" : {
            "value" : "Step Name",
            "tooltip" : "This task belongs to __stepName__ step"
}

Definição de CSS para a nova propriedade defining-css-for-the-new-property

  1. Você pode aplicar estilo às informações (propriedade) adicionadas a uma tarefa. Para fazer isso, você precisa adicionar informações de estilo para a nova propriedade adicionada a /apps/ws/css/newStyle.css.

    Por exemplo, adicione:

    code language-css 
    .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 ---------------------*/
}

Adição de entrada no Modelo HTML adding-entry-in-the-html-template

Finalmente, é necessário incluir uma entrada no pacote dev para cada propriedade que você deseja adicionar à tarefa. Para criar uma consulte Criação de código do espaço de trabalho do AEM Forms.

  1. Copiar task.html:

    • de: /libs/ws/js/runtime/templates/
    • para: /apps/ws/js/runtime/templates/

  2. Adicionar as novas informações a /apps/ws/js/runtime/templates/task.html.

    Por exemplo, adicionar em div class="taskProperties":

    code language-jsp 
    <span class="stepname" alt="<%= $.t('task.stepname.value')%>" title = '<%= $.t("task.stepname.tooltip",{stepName:stepName})%>'/>
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2