
//this will add a sort of "puff" alert
Bark.
register("alert"). 
defaults({ ok: "OK" }). //set the default OK message
modalClass("alert-modal"). //the background color for the alerts. Makes content unclickable.
transitionIn({ scale: 0.75, opacity: 1}, { scale: 1, opacity: 1}). //scale from -> to on transition in
transitionOut({ scale: 1, opacity: 1 }, { scale: 1.25, opacity: 0}). //puff out
template($("[data-templateName='alert']").html());

Somewhere in your html <head />:

<script type="text/ejs" data-templateName="alert">
	<div class="alert">
		<div><%-message %></div>
		<a href="#" class="alert-ok close" data-name="ok"><%-ok %></a>
	</div>
</script>

Now run your new alert:

Bark.alert("hello world!", function(event) {
	if(event.ok) {
		//do stuff
	}
});

Customizing Individual Notifications

Bark allows you to customize notifications individually. Here's an example using are alert system above:


//closes the window after 5 seconds if the user hasn't clicked the "OK" button
Bark.alert({ closeAfterTime: 5000, message: "You have mail" }, function() {
	
});

NotificationBuilder API

display(options, onClose)

Displays a notification.

Bark.create().template("myTemplate").display("hello world!", function() {
	
});

transitionIn(from, to, easing)

Sets the transition-in animation properties

from - css properties
to - css properties
easing - css transit docs

transitionOut(from, to, easing)

Sets the transition-out animation properties.

layout(options)

Page layout options

options
- center - if set to true, the all notifications will be placed in the center of the screen
- right - make the notifications right-bound
- top - top bound in pixels
- bottom - --
- left - --
- width - width of the notifications container

modalClass(className)

Sets the class name of the background for the notifications. Set this property if you want to disable everything except notifications.

max(n)

Sets the maximum number of notifications that are allowed to be displayed simultaneously.

For growl-like notifications, this number should be set the greater than 1. For alert-like notifications, this number should be set to 1.

closeAfterTime(ms)

Closes the notifications after the given duration (in milliseconds). Use this for growl-like notifications.

FAQs

What is bark-notifications?

Is bark-notifications well maintained?

Package last updated on 09 Dec 2012

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

bark-notifications

Build Requirements

Dependencies

Notes

Use Case

API

NotificationBuilder bark.register(name)