invertase / angular-toasty Goto Github PK
View Code? Open in Web Editor NEWA simple standalone AngularJS module with extensive features that provides growl-style alerts and messages for your app!
License: MIT License
A simple standalone AngularJS module with extensive features that provides growl-style alerts and messages for your app!
License: MIT License
It is causing dependency conflict with other libraries. Can this be updated to angular 1.5.8?
I'm using the latest version and I'm creating the toasty like this:
toasty.pop.success({
title: 'Your comment has been successfully added!',
sound: false,
showClose: false,
clickToClose: false,
timeout: 1500
});
I don't know why, but all the times it play the sound.
Is it a bug? What can I do to fix it?
Currently position only allows 4 configurations.
Is there any plans of adding 'bottom-center' and 'top-center'?
Function removeToasty from the constructor doesn't work
The repo seems to exist https://www.npmjs.com/package/angular-toasty
Try running it on https://npm.runkit.com/angular-toasty
Results in
Error: Cannot find module 'angular-toasty'
Should we have angular-toasty?
We should have every package on npm. Sometimes this error is caused by a typo in your require path, but if you think we are actually missing this package, please confirm below and we’ll do our best to fix it as soon as possible!
Thank you
If there's no message body, the title still stays on top. Not sure how to check, could use the :empty check with CSS. Will look into it myself.
In sourse code, defaul value showClose parameter set is true (constant toastyConfig), but it not working. If I don't set manual showClose in true, close button not shown. The same is not working toasty-container toasty-defaults attribute fo showClose parameter. Always default close button not showing.
Hi, I have implemented the toasty as suggested in example and it not working in IE11. However, I was able to get it work on Firefox.
Is there something I have missed in configuring it properly. Please help.
How can I change the position for toasty, Or is always at right bottom?
I have a weird error all of the sudden. Toasty has been working fine, did not touch it but now it only shows the notification in plain text where the tags are inserted.
So there is no styling and it isn't placed at the bottom or top for example. Sounds familiar?
{
"compilerOptions": {
"target": "es5",
"module": "system",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false,
"noEmitOnError": true,
"rootDir": "app",
"outDir": "../wwwroot/app/"
},
"compileOnSave": true,
"exclude": [
"node_modules",
"wwwroot/lib"
]
}
I love how simple this component is.
It would be nice if I could theme is easily, e.g. without having to override a bunch of CSS. The positioning styling could be split out from the content styling.
Position of the toaster is currently a constant. This should be configurable.
[EDIT]
Found the problem. It plays the sound but when looking at the DOM through the Chrome DevTools I see no changes, when I close the modal however I do see the toast.... Except when I add another toast when the first one should still be there, then the DOM changes and I see a toast.
Somehow my Toasts suddenly started popping up behind the translucent modal backdrop. You cannot see them unless you close the modal.
I've tried adding this to CSS but that doesn't work either. Any idea?
toasty {
z-index: 1000000;
}
#toasty {
z-index: 1000000;
}
Roboto Google font is loaded via http, that can cause browser error in case site uses https.
Consider changing
http://fonts.gstatic.com/s/roboto/v15/zN7GBFwfMP4uA6AR0HCoLQ.ttf
to
//fonts.gstatic.com/s/roboto/v15/zN7GBFwfMP4uA6AR0HCoLQ.ttf
Hi,
is there a way to add html to the body of the toasty?
Thank you
Please add a type override to the default toasty() function.
That way I can do something like this without creating 5 different functions:
function showToast(type,title,message) {
toasty({
title: title,
msg: message,
sound: true,
type: type
});
}
showToast("warning","Error: ","Something went wrong!");
HI there,
do you provide any mocks or enabled=false
feature so it can be disabled completely in protractor tests?
I figured out that using toasty in protractor tests leads to the element are not clickable errors because the toast just appears and I cannot click on the element underneath the toast... It would be cool to have such a feature to turn it off to avoid these issues.
Anyway,
thanks for a great job!
Cheers,
Andrej
Hi,
I tried to get angular-toasty working with browserify but browserify fails with warning.
Running "browserify:app" (browserify) task
>> Error: Cannot find module 'angular-toasty' from 'C:\Test\web-app\src\main\resources\public\app'
Warning: Error running grunt-browserify. Use --force to continue.
Any workarounds? Is this module supports to commonJS modules or modules that support by browserify?
Whenever I call my toast from a function it's somehow not displayed, DOM also does not change. You can hear the sound though.
Only when it's called a second time it shows.
function showToast(type, title, message) {
toasty[type]({
title: title,
msg: message
});
}
function checkExpired() {
showToast("warning", "Warning", "Your session is about to expire. Click here to stay logged in!");
}
setInterval(checkExpired, 5000);
When I call it from the ng-click directive in the view it works fine every time.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.