You are viewing the Spanish (Mexico) site, but your language preference is set to English. Switch to English site →

Menu

Expand
Calificar esta página:

Ejemplos de casos de uso de definiciones del canal de tareas

Agregar una pestaña al canal personalizado

MyCallChannel.addedComponents = [
    {
        target: "TaskCanvasTabs",
        component: <MyTab
            key="myTab"
            icon={<img src="https://someimage.png" />}
            iconActive={<img src="someimage.png" />}
        />
    }
];

Reemplazar un componente (p. ej., TaskInfoPanel o MessagingCanvas)

const MyComponent = <div key="X">My Call Task Info Panel</div>;
MyCallChannel.replacedComponents = [
    { component: MyComponent, target: "TaskInfoPanel" }
];

Reemplazar un componente de manera condicional

MyCallChannel.replacedComponents = [
    { component: MyComponent, target: "MessagingCanvas", options:
        { if: (props) => props.task.status === "wrapping" }
    }
];

Cambiar cadenas según los tipos de tarea, p. ej., para el botón de finalizar tarea del encabezado:

myOwnChatChannel.templates.TaskCanvasHeader.endButton = {
    Assigned: "End Task",
    Reserved: undefined,
    Wrapping: "Wrap up",
    Completed: "Template1",
    Canceled: "Template2",
    Pending: "Template3"
};

Quitar un componente de manera condicional (p. ej., quitar el botón de acción de TaskListItem si la tarea se encuentra en el estado "wrapping")

Flex.DefaultTaskChannels.Call.removedComponents = [{
    target: "TaskCanvasHeader",
    key: "actions",
    options: {
        if: (props) => props.task.status === "wrapping"
    }
}];
Calificar esta página:

¿Necesitas ayuda?

Todos la necesitamos a veces; la programación es difícil. Obtén ayuda ahora de nuestro equipo de soporte, o recurre a la sabiduría de la multitud visitando Stack Overflow Collective de Twilio o navegando por la etiqueta de Twilio en Stack Overflow.

        
        
        

        Gracias por tus comentarios.

        Selecciona los motivos de tus comentarios. La información adicional que nos brindas nos ayuda a mejorar nuestra documentación:

        Enviando tus comentarios…
        🎉 Gracias por tus comentarios.
        Se produjo un error. Inténtalo de nuevo.

        Gracias por tus comentarios.

        thanks-feedback-gif