summaryrefslogtreecommitdiffstats
path: root/apps/it/static/js/ui/demos/position
diff options
context:
space:
mode:
authorFilipp Lepalaan <f@230.to>2014-02-20 12:44:49 +0200
committerFilipp Lepalaan <f@230.to>2014-02-20 12:44:49 +0200
commit3321241b61766045a68a3d607b67e11a95014e87 (patch)
treed13ce50a7c46f986f403733e9922e766665e7d2b /apps/it/static/js/ui/demos/position
parent75ad7e4bd7d69243e7e5281c2642f00478fb072d (diff)
downloadpudding-3321241b61766045a68a3d607b67e11a95014e87.tar.gz
pudding-3321241b61766045a68a3d607b67e11a95014e87.tar.bz2
pudding-3321241b61766045a68a3d607b67e11a95014e87.zip
Require logins, removed jquery UI
Diffstat (limited to 'apps/it/static/js/ui/demos/position')
-rw-r--r--apps/it/static/js/ui/demos/position/cycler.html107
-rw-r--r--apps/it/static/js/ui/demos/position/default.html137
-rw-r--r--apps/it/static/js/ui/demos/position/images/earth.jpgbin29850 -> 0 bytes
-rw-r--r--apps/it/static/js/ui/demos/position/images/flight.jpgbin33637 -> 0 bytes
-rw-r--r--apps/it/static/js/ui/demos/position/images/rocket.jpgbin32986 -> 0 bytes
-rw-r--r--apps/it/static/js/ui/demos/position/index.html15
6 files changed, 0 insertions, 259 deletions
diff --git a/apps/it/static/js/ui/demos/position/cycler.html b/apps/it/static/js/ui/demos/position/cycler.html
deleted file mode 100644
index e33e3be..0000000
--- a/apps/it/static/js/ui/demos/position/cycler.html
+++ /dev/null
@@ -1,107 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <title>jQuery UI Position - Image Cycler</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.position.js"></script>
- <link rel="stylesheet" href="../demos.css">
- <style>
- body {
- margin: 0;
- }
- #container {
- overflow: hidden;
- position: relative;
- height: 400px;
- }
-
- img {
- position: absolute;
- }
- </style>
- <script>
- $(function() {
- // TODO refactor into a widget and get rid of these plugin methods
- $.fn.left = function( using ) {
- return this.position({
- my: "right middle",
- at: "left+25 middle",
- of: "#container",
- collision: "none",
- using: using
- });
- };
- $.fn.right = function( using ) {
- return this.position({
- my: "left middle",
- at: "right-25 middle",
- of: "#container",
- collision: "none",
- using: using
- });
- };
- $.fn.center = function( using ) {
- return this.position({
- my: "center middle",
- at: "center middle",
- of: "#container",
- using: using
- });
- };
-
- $( "img:eq(0)" ).left();
- $( "img:eq(1)" ).center();
- $( "img:eq(2)" ).right();
-
- function animate( to ) {
- $( this ).stop( true, false ).animate( to );
- }
- function next( event ) {
- event.preventDefault();
- $( "img:eq(2)" ).center( animate );
- $( "img:eq(1)" ).left( animate );
- $( "img:eq(0)" ).right().appendTo( "#container" );
- }
- function previous( event ) {
- event.preventDefault();
- $( "img:eq(0)" ).center( animate );
- $( "img:eq(1)" ).right( animate );
- $( "img:eq(2)" ).left().prependTo( "#container" );
- }
- $( "#previous" ).click( previous );
- $( "#next" ).click( next );
-
- $( "img" ).click(function( event ) {
- $( "img" ).index( this ) === 0 ? previous( event ) : next( event );
- });
-
- $( window ).resize(function() {
- $( "img:eq(0)" ).left( animate );
- $( "img:eq(1)" ).center( animate );
- $( "img:eq(2)" ).right( animate );
- });
- });
- </script>
-</head>
-<body>
-
-<div id="container">
- <img src="images/earth.jpg" width="458" height="308" alt="earth">
- <img src="images/flight.jpg" width="512" height="307" alt="flight">
- <img src="images/rocket.jpg" width="300" height="353" alt="rocket">
-
- <a id="previous" href="#">Previous</a>
- <a id="next" href="#">Next</a>
-</div>
-
-<div class="demo-description">
-<p>A photoviewer prototype using Position to place images at the center, left and right and cycle them.
-<br>Use the links at the top to cycle, or click on the images on the left and right.
-<br>Note how the images are repositioned when resizing the window.
-</div>
-</body>
-</html>
diff --git a/apps/it/static/js/ui/demos/position/default.html b/apps/it/static/js/ui/demos/position/default.html
deleted file mode 100644
index 6248c38..0000000
--- a/apps/it/static/js/ui/demos/position/default.html
+++ /dev/null
@@ -1,137 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <title>jQuery UI Position - 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.mouse.js"></script>
- <script src="../../ui/jquery.ui.draggable.js"></script>
- <script src="../../ui/jquery.ui.position.js"></script>
- <link rel="stylesheet" href="../demos.css">
- <style>
- #parent {
- width: 60%;
- height: 40px;
- margin: 10px auto;
- padding: 5px;
- border: 1px solid #777;
- background-color: #fbca93;
- text-align: center;
- }
- .positionable {
- position: absolute;
- display: block;
- right: 0;
- bottom: 0;
- background-color: #bcd5e6;
- text-align: center;
- }
- #positionable1 {
- width: 75px;
- height: 75px;
- }
- #positionable2 {
- width: 120px;
- height: 40px;
- }
- select, input {
- margin-left: 15px;
- }
- </style>
- <script>
- $(function() {
- function position() {
- $( ".positionable" ).position({
- of: $( "#parent" ),
- my: $( "#my_horizontal" ).val() + " " + $( "#my_vertical" ).val(),
- at: $( "#at_horizontal" ).val() + " " + $( "#at_vertical" ).val(),
- collision: $( "#collision_horizontal" ).val() + " " + $( "#collision_vertical" ).val()
- });
- }
-
- $( ".positionable" ).css( "opacity", 0.5 );
-
- $( "select, input" ).bind( "click keyup change", position );
-
- $( "#parent" ).draggable({
- drag: position
- });
-
- position();
- });
- </script>
-</head>
-<body>
-
-<div id="parent">
- <p>
- This is the position parent element.
- </p>
-</div>
-
-<div class="positionable" id="positionable1">
- <p>
- to position
- </p>
-</div>
-
-<div class="positionable" id="positionable2">
- <p>
- to position 2
- </p>
-</div>
-
-<div style="padding: 20px; margin-top: 75px;">
- position...
- <div style="padding-bottom: 20px;">
- <b>my:</b>
- <select id="my_horizontal">
- <option value="left">left</option>
- <option value="center">center</option>
- <option value="right">right</option>
- </select>
- <select id="my_vertical">
- <option value="top">top</option>
- <option value="center">center</option>
- <option value="bottom">bottom</option>
- </select>
- </div>
- <div style="padding-bottom: 20px;">
- <b>at:</b>
- <select id="at_horizontal">
- <option value="left">left</option>
- <option value="center">center</option>
- <option value="right">right</option>
- </select>
- <select id="at_vertical">
- <option value="top">top</option>
- <option value="center">center</option>
- <option value="bottom">bottom</option>
- </select>
- </div>
- <div style="padding-bottom: 20px;">
- <b>collision:</b>
- <select id="collision_horizontal">
- <option value="flip">flip</option>
- <option value="fit">fit</option>
- <option value="flipfit">flipfit</option>
- <option value="none">none</option>
- </select>
- <select id="collision_vertical">
- <option value="flip">flip</option>
- <option value="fit">fit</option>
- <option value="flipfit">flipfit</option>
- <option value="none">none</option>
- </select>
- </div>
-</div>
-
-<div class="demo-description">
-<p>Use the form controls to configure the positioning, or drag the positioned element to modify its offset.
-<br>Drag around the parent element to see collision detection in action.</p>
-</div>
-</body>
-</html>
diff --git a/apps/it/static/js/ui/demos/position/images/earth.jpg b/apps/it/static/js/ui/demos/position/images/earth.jpg
deleted file mode 100644
index e5477f7..0000000
--- a/apps/it/static/js/ui/demos/position/images/earth.jpg
+++ /dev/null
Binary files differ
diff --git a/apps/it/static/js/ui/demos/position/images/flight.jpg b/apps/it/static/js/ui/demos/position/images/flight.jpg
deleted file mode 100644
index 362bd1a..0000000
--- a/apps/it/static/js/ui/demos/position/images/flight.jpg
+++ /dev/null
Binary files differ
diff --git a/apps/it/static/js/ui/demos/position/images/rocket.jpg b/apps/it/static/js/ui/demos/position/images/rocket.jpg
deleted file mode 100644
index 9c0495c..0000000
--- a/apps/it/static/js/ui/demos/position/images/rocket.jpg
+++ /dev/null
Binary files differ
diff --git a/apps/it/static/js/ui/demos/position/index.html b/apps/it/static/js/ui/demos/position/index.html
deleted file mode 100644
index a7b7548..0000000
--- a/apps/it/static/js/ui/demos/position/index.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <title>jQuery UI Position Demo</title>
-</head>
-<body>
-
-<ul>
- <li><a href="default.html">Default functionality</a></li>
- <li><a href="cycler.html">Cycling images</a></li>
-</ul>
-
-</body>
-</html>
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-01 01:28:17 +0000