Show Menu
TEMAS×

Visualización de datos adicionales en la lista ToDo

De forma predeterminada, la lista Tareas pendientes del espacio de trabajo AEM Forms muestra el nombre y la descripción para mostrar de la tarea. Sin embargo, puede agregar otra información, como fecha de creación o fecha límite. También puede agregar iconos y cambiar el estilo de la pantalla.
En este artículo se detallan los pasos para agregar información y mostrarla para cada tarea en la lista ToDo.

Qué se puede agregar

Puede agregar la información disponible en task.json el servidor. La información puede agregarse como texto sin formato o puede utilizar estilos para dar formato a la información.
Para obtener más información sobre la descripción del objeto JSON, consulte este artículo.

Visualización de información en una tarea

  1. Siga los pasos Genéricos para la personalización del espacio de trabajo AEM Forms.
  2. Para mostrar información adicional para una tarea, los pares de clave-valor correspondientes deben agregarse dentro del bloque de tarea de translation.json .
    Por ejemplo, cambiar /apps/ws/locales/en-US/translation.json para inglés:
    "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__"
            }
        }
    
    
    Añada los pares de clave-valor correspondientes para todos los idiomas admitidos.
  3. Por ejemplo, agregue información dentro del bloque de tarea:
    "stepname" : {
                "value" : "Step Name",
                "tooltip" : "This task belongs to __stepName__ step"
    }
    
    

Definición de CSS para la nueva propiedad

  1. Puede aplicar estilo a la información (propiedad) agregada a una tarea. Para ello, debe agregar información de estilo para la nueva propiedad agregada a /apps/ws/css/newStyle.css .
    Por ejemplo, agregue:
    .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 ---------------------*/
    }
    
    

Añadir entrada en la plantilla HTML

Finalmente, debe incluir una entrada en el paquete dev para cada propiedad que desee agregar a la tarea. Para crear uno, consulte Creación de código de espacio de trabajo de AEM Forms.
  1. Copiar task.html :
    • de: /libs/ws/js/runtime/templates/
    • hasta: /apps/ws/js/runtime/templates/
  2. Añada la nueva información en /apps/ws/js/runtime/templates/task.html .
    Por ejemplo, agregue debajo de div class="taskProperties" :
    <span class="stepname" alt="<%= $.t('task.stepname.value')%>" title = '<%= $.t("task.stepname.tooltip",{stepName:stepName})%>'/>