demos/tizen-winsets/widgets/progressbar.js

   1 $(document).one( "pagecreate", "#progressbar-demo", function () {
   2         var progressbar_running;
   3
   4         $("#progressbar-demo").on("pageshow", function ( e ) {
   5
   6                 $("#progressbarTest").on("vclick", function ( e ) {
   7                         progressbar_running = !progressbar_running;
   8
   9                         // request animation frame
  10                         window.requestAnimFrame = (function () {
  11                                 return window.requestAnimationFrame ||
  12                                         window.webkitRequestAnimationFrame ||
  13                                         window.mozRequestAnimationFrame ||
  14                                         window.oRequestAnimationFrame ||
  15                                         window.msRequestAnimationFrame ||
  16                                         function (animloop) {
  17                                                 return window.setTimeout(animloop, 1000 / 60);
  18                                         };
  19                         }());
  20
  21                         window.cancelRequestAnimFrame = (function () {
  22                                 return window.cancelAnimationFrame ||
  23                                         window.webkitCancelRequestAnimationFrame ||
  24                                         window.mozCancelRequestAnimationFrame ||
  25                                         window.oCancelRequestAnimationFrame ||
  26                                         window.msCancelRequestAnimationFrame ||
  27                                         clearTimeout;
  28                         }());
  29
  30                         var request,
  31                                 i = 0;
  32
  33                         // start and run the animloop
  34                         (function animloop() {
  35                                 if ( !progressbar_running ) {
  36                                         window.cancelRequestAnimFrame( request );
  37                                         return;
  38                                 }
  39
  40                                 $("#progressbar").progressbar( "option", "value", i++ );
  41
  42                                 request = window.requestAnimFrame( animloop );
  43
  44                                 if ( i > 100 ) {
  45                                         window.cancelRequestAnimFrame( request );
  46                                 }
  47                         }());
  48                 });
  49
  50                 $("#pending").progress( "running", true );
  51                 $("#progressing").progress( "running", true );
  52
  53                 $("#pendingTest").on("vclick", function ( e ) {
  54                         var running = $("#pending").progress( "running" );
  55                         // start/stop progressing animation
  56                         $("#pending").progress( "running", !running );
  57                 });
  58
  59                 $("#progressingTest").on("vclick", function ( e ) {
  60                         var running = $("#progressing").progress( "running" );
  61                         // start/stop progressing animation
  62                         $("#progressing").progress( "running", !running );
  63
  64                         if ( running ) {
  65                                 $("#progressing").progress( "hide" );
  66                         }
  67                 });
  68         });
  69
  70         $("#progressbar-demo").on("pagehide", function ( e ) {
  71                 progressbar_running = false;
  72                 $("#pending").progress( "running", false );
  73                 $("#progressing").progress( "running", false );
  74         });
  75 });