Plugin de notificaciones inspiradas en macOS con JavaScript puro-macOSNotifJS

Vista prévia

Descripción

macOSNotifJS es un plugin de JavaScript para mostrar notificaciones delgadas, personalizables, de estilo Growl & alertas inspiradas en Apple macOS.

Características

• Aspecto delgado y limpio.
• Imagen de notificación personalizada.
• Efecto de sonido de notificación personalizada.
• Botones de acción personalizados.
• Auto se descarta después de un tiempo de espera.
• Descarta la notificación manualmente arrastrando y deslizando.

Funcionamiento

Cargue la carpeta macOSNotif. js y res en el servidor e importe los archivos del complemento macOSNotifJS en el documento.

<script src="macOSNotif.js"></script>

Llame a la función macOSNotif () para mostrar una notificación predeterminada en la página.

macOSNotif()

Personalice la notificación.

macOSNotif({


// delay in seconds

delay: .5,


// timeout in seconds

// 0 = disable

autoDismiss: 0,


// swipe/drag to dismiss

interactDismiss: true,


// enables sound effect

sounds: false,


 // z-index

zIndex: 5000,


// custom notification image

imageSrc: null,

imageName: "",

 imageLink: null,

imageLinkNewTab: false,





// notification title

title: "macOSNotifJS",


// notification message

subtitle: "Default notification text",


 // link for the main text

mainLink: null,


 // button 1 text

btn1Text: "Close",


// button 1 link

btn1Link: null,


 // opens button 1 URL in a new tab

btn1NewTab: false,


// button 2 text

btn2Text: "Go",


// button 2 link

btn2Link: null,


// opens button 2 URL in a new tab

btn2NewTab: false


})

Registro de cambios

11/12/2018

• v0.0.4

11/11/2018

• nuevas opciones de pestaña

07/13/2018

• corrección de errores para notificaciones activadas rápidamente

06/01/2018

• Actualización de CSS

05/25/2018

• minificar algunas cosas