Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Mike Grabski
    @HackedByChinese
    Hello, all. I'd like to use this room to facilitate feedback and questions.
    One thing on my mind: I think I went down the wrong path with the "nice to haves" (automatically changing titles, the headache that is multitab support, etc.)
    I think I should have delivered this as a core module (just keepalive and idle, or perhaps even break keepalive and title into separate modules themselves), and other stuff as optional modules.
    I think this will be the first major initiative for a 2.0 release.
    Mike Grabski
    @HackedByChinese
    In the meantime, stabilizing 1.1 (:fu: IE and no-cookie people) is the priority.
    Nirmalendu Kumar Maisal
    @Nirmalendu4u
    Two Browser Tabs with ng-idle use same LocalStorage entry, causing problems. It seems the issue has not been fixed yet
    I tried the current version 1.1.0, but I am getting the same issue again. Please let me know if there is a workaround or proper solution for it. This is working fine when we are not minifying it.
    harpreet86
    @harpreet86
    Hi, I am facing one issue. I have one page in my application where we are using iframe. Now the IdleStart event is triggered even if the user is active on iframe. Kindly suggest.
    labrute
    @labrute
    I'm trying to set Timeout option to false (or 0), and when i do this, the IdleTimeout event isn't call. Normaly this function is called when IdleTime+ Timeout has passed.
    labrute
    @labrute
    Ok i think i got it, the event raised is IdleStart
    Mike Grabski
    @HackedByChinese
    Sorry for leaving everyone high and dry through the summer.
    v1.1.1 is building now and should resolve some of the more obvious and irritating problems.
    abhisheksreesaila
    @abhisheksreesaila
    hey, when I use the minified version the module is not loading(angular-idle.min.js) However, when I don't minify it, it works fine (angular-idle.js). That's how I know the application is working fine. Has anyone faced this issue? Error: [$injector:nomod] Module 'ngIdle' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
    Mike Grabski
    @HackedByChinese
    Not sure what the issue is. The minified output is what's used in the ./sample and it works fine. Seems fine in a quick test project, too.
    AGrownMan
    @AGrownMan
    This is my first visit to this site or this room, so please forgive any newbie lack of ettiquette. Is someone willing to help me with this Stack Overflow question about ng-Idle? http://stackoverflow.com/questions/35492278/why-isnt-this-ng-idle-implementation-connecting-modal-and-styling
    Mike Grabski
    @HackedByChinese
    Yes. I'm a little busy now but I'll take a look and get back to you.
    Vlad Oros
    @vladoros

    @AGrownMan to get this working please make the following changes:

    1. add ng-app="demo" to body element
    2. replace $modal with $uibModal in your app.js from client folder
    3. include ui-bootstrap-tpls.min.js in index.html

    also I'd recommend reading the official angular docs before getting started

    AGrownMan
    @AGrownMan
    @vladoros Thank you. I made your three changes. The timer works in the browser now, but there is no modal popup. Instead, the text is printed in the same browser window. Also, there are no real stylings so it just looks like bare unstyled html output. And yes, I return to the angular docs periodically, but I also learn by experimenting with code like this.. What other changes do I need to make to get the app in the stack overflow posting to function with modals and styles like the ngIdle demo from which the code came?
    AGrownMan
    @AGrownMan
    @HackedByChinese The version at your demo site has a pretty popup modal that looks professional https://hackedbychinese.github.io/ng-idle/ but the version resulting from the stack overflow question and vladoros' suggestions looks like 1993 html version 0.0.1. I am wondering if this might be due to the demo not specifying the include files? How do I change the code to get the pretty, professional pop-up that your demo uses?
    Mike Grabski
    @HackedByChinese
    @AGrownMan You also need to make sure the bootstrap CSS is getting included. Keep in mind the demo was intended to be just an example of how you can use it, and I wrote it using an older release of UI-Bootstrap. The demo is not supposed to be the literal or only way you use ng-idle. My expectation is that you understand the components your application is using enough to integrate ng-idle into it the way you like.
    I completely understand wanting to jump right in and get a working example running, but you gotta slow down a little bit and understand what's going on.
    AGrownMan
    @AGrownMan
    @vladoros The link you gave has a bunch of partial pages. Do you have a link with complete pages?

    @HackedByChinese Adding the following did not resolve the problem. Can you make a more specific code suggestion based on the code that I actually posted? <head>
    <title title>NgIdle Sample</title>
    <link href="bower_components/angular-bootstrap/ui-bootstrap-csp.css" rel="stylesheet"/>

    </head>

    Mike Grabski
    @HackedByChinese
    That file is not the bootstrap CSS file. If you don't know what CSP is, just omit it. UI-Bootstrap does not include bootstrap; you need to source it separately. In your example repo, you do have the bootstrap SASS source in there that you just need to have compiled and included in your page (which BTW, your yeoman generator already set this up for you, but you commented it out).
    See my answer to your question on SO
    You really need to read the manual for UI-Bootstrap, Bootstrap, and your Yeoman generator.
    AGrownMan
    @AGrownMan
    @HackedByChinese The reason that I un-coupled the yeoman generator is that it was deleting ng-Idle every time the app restarted. I do appreciate your advice. I especially appreciate your looking in to how to fit your code into these use patterns. Please understand that I devote one or two full days each week purely to reading documentation, tutorials, and books. But the real learning happens when a person applies such things to re-arranging existing code.
    Mike Grabski
    @HackedByChinese
    Most generators I've seen automatically add whatever bower scripts you've installed to your HTML for you. If you just copied the scripts into the folder, bower doesn't know about it and yes it would get "lost" when it rebuilds
    AGrownMan
    @AGrownMan
    @HackedByChinese I have what might be my last major question for a while, if it gets resolved. I would like to use ng-Idle as a re-usable service within an AngularJS app. This is probably a very common use case. I have re-arranged the code in a new iteration of the problem in a new stack overflow question with its own link to a new tar containing the code in a complete minimal app. Are you willing to take a look at it also? You are free to use the result in your own documentation. Here is the link: http://stackoverflow.com/questions/35515053/how-do-i-connect-this-re-usable-service-to-a-view
    Akshit Sawhney
    @akshitsawhneyseedoc
    ng-idle seems to be not working on an inactive tab....I am getting the IdleWarn event after certain delays(more than 1 second) in case the tab is not active. It works fine while the tab is active...Any solution????
    Mike Grabski
    @HackedByChinese
    @akshitsawhneyseedoc Well, many browsers greatly throttle the execution of scripts running in background tabs, so these inactive tabs don't steal performance from the active tab.
    However, ng-idle should do a check once you come back to a tab and do something to see if the time since the last activity exceeds the idle duration and jump right to IdleTimeout event. You would not even see IdleStart or IdleWarnevents, so if you're counting on those to show up, this should help you understand why you aren't seeing them.
    Mike Grabski
    @HackedByChinese
    Starting with v1.2, windowInterrupt() option was added to allow you to interrupt based on window events. The natural use case is check the idle state when a user brings a window or inactive tab into focus. E.g. windowInterrupt('focus');
    KITSSoumyajitMondal
    @KITSSoumyajitMondal
    Hi Mike,
    I am not able to get IdleStart event listener in karma jasmine test case
    @HackedByChinese I am not able to mock IdleStart event in jasmine test case
    KITSSoumyajitMondal
    @KITSSoumyajitMondal
    anyone please help
    xukun6300
    @xukun6300
    Hello, is anyone encounter this 'Uncaught TypeError: Object(...) is not a function' error when you import this ng-idle?
    and the error is from (eventtargetinterruptsource.js:39)
    Vikram
    @vickydadhich
    Hello, did anyone encountered ng-idle issue in iOS? When the app goes in background and is on foreground after some time, it does not shows idle timeout error
    Sravani Cheripalli
    @sravani123
    How to clear and reset interruptsources in angular ?
    @HackedByChinese