jQuery UI Effects Test Suite

From 02afd8a32edb13ea7fc2266ac80092ea15c0930c Mon Sep 17 00:00:00 2001 From: Alvin Li Date: Wed, 9 Oct 2013 15:52:53 +0800 Subject: * treat 'apps/utils' as regular django app; which used to store general tools for used in other apps * moved 'templatetags' from 'apps/indicator' to 'apps/utils' * '.gitignore' to ignore 'fixtures_bak' * moved js plugins from 'apps/indicator/static/plugins' to 'staticfiles/plugins' apps/recommend: * updated 'recommend.models'; o commented 'recommend.models.ResearchCombination' (not used) * implemented views 'add_edit_blog_info' and 'ajax_add_edit_configs'; * added pages 'templates/recommend/add_edit_blog_info.html', 'add_edit_blog_info_error.html'; o related css and javascripts files * added 'tools.py'; * added 'utils/tools.py' for placing generic functions; * deleted 'initial_data.json' (mv 'fixtures' to 'fixtures_bak'); * small fixes to 'indicator.models', 'sciblog.models' and 'sfaccount.views' * fixed automatically show 'proper_nouns' annotation in blog: recovered the line 'import signals' in 'sciblog.models' * added 'is_ok()' method for 'recommend.models.ResearchConfig'; --- .../jquery-ui/tests/visual/effects/all.html | 217 +++++++++++++++++++++ .../jquery-ui/tests/visual/effects/effects.css | 49 +++++ .../jquery-ui/tests/visual/effects/effects.js | 107 ++++++++++ .../jquery-ui/tests/visual/effects/scale.html | 157 +++++++++++++++ 4 files changed, 530 insertions(+) create mode 100644 97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/all.html create mode 100644 97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/effects.css create mode 100644 97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/effects.js create mode 100644 97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/scale.html (limited to '97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects') diff --git a/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/all.html b/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/all.html new file mode 100644 index 0000000..8e7fe10 --- /dev/null +++ b/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/all.html @@ -0,0 +1,217 @@ + + + + + jQuery UI Effects Test Suite + + + + + + + + + + + + + + + + + + + + +

+
+
Blind up
+
+
+
+
Blind down
+
+
+
+
Blind left
+
+
+
+
Blind right
+
+
+
+
Bounce 3 times
+
+
+
+
Clip horizontally
+
+
+
+
Clip vertically
+
+
+
+
Drop down
+
+
+
+
Drop up
+
+
+
+
Drop left
+
+
+
+
Drop right
+
+
+
+
Explode in 9 pieces
+
+
+
+
Explode in 36 pieces
+
+
+
+
Fade
+
+
+
+
Fold
+
+
+
+
Highlight
+
+
+
+
Pulsate 2 times
+
+
+
+
Puff
+
+
+
+
Scale
+
+
+
+
Shake
+
+
+
+
Size Default Show/Hide
+
+
+
+
Size Toggle
+
+
+
+
Slide down
+
+
+
+
Slide up
+
+
+
+
Slide left
+
+
+
+
Slide right
+
+
+
+
Transfer to first element
+
+
+
+
addClass
+
+
+
+
removeClass
+
+
+
+
toggleClass
+
+
+
+
hide/show (jQuery)
+
+

+ + + diff --git a/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/effects.css b/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/effects.css new file mode 100644 index 0000000..8e9ee0f --- /dev/null +++ b/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/effects.css @@ -0,0 +1,49 @@ +body { + margin: 1em; + padding: 0; + background: #fff; + color: #000; +} + +ul.effects { + list-style-type: none; + margin: 0; + padding: 0; +} + +ul.effects li { + padding: 0; + width: 120px; + height: 100px; + float: left; + margin-top: 20px; + margin-left: 20px; +} + +div.effect { + width: 120px; + height: 100px; + background: #ccc; + border: 5px outset #aaa; + float: left; + cursor: pointer; + cursor: hand; +} + +div.current { + border: 5px outset #FF9C08; + background: #FF9C08; +} + +div.effect p { + color: #191919; + font-weight: bold; + margin: 0; + padding: 10px; +} + +.ui-effects-transfer { + border: 1px dotted #fff; + background: #666; + opacity: 0.5; +} diff --git a/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/effects.js b/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/effects.js new file mode 100644 index 0000000..624e0b1 --- /dev/null +++ b/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/effects.js @@ -0,0 +1,107 @@ +$(function() { + +var duration = 1000, + wait = 500; + +function effect( elem, name, options ) { + $.extend( options, { + easing: "easeOutQuint" + }); + + $( elem ).click(function() { + $( this ) + .addClass( "current" ) + // delaying the initial animation makes sure that the queue stays in tact + .delay( 10 ) + .hide( name, options, duration ) + .delay( wait ) + .show( name, options, duration, function() { + $( this ).removeClass( "current" ); + }); + }); +} + +$( "#hide" ).click(function() { + $( this ) + .addClass( "current" ) + .hide( duration ) + .delay( wait ) + .show( duration, function() { + $( this ).removeClass( "current" ); + }); +}); + +effect( "#blindLeft", "blind", { direction: "left" } ); +effect( "#blindUp", "blind", { direction: "up" } ); +effect( "#blindRight", "blind", { direction: "right" } ); +effect( "#blindDown", "blind", { direction: "down" } ); + +effect( "#bounce3times", "bounce", { times: 3 } ); + +effect( "#clipHorizontally", "clip", { direction: "horizontal" } ); +effect( "#clipVertically", "clip", { direction: "vertical" } ); + +effect( "#dropDown", "drop", { direction: "down" } ); +effect( "#dropUp", "drop", { direction: "up" } ); +effect( "#dropLeft", "drop", { direction: "left" } ); +effect( "#dropRight", "drop", { direction: "right" } ); + +effect( "#explode9", "explode", {} ); +effect( "#explode36", "explode", { pieces: 36 } ); + +effect( "#fade", "fade", {} ); + +effect( "#fold", "fold", { size: 50 } ); + +effect( "#highlight", "highlight", {} ); + +effect( "#pulsate", "pulsate", { times: 2 } ); + +effect( "#puff", "puff", { times: 2 } ); +effect( "#scale", "scale", {} ); +effect( "#size", "size", {} ); +$( "#sizeToggle" ).click(function() { + var options = { to: { width: 300, height: 300 } }; + $( this ) + .addClass( "current" ) + .toggle( "size", options, duration ) + .delay( wait ) + .toggle( "size", options, duration, function() { + $( this ).removeClass( "current" ); + }); +}); + +$( "#shake" ).click(function() { + $( this ) + .addClass( "current" ) + .effect( "shake", {}, 100, function() { + $( this ).removeClass( "current" ); + }); +}); + +effect( "#slideDown", "slide", { direction: "down" } ); +effect( "#slideUp", "slide", { direction: "up" } ); +effect( "#slideLeft", "slide", { direction: "left" } ); +effect( "#slideRight", "slide", { direction: "right" } ); + +$( "#transfer" ).click(function() { + $( this ) + .addClass( "current" ) + .effect( "transfer", { to: "div:eq(0)" }, 1000, function() { + $( this ).removeClass( "current" ); + }); +}); + +$( "#addClass" ).click(function() { + $( this ).addClass( "current", duration, function() { + $( this ).removeClass( "current" ); + }); +}); +$( "#removeClass" ).click(function() { + $( this ).addClass( "current" ).removeClass( "current", duration ); +}); +$( "#toggleClass" ).click(function() { + $( this ).toggleClass( "current", duration ); +}); + +}); diff --git a/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/scale.html b/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/scale.html new file mode 100644 index 0000000..7fadb03 --- /dev/null +++ b/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/effects/scale.html @@ -0,0 +1,157 @@ + + + + + jQuery UI Effects Test Suite + + + + + + + + +

+ Positioning + + + Vertical Positioning + + + Horizontal Positioning + + + Vertical Origin + + + Horizontal Origin + +
+ jQuery UI Scale Animation Test + + + +

+ -- cgit v1.2.2