diff options
Diffstat (limited to 'apps/it/static/js/ui/demos/progressbar')
-rw-r--r-- | apps/it/static/js/ui/demos/progressbar/default.html | 28 | ||||
-rw-r--r-- | apps/it/static/js/ui/demos/progressbar/images/pbar-ani.gif | bin | 7970 -> 0 bytes | |||
-rw-r--r-- | apps/it/static/js/ui/demos/progressbar/indeterminate.html | 53 | ||||
-rw-r--r-- | apps/it/static/js/ui/demos/progressbar/index.html | 16 | ||||
-rw-r--r-- | apps/it/static/js/ui/demos/progressbar/label.html | 61 |
5 files changed, 0 insertions, 158 deletions
diff --git a/apps/it/static/js/ui/demos/progressbar/default.html b/apps/it/static/js/ui/demos/progressbar/default.html deleted file mode 100644 index 3c66fdf..0000000 --- a/apps/it/static/js/ui/demos/progressbar/default.html +++ /dev/null @@ -1,28 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <meta charset="utf-8"> - <title>jQuery UI Progressbar - Default functionality</title> - <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.10.2.js"></script> - <script src="../../ui/jquery.ui.core.js"></script> - <script src="../../ui/jquery.ui.widget.js"></script> - <script src="../../ui/jquery.ui.progressbar.js"></script> - <link rel="stylesheet" href="../demos.css"> - <script> - $(function() { - $( "#progressbar" ).progressbar({ - value: 37 - }); - }); - </script> -</head> -<body> - -<div id="progressbar"></div> - -<div class="demo-description"> -<p>Default determinate progress bar.</p> -</div> -</body> -</html> diff --git a/apps/it/static/js/ui/demos/progressbar/images/pbar-ani.gif b/apps/it/static/js/ui/demos/progressbar/images/pbar-ani.gif Binary files differdeleted file mode 100644 index cb59a04..0000000 --- a/apps/it/static/js/ui/demos/progressbar/images/pbar-ani.gif +++ /dev/null diff --git a/apps/it/static/js/ui/demos/progressbar/indeterminate.html b/apps/it/static/js/ui/demos/progressbar/indeterminate.html deleted file mode 100644 index 7d070c2..0000000 --- a/apps/it/static/js/ui/demos/progressbar/indeterminate.html +++ /dev/null @@ -1,53 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <meta charset="utf-8"> - <title>jQuery UI Progressbar - Indeterminate Value</title> - <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.10.2.js"></script> - <script src="../../ui/jquery.ui.core.js"></script> - <script src="../../ui/jquery.ui.widget.js"></script> - <script src="../../ui/jquery.ui.progressbar.js"></script> - <link rel="stylesheet" href="../demos.css"> - <script> - $(function() { - $( "#progressbar" ).progressbar({ - value: false - }); - $( "button" ).on( "click", function( event ) { - var target = $( event.target ), - progressbar = $( "#progressbar" ), - progressbarValue = progressbar.find( ".ui-progressbar-value" ); - - if ( target.is( "#numButton" ) ) { - progressbar.progressbar( "option", { - value: Math.floor( Math.random() * 100 ) - }); - } else if ( target.is( "#colorButton" ) ) { - progressbarValue.css({ - "background": '#' + Math.floor( Math.random() * 16777215 ).toString( 16 ) - }); - } else if ( target.is( "#falseButton" ) ) { - progressbar.progressbar( "option", "value", false ); - } - }); - }); - </script> - <style> - #progressbar .ui-progressbar-value { - background-color: #ccc; - } - </style> -</head> -<body> - -<div id="progressbar"></div> -<button id="numButton">Random Value - Determinate</button> -<button id="falseButton">Indeterminate</button> -<button id="colorButton">Random Color</button> - -<div class="demo-description"> -<p>Indeterminate progress bar and switching between determinate and indeterminate styles.</p> -</div> -</body> -</html> diff --git a/apps/it/static/js/ui/demos/progressbar/index.html b/apps/it/static/js/ui/demos/progressbar/index.html deleted file mode 100644 index cfc054a..0000000 --- a/apps/it/static/js/ui/demos/progressbar/index.html +++ /dev/null @@ -1,16 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <meta charset="utf-8"> - <title>jQuery UI Progressbar Demos</title> -</head> -<body> - -<ul> - <li><a href="default.html">Default functionality</a></li> - <li><a href="indeterminate.html">Indeterminate</a></li> - <li><a href="label.html">Custom Labels</a></li> -</ul> - -</body> -</html> diff --git a/apps/it/static/js/ui/demos/progressbar/label.html b/apps/it/static/js/ui/demos/progressbar/label.html deleted file mode 100644 index 06a5707..0000000 --- a/apps/it/static/js/ui/demos/progressbar/label.html +++ /dev/null @@ -1,61 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <meta charset="utf-8"> - <title>jQuery UI Progressbar - Custom Label</title> - <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.10.2.js"></script> - <script src="../../ui/jquery.ui.core.js"></script> - <script src="../../ui/jquery.ui.widget.js"></script> - <script src="../../ui/jquery.ui.progressbar.js"></script> - <link rel="stylesheet" href="../demos.css"> - <style> - .ui-progressbar { - position: relative; - } - .progress-label { - position: absolute; - left: 50%; - top: 4px; - font-weight: bold; - text-shadow: 1px 1px 0 #fff; - } - </style> - <script> - $(function() { - var progressbar = $( "#progressbar" ), - progressLabel = $( ".progress-label" ); - - progressbar.progressbar({ - value: false, - change: function() { - progressLabel.text( progressbar.progressbar( "value" ) + "%" ); - }, - complete: function() { - progressLabel.text( "Complete!" ); - } - }); - - function progress() { - var val = progressbar.progressbar( "value" ) || 0; - - progressbar.progressbar( "value", val + 1 ); - - if ( val < 99 ) { - setTimeout( progress, 100 ); - } - } - - setTimeout( progress, 3000 ); - }); - </script> -</head> -<body> - -<div id="progressbar"><div class="progress-label">Loading...</div></div> - -<div class="demo-description"> -<p>Custom updated label demo.</p> -</div> -</body> -</html> |