Giter VIP home page Giter VIP logo

Comments (7)

DannyMcwaves avatar DannyMcwaves commented on September 27, 2024

hi @egorlaw,
Can you give me a jsFiddle of the code that is causing the problem or detailed rep of the full controller might help.

from ngsweetalert.

eglaw avatar eglaw commented on September 27, 2024

hi @DannyMcwaves ,
I've managed to found the problem.

I loved the animated in css icons that sweetalert uses (like the Success one - with the check on the green circle) and i used it in side my template for the step of the form that is a "thank-you" kinda-like page. During the http async request (before going to that step) i pop out $uibModal.open and make a loading. After resolving the modal with $scope.$close i try to make the user awar of the successful transaction with an SweetAlert.swal, but the error would make the thing impossible.

What i've found is that NEVER USE any of the markup / classes that are sweet-alert native. Because it'll try to instantiate them as already existing on page and try to clean the mess. But there's no sweetalert on page so far - so it lauches the error.

My template had this element:

<div class="sweet-alert animate">
    <div class="sa-icon sa-success animate" style="display: block;">
        <span class="sa-line sa-tip animateSuccessTip"></span>
        <span class="sa-line sa-long animateSuccessLong"></span>
        <div class="sa-placeholder"></div>
        <div class="sa-fix"></div>
    </div>
</div>

This breaks the sweetalert behaviour. Probably any other part of the swal constructs as overlays and body or else - will break the stuff too.

Don't try this at home folks ;)

from ngsweetalert.

DannyMcwaves avatar DannyMcwaves commented on September 27, 2024

Hi @egorlaw
Great. I am very glad that you have fixed that.
I saw your profile and I realized you can code python. I was wondering if you have enough time,
so we can collaborate on this python project I am trying to work on.
If you have enough time, just let me know.

from ngsweetalert.

eglaw avatar eglaw commented on September 27, 2024

from ngsweetalert.

DannyMcwaves avatar DannyMcwaves commented on September 27, 2024

cool. Are you using angular 2, @egorlaw ??

from ngsweetalert.

eglaw avatar eglaw commented on September 27, 2024

from ngsweetalert.

DannyMcwaves avatar DannyMcwaves commented on September 27, 2024

Nice. If you have any projects on angular or angular 2 that you think you might need collaboration on, just let me know. If you have an understanding with angular 1, can you check this project I created, ngSocial in in my repo, and see if you can find any issues. Also I am following you, can you follow back?

from ngsweetalert.

Related Issues (20)

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.