Git Product home page Git Product logo

ngx-toasta's People

Contributors

emonney avatar pascaltemel avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

ngx-toasta's Issues

Angular 9 support

Could you please add ng9 support? Thanks a lot.

npm WARN [email protected] requires a peer of @angular/common@>=6.0.0 <9.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/core@>=6.0.0 <9.0.0 but none is installed. You must install peer dependencies yourself.

Angular 7 support

Currently, the package requires Angular 6, is it possible to update the dependencies to Angular 7?

Error: 404 Not Found - GET https://registry.npmjs.org/ngx-tosta - Not found

i get the below error when i run npm install ngx-toasta

some please help to resolve, thank you

0 info it worked if it ends with ok
1 verbose cli [ 'C:\Program Files\nodejs\node.exe',
1 verbose cli 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'install',
1 verbose cli 'ngx-tosta' ]
2 info using [email protected]
3 info using [email protected]
4 verbose npm-session 9af96d34f07e308c
5 silly install loadCurrentTree
6 silly install readLocalPackageData
7 http fetch GET 404 https://registry.npmjs.org/ngx-tosta 682ms
8 http fetch GET 404 https://registry.npmjs.org/ngx-tosta 614ms
9 silly fetchPackageMetaData error for ngx-tosta@latest 404 Not Found - GET https://registry.npmjs.org/ngx-tosta - Not found
10 timing stage:rollbackFailedOptional Completed in 1ms
11 timing stage:runTopLevelLifecycles Completed in 2441ms
12 verbose stack Error: 404 Not Found - GET https://registry.npmjs.org/ngx-tosta - Not found
12 verbose stack at res.buffer.catch.then.body (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-registry-fetch\check-response.js:104:15)
12 verbose stack at process._tickCallback (internal/process/next_tick.js:68:7)
13 verbose statusCode 404
14 verbose pkgid ngx-tosta@latest
15 verbose cwd C:\Acomos\acomosonline
16 verbose Windows_NT 10.0.18362
17 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "install" "ngx-tosta"
18 verbose node v10.16.0
19 verbose npm v6.9.0
20 error code E404
21 error 404 Not Found - GET https://registry.npmjs.org/ngx-tosta - Not found
22 error 404
23 error 404 'ngx-tosta@latest' is not in the npm registry.
24 error 404 You should bug the author to publish it (or use the name yourself!)
25 error 404 Note that you can also install from a
26 error 404 tarball, folder, http url, or git url.
27 verbose exit [ 1, true ]

Styling not being applied - followed documentation

Hi,

I'm having difficulty getting the styling to work,

I've downloaded the example project, and seen that imports 'toasta-styles.css', So I've tried copying this file into my project and importing it, but I still only recieve the toast text on screen when clicking the button.

Any idea where I am going wrong..?

TIA,
Alex

Angular 15 support ( please change package.json peerDependencies)

Hi,

I can not properly use the template which I bought from you and updated to Angular 15 because your ngx-toasta package.json restricts the angular peerDependencies to be <15.0.0

"peerDependencies": {
"@angular/common": ">=6.0.0 <15.0.0",
"@angular/core": ">=6.0.0 <15.0.0",
"rxjs": ">=6.0.0"
},

Could you please remove this upper restriction? As far as I tested it ngx-toasta works perfectly fine with Angular 15

Thanks a lot!

Support to enable/disabe HTML messages

Feature request:
At present any HTML or JavaScript codes passed as message becomes executed in the notification message.

Reasons for request:

  1. This will lead to message getting executed which leads to vulnerability.
  2. Good to have feature.

Steps to reproduce:

  1. Use <h1>Test</h1> as message. And notice the notification message displayed

Position Ignored

I'm using this in a couple apps, and recently tried moving the position from the default to top-center, and top-fullwidth, but the code ignores those settings. I've instantiated the ToastaConfig in my constructor, as is described in the docs. I set the theme to material, and the position to "top-center". The toast DOES use the material theme, but it's in the lower-right corner, no matter what I do.

Here's my (abbreviated) code:
`
constructor (
private toastaService: ToastaService,
private toastaConfig: ToastaConfig
) {
this.toastaConfig.theme = 'material';
this.toastaConfig.position = 'top-fullwidth';
}

someFunction() {
      const message = "This is the message";
      const toastOptions: ToastOptions = {
        title: 'The Title',
        msg: message,
        showClose: true,
        timeout: 15000
      };
      this.toastaService.warning(toastOptions);
}

`
Sorry, editor's not liking my code formatting for some reason... Anyways, you get the idea. Theme, good, position, no good. Any ideas?

Thanks for the help!

Any maintainers?

This repo hasn't been touched in over a year with outstanding issues and PRs. Will anyone fork this and actively maintain it? Looks like those who have forked did so a long time ago and haven't done anything with it since.

Angular 8 support

Is it possible to update the dependencies for using Angular 8?

when running ng update @angular/cli @angular/core it show up:
Package "ngx-toasta" has an incompatible peer dependency to "@angular/common" (requires "^6.0.0-rc.0 || ^6.0.0" (extended), would install "8.0.0").
Package "ngx-toasta" has an incompatible peer dependency to "@angular/core" (requires "^6.0.0-rc.0 || ^6.0.0" (extended), would install "8.0.0").

Thanks a lot

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.