Configuración de Message Inbox para Cordova

El plugin de Pushwoosh para Cordova incluye Message Inbox (el “icono de campana” de App Inbox) como parte de la misma dependencia pushwoosh-cordova-plugin utilizada para las notificaciones push. No se necesita ningún paso de instalación adicional.

Prerrequisitos

• El SDK base de Pushwoosh para Cordova ya está integrado y enviando pushes.

Mostrar el inbox

Llame a presentInboxUI() en el mismo objeto pushwoosh que inicializó con cordova.require:

var pushwoosh = cordova.require("pushwoosh-cordova-plugin.PushNotification");

pushwoosh.presentInboxUI();

Esto abre una pantalla nativa (un view controller en iOS, una Activity en Android) con la apariencia predeterminada del SDK.

Personalizar el estilo

Pase un objeto de estilo a presentInboxUI(). Cada clave es opcional:

Clave	Personaliza
dateFormat	Formato de fecha
defaultImageIcon	El icono predeterminado junto a un mensaje sin imagen
unreadImage	La marca de mensajes no leídos (solo iOS)
listErrorImage	Se muestra cuando falla la carga de la lista
listEmptyImage	Se muestra cuando la lista no tiene mensajes
listErrorMessage	Texto de error (no localizado)
listEmptyMessage	Texto de lista vacía (no localizado)
defaultTextColor	Color de texto predeterminado (solo iOS)
accentColor	Color de acento
backgroundColor	Color de fondo
highlightColor	Color de selección
titleColor	Color del título del mensaje
readTitleColor	Color del título para mensajes leídos (solo Android)
descriptionColor	Color de la descripción del mensaje
readDescriptionColor	Color de la descripción para mensajes leídos (solo Android)
dateColor	Color de la fecha del mensaje
readDateColor	Color de la fecha para mensajes leídos (solo Android)
dividerColor	Color del separador
barTitle	El título de la pantalla de inbox
barBackgroundColor	El color de fondo de la barra de título
barAccentColor	El color del botón de retroceso de la barra de título
barTextColor	El color del texto de la barra de título

pushwoosh.presentInboxUI({
    dateFormat: "dd.MM.yyyy",
    accentColor: "#3498db",
    backgroundColor: "#ffffff",
    titleColor: "#333333",
    descriptionColor: "#666666",
    listEmptyMessage: "Aún no hay mensajes"
});

Gestionar mensajes programáticamente

Cargue la lista de mensajes, los recuentos de leídos y actúe sobre mensajes individuales sin abrir la pantalla integrada. Esto es útil para una interfaz de usuario de inbox personalizada o una insignia de no leídos:

// Array de objetos InboxNotification
pushwoosh.loadMessages(function(messages) {
    messages.forEach(function(message) {
        console.log(message.title + ": " + message.message);
    });
}, function(error) {
    console.error("Error al cargar: " + error);
});

pushwoosh.unreadMessagesCount(function(count) {
    console.log("Mensajes no leídos: " + count);
});

pushwoosh.messagesCount(function(count) { /* mensajes totales */ });
pushwoosh.messagesWithNoActionPerformedCount(function(count) { /* aún no se ha actuado sobre ellos */ });

pushwoosh.readMessage(messageCode);
pushwoosh.deleteMessage(messageCode);
pushwoosh.performAction(messageCode); // ejecuta la acción predeterminada del mensaje, por ejemplo, abrir una URL