Gathering detailed insights and metrics for ember-notifyme
Gathering detailed insights and metrics for ember-notifyme
Gathering detailed insights and metrics for ember-notifyme
Gathering detailed insights and metrics for ember-notifyme
npm install ember-notifyme
Typescript
Module System
Min. Node Version
Node Version
NPM Version
JavaScript (79%)
Handlebars (9.42%)
HTML (6.98%)
CSS (4.61%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
2 Stars
122 Commits
2 Forks
1 Watchers
7 Branches
2 Contributors
Updated on Sep 24, 2021
Latest Version
3.0.0
Package Id
ember-notifyme@3.0.0
Unpacked Size
25.27 kB
Size
8.34 kB
File Count
20
NPM Version
7.20.3
Node Version
14.15.5
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
39
Simple addon that adds ability to show popup notifications.
DEMO: http://igorkvasn.github.io/ember-notifyme/
ember install ember-notifyme
Add this component anywhere into your hbs file (eg. application.hbs)
{{notification-panel}}
To trigger a notification message you can either:
this.notifications.addMessage({
message: "My message"
//other options here
});
or use convenience methods success
, info
or error
:
this.notifications.info("My info message", options);
To hide a notification:
this.notifications.removeMessage(message);
To hide all notifications:
this.notifications.removeAll();
Note: by default, FontAwesome must be included in your project - to use different icon set, see Global Configuration section below for a configuration hints
You can also use callbacks onClick
and onClose
that take a function with one parameter (message that triggered this callback);
this.notifications.addMessage({
message: "My message"
onClick(message){
alert('message clicked!');
},
onClose(message){
alert('message closed!');
}
});
Another callback available is onCloseTimeout
that is called whenever notification's timeout expires and the notification message is auto-closing.
this.notifications.addMessage({
message: "My message"
onCloseTimeout(message){
alert('message timeout expired');
}
});
Option | Description | Default value |
---|---|---|
type | type of message; possible values: 'info', 'error', 'success'; CSS class of the same name will be added to notification message to allow styling | 'info' |
message | text of a message | |
timeout | time before notification disappears | based on notification type (errors have no timeout, otherwise 8000 milis) |
sticky | if true, notification will not disappear | based on notification type (errors are sticky=true) |
htmlContent | enabled/disables HTML content in message (Warning: be sure to properly escape message if this option is set to true ) | false |
closeOnClick | if set to true , message is closed when user clicks on it | false |
onClose | callback triggered when user clicks on X button to close the notification | |
onClick | callback triggered when user clicks on the notification | |
onCloseTimeout | callback triggered when message timeout expires and message is automatically closed (see timeout option above) | false |
data | any arbitrary data |
Some options can be globally configured so you do not have to set the same options over and over. Additionally icons can be configured as well.
In config/environment.js
you can configure globals such as (every entry is optional, eg. if you do not specify success timeout, default will be used):
ENV['ember-notifyme']={
closeIconHTML: '<i class="fa fa-times"></i>',
messages:{
success: {
timeout: 8000,
icon: '<span class="fa-stack fa-sm"><i class="fa fa-circle-thin fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x"></i></span>'
},
error: {
sticky: true,
icon: '<span class="fa-stack fa-sm"><i class="fa fa-circle-thin fa-stack-2x"></i> <i class="fa fa-exclamation fa-stack-1x"></i></span>'
},
info: {
timeout: 8000,
icon: '<span class="fa-stack fa-sm"><i class="fa fa-circle-thin fa-stack-2x"></i> <i class="fa fa-info fa-stack-1x"></i></span>'
},
}
}
git clone
this repositorynpm install
bower install
ember server
npm test
(Runs ember try:testall
to test your addon against multiple Ember versions)ember test
ember test --server
ember serve
For more information on using ember-cli, visit http://www.ember-cli.com/.
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 0/30 approved changesets -- score normalized to 0
Reason
no SAST tool detected
Details
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
139 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More