From 93513c6b3c3af3bb56b8b9eebf967ffc661f9f60 Mon Sep 17 00:00:00 2001
From: Mike Crute
Date: Tue, 16 Feb 2010 21:35:22 -0500
Subject: Initial model layout
---
.hgignore | 2 ++
snakeplan/__init__.py | 0
snakeplan/manage.py | 11 ++++++
snakeplan/projects/__init__.py | 0
snakeplan/projects/admin.py | 32 +++++++++++++++++
snakeplan/projects/models.py | 80 +++++++++++++++++++++++++++++++++++++++++
snakeplan/projects/tests.py | 23 ++++++++++++
snakeplan/projects/views.py | 1 +
snakeplan/settings.py | 55 ++++++++++++++++++++++++++++
snakeplan/snakeplan.db | Bin 0 -> 86016 bytes
snakeplan/urls.py | 10 ++++++
11 files changed, 214 insertions(+)
create mode 100644 .hgignore
create mode 100755 snakeplan/__init__.py
create mode 100755 snakeplan/manage.py
create mode 100755 snakeplan/projects/__init__.py
create mode 100644 snakeplan/projects/admin.py
create mode 100755 snakeplan/projects/models.py
create mode 100755 snakeplan/projects/tests.py
create mode 100755 snakeplan/projects/views.py
create mode 100755 snakeplan/settings.py
create mode 100644 snakeplan/snakeplan.db
create mode 100755 snakeplan/urls.py
diff --git a/.hgignore b/.hgignore
new file mode 100644
index 0000000..2c9154d
--- /dev/null
+++ b/.hgignore
@@ -0,0 +1,2 @@
+syntax: glob
+*.pyc
diff --git a/snakeplan/__init__.py b/snakeplan/__init__.py
new file mode 100755
index 0000000..e69de29
diff --git a/snakeplan/manage.py b/snakeplan/manage.py
new file mode 100755
index 0000000..5e78ea9
--- /dev/null
+++ b/snakeplan/manage.py
@@ -0,0 +1,11 @@
+#!/usr/bin/env python
+from django.core.management import execute_manager
+try:
+ import settings # Assumed to be in the same directory.
+except ImportError:
+ import sys
+ sys.stderr.write("Error: Can't find the file 'settings.py' in the directory containing %r. It appears you've customized things.\nYou'll have to run django-admin.py, passing it your settings module.\n(If the file settings.py does indeed exist, it's causing an ImportError somehow.)\n" % __file__)
+ sys.exit(1)
+
+if __name__ == "__main__":
+ execute_manager(settings)
diff --git a/snakeplan/projects/__init__.py b/snakeplan/projects/__init__.py
new file mode 100755
index 0000000..e69de29
diff --git a/snakeplan/projects/admin.py b/snakeplan/projects/admin.py
new file mode 100644
index 0000000..bdfbbd3
--- /dev/null
+++ b/snakeplan/projects/admin.py
@@ -0,0 +1,32 @@
+from snakeplan.projects import models
+from django.contrib import admin
+
+
+class ProjectAdmin(admin.ModelAdmin):
+ pass
+
+admin.site.register(models.Project, ProjectAdmin)
+
+
+class IterationAdmin(admin.ModelAdmin):
+ pass
+
+admin.site.register(models.Iteration, IterationAdmin)
+
+
+class StoryAdmin(admin.ModelAdmin):
+ pass
+
+admin.site.register(models.Story, StoryAdmin)
+
+
+class TaskAdmin(admin.ModelAdmin):
+ pass
+
+admin.site.register(models.Task, TaskAdmin)
+
+
+class LoggedTimeAdmin(admin.ModelAdmin):
+ pass
+
+admin.site.register(models.LoggedTime, LoggedTimeAdmin)
diff --git a/snakeplan/projects/models.py b/snakeplan/projects/models.py
new file mode 100755
index 0000000..d02402e
--- /dev/null
+++ b/snakeplan/projects/models.py
@@ -0,0 +1,80 @@
+from django.db import models as m
+from django.db.models import Model
+from django.contrib.auth.models import User
+
+
+STATUSES = (
+ (0, 'Active'),
+ (1, 'Inactive'),
+ )
+
+DISPOSITIONS = (
+ (0, 'Planned'),
+ (1, 'Carried Over'),
+ (2, 'Added'),
+ (3, 'Discovered'),
+ )
+
+TASK_TYPES = (
+ (0, 'Feature'),
+ (1, 'Debt'),
+ (2, 'Functional Test'),
+ (3, 'Acceptance Test'),
+ (4, 'Overhead'),
+ )
+
+
+class Project(Model):
+
+ name = m.CharField(max_length=200)
+ description = m.TextField(blank=True)
+ active = m.BooleanField(default=True)
+ hidden = m.BooleanField(default=False)
+ wiki_link = m.URLField(blank=True)
+
+
+class Iteration(Model):
+
+ name = m.CharField(max_length=200)
+ project = m.ForeignKey(Project)
+ status = m.IntegerField(choices=STATUSES, default=0)
+ start_date = m.DateField()
+ end_date = m.DateField()
+ days_worked = m.DecimalField(default=0, decimal_places=2, max_digits=5)
+ description = m.TextField(blank=True)
+
+
+class Story(Model):
+
+ name = m.CharField(max_length=200)
+ project = m.ForeignKey(Project)
+ iteration = m.ForeignKey(Iteration, blank=True)
+ disposition = m.IntegerField(choices=DISPOSITIONS)
+ customer = m.ForeignKey(User, blank=True, related_name='story_customer')
+ tracker = m.ForeignKey(User, blank=True)
+ status = m.IntegerField(choices=STATUSES, default=0)
+ priority = m.IntegerField()
+ order = m.IntegerField()
+ description = m.TextField(blank=True)
+
+
+class Task(Model):
+
+ name = m.CharField(max_length=200)
+ story = m.ForeignKey(Story)
+ task_type = m.IntegerField(choices=TASK_TYPES)
+ disposition = m.IntegerField(choices=DISPOSITIONS)
+ acceptor = m.ForeignKey(User, blank=True)
+ estimated_hours = m.DecimalField(decimal_places=2, max_digits=5)
+ description = m.TextField(blank=True)
+
+
+class LoggedTime(Model):
+
+ start_time = m.DateTimeField(blank=True)
+ end_time = m.DateTimeField(blank=True)
+ logged_date = m.DateField()
+ duration = m.DecimalField(decimal_places=2, max_digits=5)
+ person1 = m.ForeignKey(User, blank=True, related_name="person1")
+ person2 = m.ForeignKey(User, blank=True, related_name="person2")
+ description = m.TextField(blank=True)
diff --git a/snakeplan/projects/tests.py b/snakeplan/projects/tests.py
new file mode 100755
index 0000000..2247054
--- /dev/null
+++ b/snakeplan/projects/tests.py
@@ -0,0 +1,23 @@
+"""
+This file demonstrates two different styles of tests (one doctest and one
+unittest). These will both pass when you run "manage.py test".
+
+Replace these with more appropriate tests for your application.
+"""
+
+from django.test import TestCase
+
+class SimpleTest(TestCase):
+ def test_basic_addition(self):
+ """
+ Tests that 1 + 1 always equals 2.
+ """
+ self.failUnlessEqual(1 + 1, 2)
+
+__test__ = {"doctest": """
+Another way to test that 1 + 1 is equal to 2.
+
+>>> 1 + 1 == 2
+True
+"""}
+
diff --git a/snakeplan/projects/views.py b/snakeplan/projects/views.py
new file mode 100755
index 0000000..60f00ef
--- /dev/null
+++ b/snakeplan/projects/views.py
@@ -0,0 +1 @@
+# Create your views here.
diff --git a/snakeplan/settings.py b/snakeplan/settings.py
new file mode 100755
index 0000000..6da9ec1
--- /dev/null
+++ b/snakeplan/settings.py
@@ -0,0 +1,55 @@
+DEBUG = True
+TEMPLATE_DEBUG = DEBUG
+
+ADMINS = (
+ ('Mike Crute', 'mcrute@gmail.com'),
+)
+
+MANAGERS = ADMINS
+
+DATABASE_ENGINE = 'sqlite3'
+DATABASE_NAME = 'snakeplan.db'
+
+TIME_ZONE = 'America/New_York'
+LANGUAGE_CODE = 'en-us'
+
+SITE_ID = 1
+
+USE_I18N = False
+
+# Absolute path to the directory that holds media.
+# Example: "/home/media/media.lawrence.com/"
+MEDIA_ROOT = ''
+
+# URL that handles the media served from MEDIA_ROOT. Make sure to use a
+# trailing slash if there is a path component (optional in other cases).
+# Examples: "http://media.lawrence.com", "http://example.com/media/"
+MEDIA_URL = ''
+ADMIN_MEDIA_PREFIX = '/media/'
+
+SECRET_KEY = 'ow28jyl#0h8+^3$-!*%o-qfj5#zyr@xz+%vn_a3iizhn%l-3_='
+
+TEMPLATE_LOADERS = (
+ 'django.template.loaders.filesystem.load_template_source',
+ 'django.template.loaders.app_directories.load_template_source',
+)
+
+MIDDLEWARE_CLASSES = (
+ 'django.middleware.common.CommonMiddleware',
+ 'django.contrib.sessions.middleware.SessionMiddleware',
+ 'django.contrib.auth.middleware.AuthenticationMiddleware',
+)
+
+ROOT_URLCONF = 'snakeplan.urls'
+
+TEMPLATE_DIRS = (
+)
+
+INSTALLED_APPS = (
+ 'django.contrib.auth',
+ 'django.contrib.contenttypes',
+ 'django.contrib.sessions',
+ 'django.contrib.sites',
+ 'django.contrib.admin',
+ 'snakeplan.projects',
+)
diff --git a/snakeplan/snakeplan.db b/snakeplan/snakeplan.db
new file mode 100644
index 0000000..d2eeedc
Binary files /dev/null and b/snakeplan/snakeplan.db differ
diff --git a/snakeplan/urls.py b/snakeplan/urls.py
new file mode 100755
index 0000000..105045d
--- /dev/null
+++ b/snakeplan/urls.py
@@ -0,0 +1,10 @@
+from django.conf.urls.defaults import *
+from django.contrib import admin
+from snakeplan.projects import admin as snakeplan_admin
+
+admin.autodiscover()
+
+urlpatterns = patterns('',
+ # (r'^snakeplan/', include('snakeplan.foo.urls')),
+ (r'^admin/', include(admin.site.urls)),
+)
--
cgit v1.2.3
From eafc81114c0e0d559af4bc2f40b56af37d984740 Mon Sep 17 00:00:00 2001
From: Mike Crute
Date: Fri, 19 Feb 2010 21:26:05 -0500
Subject: Cleaning out the useless admin stuff.
---
snakeplan/projects/admin.py | 34 +++++-----------------------------
snakeplan/projects/models.py | 15 +++++++++++++++
2 files changed, 20 insertions(+), 29 deletions(-)
diff --git a/snakeplan/projects/admin.py b/snakeplan/projects/admin.py
index bdfbbd3..7471356 100644
--- a/snakeplan/projects/admin.py
+++ b/snakeplan/projects/admin.py
@@ -1,32 +1,8 @@
from snakeplan.projects import models
from django.contrib import admin
-
-class ProjectAdmin(admin.ModelAdmin):
- pass
-
-admin.site.register(models.Project, ProjectAdmin)
-
-
-class IterationAdmin(admin.ModelAdmin):
- pass
-
-admin.site.register(models.Iteration, IterationAdmin)
-
-
-class StoryAdmin(admin.ModelAdmin):
- pass
-
-admin.site.register(models.Story, StoryAdmin)
-
-
-class TaskAdmin(admin.ModelAdmin):
- pass
-
-admin.site.register(models.Task, TaskAdmin)
-
-
-class LoggedTimeAdmin(admin.ModelAdmin):
- pass
-
-admin.site.register(models.LoggedTime, LoggedTimeAdmin)
+admin.site.register(models.Task)
+admin.site.register(models.Story)
+admin.site.register(models.Project)
+admin.site.register(models.Iteration)
+admin.site.register(models.LoggedTime)
diff --git a/snakeplan/projects/models.py b/snakeplan/projects/models.py
index d02402e..b91ec7c 100755
--- a/snakeplan/projects/models.py
+++ b/snakeplan/projects/models.py
@@ -32,6 +32,9 @@ class Project(Model):
hidden = m.BooleanField(default=False)
wiki_link = m.URLField(blank=True)
+ def __unicode__(self):
+ return self.name
+
class Iteration(Model):
@@ -43,6 +46,9 @@ class Iteration(Model):
days_worked = m.DecimalField(default=0, decimal_places=2, max_digits=5)
description = m.TextField(blank=True)
+ def __unicode__(self):
+ return self.name
+
class Story(Model):
@@ -57,6 +63,9 @@ class Story(Model):
order = m.IntegerField()
description = m.TextField(blank=True)
+ def __unicode__(self):
+ return self.name
+
class Task(Model):
@@ -68,6 +77,9 @@ class Task(Model):
estimated_hours = m.DecimalField(decimal_places=2, max_digits=5)
description = m.TextField(blank=True)
+ def __unicode__(self):
+ return self.name
+
class LoggedTime(Model):
@@ -78,3 +90,6 @@ class LoggedTime(Model):
person1 = m.ForeignKey(User, blank=True, related_name="person1")
person2 = m.ForeignKey(User, blank=True, related_name="person2")
description = m.TextField(blank=True)
+
+ def __unicode__(self):
+ return self.description
--
cgit v1.2.3
From 25e063a309f03791e0b4e1e3751fa8bd3f220bd3 Mon Sep 17 00:00:00 2001
From: Mike Crute
Date: Fri, 19 Feb 2010 21:51:45 -0500
Subject: Importing jquery
---
.../ui-bg_diagonals-thick_18_b81900_40x40.png | Bin 0 -> 260 bytes
.../ui-bg_diagonals-thick_20_666666_40x40.png | Bin 0 -> 251 bytes
.../images/ui-bg_flat_10_000000_40x100.png | Bin 0 -> 178 bytes
.../images/ui-bg_glass_100_f6f6f6_1x400.png | Bin 0 -> 104 bytes
.../images/ui-bg_glass_100_fdf5ce_1x400.png | Bin 0 -> 125 bytes
.../images/ui-bg_glass_65_ffffff_1x400.png | Bin 0 -> 105 bytes
.../images/ui-bg_gloss-wave_35_f6a828_500x100.png | Bin 0 -> 4427 bytes
.../ui-bg_highlight-soft_100_eeeeee_1x100.png | Bin 0 -> 90 bytes
.../ui-bg_highlight-soft_75_ffe45c_1x100.png | Bin 0 -> 129 bytes
.../images/ui-icons_222222_256x240.png | Bin 0 -> 4369 bytes
.../images/ui-icons_228ef1_256x240.png | Bin 0 -> 5355 bytes
.../images/ui-icons_ef8c08_256x240.png | Bin 0 -> 4369 bytes
.../images/ui-icons_ffd27a_256x240.png | Bin 0 -> 4369 bytes
.../images/ui-icons_ffffff_256x240.png | Bin 0 -> 4369 bytes
static/css/ui-lightness/jquery-ui-1.7.2.custom.css | 406 +
static/development-bundle/AUTHORS.txt | 30 +
static/development-bundle/GPL-LICENSE.txt | 278 +
static/development-bundle/MIT-LICENSE.txt | 25 +
.../demos/accordion/collapsible.html | 58 +
.../demos/accordion/custom-icons.html | 60 +
.../demos/accordion/default.html | 83 +
.../demos/accordion/fillspace.html | 76 +
.../development-bundle/demos/accordion/index.html | 20 +
.../demos/accordion/mouseover.html | 57 +
.../demos/accordion/no-auto-height.html | 57 +
.../development-bundle/demos/addClass/default.html | 51 +
.../development-bundle/demos/addClass/index.html | 17 +
.../development-bundle/demos/animate/default.html | 52 +
static/development-bundle/demos/animate/index.html | 17 +
.../demos/datepicker/alt-field.html | 31 +
.../demos/datepicker/buttonbar.html | 33 +
.../demos/datepicker/date-formats.html | 43 +
.../demos/datepicker/default.html | 31 +
.../demos/datepicker/dropdown-month-year.html | 34 +
.../demos/datepicker/icon-trigger.html | 31 +
.../demos/datepicker/images/calendar.gif | Bin 0 -> 269 bytes
.../development-bundle/demos/datepicker/index.html | 26 +
.../demos/datepicker/inline.html | 31 +
.../demos/datepicker/localization.html | 120 +
.../demos/datepicker/min-max.html | 31 +
.../demos/datepicker/multiple-calendars.html | 34 +
static/development-bundle/demos/demos.css | 334 +
.../development-bundle/demos/dialog/default.html | 51 +
static/development-bundle/demos/dialog/index.html | 21 +
.../demos/dialog/modal-confirmation.html | 67 +
.../demos/dialog/modal-form.html | 178 +
.../demos/dialog/modal-message.html | 64 +
static/development-bundle/demos/dialog/modal.html | 55 +
.../demos/draggable/constrain-movement.html | 67 +
.../demos/draggable/cursor-style.html | 46 +
.../demos/draggable/default.html | 38 +
.../demos/draggable/delay-start.html | 42 +
.../development-bundle/demos/draggable/events.html | 74 +
.../development-bundle/demos/draggable/handle.html | 45 +
.../development-bundle/demos/draggable/index.html | 27 +
.../development-bundle/demos/draggable/revert.html | 41 +
.../development-bundle/demos/draggable/scroll.html | 48 +
.../demos/draggable/snap-to.html | 67 +
.../demos/draggable/sortable.html | 54 +
.../demos/draggable/visual-feedback.html | 73 +
.../demos/droppable/accepted-elements.html | 55 +
.../demos/droppable/default.html | 46 +
.../demos/droppable/images/high_tatras.jpg | Bin 0 -> 23627 bytes
.../demos/droppable/images/high_tatras2.jpg | Bin 0 -> 26332 bytes
.../demos/droppable/images/high_tatras2_min.jpg | Bin 0 -> 2164 bytes
.../demos/droppable/images/high_tatras3.jpg | Bin 0 -> 25219 bytes
.../demos/droppable/images/high_tatras3_min.jpg | Bin 0 -> 1901 bytes
.../demos/droppable/images/high_tatras4.jpg | Bin 0 -> 25656 bytes
.../demos/droppable/images/high_tatras4_min.jpg | Bin 0 -> 2541 bytes
.../demos/droppable/images/high_tatras_min.jpg | Bin 0 -> 2147 bytes
.../development-bundle/demos/droppable/index.html | 22 +
.../demos/droppable/photo-manager.html | 164 +
.../demos/droppable/propagation.html | 71 +
.../development-bundle/demos/droppable/revert.html | 55 +
.../demos/droppable/visual-feedback.html | 70 +
.../development-bundle/demos/effect/default.html | 104 +
static/development-bundle/demos/effect/index.html | 17 +
static/development-bundle/demos/hide/default.html | 105 +
static/development-bundle/demos/hide/index.html | 17 +
.../development-bundle/demos/images/calendar.gif | Bin 0 -> 269 bytes
.../demos/images/demo-config-on-tile.gif | Bin 0 -> 180 bytes
.../demos/images/demo-config-on.gif | Bin 0 -> 343 bytes
.../demos/images/demo-spindown-closed.gif | Bin 0 -> 104 bytes
.../demos/images/demo-spindown-open.gif | Bin 0 -> 105 bytes
.../demos/images/icon-docs-info.gif | Bin 0 -> 214 bytes
.../development-bundle/demos/images/pbar-ani.gif | Bin 0 -> 304064 bytes
static/development-bundle/demos/index.html | 292 +
.../demos/progressbar/animated.html | 42 +
.../demos/progressbar/default.html | 37 +
.../demos/progressbar/images/pbar-ani.gif | Bin 0 -> 304064 bytes
.../demos/progressbar/index.html | 19 +
.../demos/progressbar/resize.html | 37 +
.../demos/removeClass/default.html | 51 +
.../demos/removeClass/index.html | 17 +
.../demos/resizable/animate.html | 38 +
.../demos/resizable/aspect-ratio.html | 37 +
.../demos/resizable/constrain-area.html | 42 +
.../demos/resizable/default.html | 35 +
.../demos/resizable/delay-start.html | 49 +
.../development-bundle/demos/resizable/index.html | 25 +
.../demos/resizable/max-min.html | 40 +
.../demos/resizable/snap-to-grid.html | 37 +
.../demos/resizable/synchronous-resize.html | 44 +
.../demos/resizable/visual-feedback.html | 38 +
.../demos/selectable/default.html | 45 +
.../demos/selectable/display-grid.html | 50 +
.../development-bundle/demos/selectable/index.html | 19 +
.../demos/selectable/serialize.html | 56 +
static/development-bundle/demos/show/default.html | 106 +
static/development-bundle/demos/show/index.html | 17 +
.../demos/slider/colorpicker.html | 92 +
.../development-bundle/demos/slider/default.html | 34 +
static/development-bundle/demos/slider/index.html | 25 +
.../demos/slider/multiple-vertical.html | 76 +
.../demos/slider/range-vertical.html | 47 +
static/development-bundle/demos/slider/range.html | 48 +
.../development-bundle/demos/slider/rangemax.html | 47 +
.../development-bundle/demos/slider/rangemin.html | 48 +
.../demos/slider/slider-vertical.html | 49 +
static/development-bundle/demos/slider/steps.html | 48 +
.../demos/sortable/connect-lists-through-tabs.html | 76 +
.../demos/sortable/connect-lists.html | 55 +
.../development-bundle/demos/sortable/default.html | 48 +
.../demos/sortable/delay-start.html | 64 +
.../demos/sortable/display-grid.html | 51 +
.../demos/sortable/empty-lists.html | 66 +
.../development-bundle/demos/sortable/index.html | 25 +
.../development-bundle/demos/sortable/items.html | 68 +
.../demos/sortable/placeholder.html | 53 +
.../demos/sortable/portlets.html | 93 +
.../demos/switchClass/default.html | 47 +
.../demos/switchClass/index.html | 17 +
static/development-bundle/demos/tabs/ajax.html | 40 +
.../demos/tabs/ajax/content1.html | 4 +
.../demos/tabs/ajax/content2.html | 4 +
.../development-bundle/demos/tabs/collapsible.html | 54 +
static/development-bundle/demos/tabs/default.html | 47 +
static/development-bundle/demos/tabs/index.html | 21 +
.../development-bundle/demos/tabs/mouseover.html | 52 +
static/development-bundle/demos/tabs/sortable.html | 62 +
static/development-bundle/demos/tabs/vertical.html | 62 +
.../development-bundle/demos/toggle/default.html | 94 +
static/development-bundle/demos/toggle/index.html | 17 +
.../demos/toggleClass/default.html | 45 +
.../demos/toggleClass/index.html | 17 +
static/development-bundle/docs/accordion.html | 869 ++
static/development-bundle/docs/addClass.html | 108 +
static/development-bundle/docs/animate.html | 78 +
static/development-bundle/docs/datepicker.html | 2150 +++++
static/development-bundle/docs/dialog.html | 1520 ++++
static/development-bundle/docs/draggable.html | 1448 ++++
static/development-bundle/docs/droppable.html | 704 ++
static/development-bundle/docs/effect.html | 142 +
static/development-bundle/docs/hide.html | 143 +
static/development-bundle/docs/progressbar.html | 295 +
static/development-bundle/docs/removeClass.html | 112 +
static/development-bundle/docs/resizable.html | 1075 +++
static/development-bundle/docs/selectable.html | 707 ++
static/development-bundle/docs/show.html | 143 +
static/development-bundle/docs/slider.html | 733 ++
static/development-bundle/docs/sortable.html | 1818 ++++
static/development-bundle/docs/switchClass.html | 128 +
static/development-bundle/docs/tabs.html | 1426 +++
static/development-bundle/docs/toggle.html | 143 +
static/development-bundle/docs/toggleClass.html | 110 +
.../external/bgiframe/ChangeLog.txt | 20 +
.../development-bundle/external/bgiframe/META.json | 32 +
.../external/bgiframe/docs/index.html | 113 +
.../external/bgiframe/jquery.bgiframe.js | 100 +
.../external/bgiframe/jquery.bgiframe.min.js | 10 +
.../external/bgiframe/jquery.bgiframe.pack.js | 10 +
.../external/bgiframe/test/index.html | 197 +
.../external/cookie/jquery.cookie.js | 97 +
.../external/cookie/jquery.cookie.min.js | 10 +
.../external/cookie/jquery.cookie.pack.js | 10 +
.../external/cookie/jquery.cookie.zip | Bin 0 -> 3471 bytes
.../development-bundle/external/jsdiff/jsdiff.js | 159 +
.../external/qunit/testrunner.js | 780 ++
.../external/qunit/testsuite.css | 120 +
.../external/simulate/jquery.simulate.js | 152 +
static/development-bundle/jquery-1.3.2.js | 4376 ++++++++++
.../base/images/ui-bg_flat_0_aaaaaa_40x100.png | Bin 0 -> 180 bytes
.../base/images/ui-bg_flat_75_ffffff_40x100.png | Bin 0 -> 178 bytes
.../base/images/ui-bg_glass_55_fbf9ee_1x400.png | Bin 0 -> 120 bytes
.../base/images/ui-bg_glass_65_ffffff_1x400.png | Bin 0 -> 105 bytes
.../base/images/ui-bg_glass_75_dadada_1x400.png | Bin 0 -> 111 bytes
.../base/images/ui-bg_glass_75_e6e6e6_1x400.png | Bin 0 -> 110 bytes
.../base/images/ui-bg_glass_95_fef1ec_1x400.png | Bin 0 -> 119 bytes
.../ui-bg_highlight-soft_75_cccccc_1x100.png | Bin 0 -> 101 bytes
.../themes/base/images/ui-icons_222222_256x240.png | Bin 0 -> 4369 bytes
.../themes/base/images/ui-icons_2e83ff_256x240.png | Bin 0 -> 4369 bytes
.../themes/base/images/ui-icons_454545_256x240.png | Bin 0 -> 4369 bytes
.../themes/base/images/ui-icons_888888_256x240.png | Bin 0 -> 4369 bytes
.../themes/base/images/ui-icons_cd0a0a_256x240.png | Bin 0 -> 4369 bytes
.../themes/base/ui.accordion.css | 9 +
static/development-bundle/themes/base/ui.all.css | 2 +
static/development-bundle/themes/base/ui.base.css | 8 +
static/development-bundle/themes/base/ui.core.css | 37 +
.../themes/base/ui.datepicker.css | 62 +
.../development-bundle/themes/base/ui.dialog.css | 13 +
.../themes/base/ui.progressbar.css | 4 +
.../themes/base/ui.resizable.css | 13 +
.../development-bundle/themes/base/ui.slider.css | 17 +
static/development-bundle/themes/base/ui.tabs.css | 11 +
static/development-bundle/themes/base/ui.theme.css | 245 +
.../ui-bg_diagonals-thick_18_b81900_40x40.png | Bin 0 -> 260 bytes
.../ui-bg_diagonals-thick_20_666666_40x40.png | Bin 0 -> 251 bytes
.../images/ui-bg_flat_10_000000_40x100.png | Bin 0 -> 178 bytes
.../images/ui-bg_glass_100_f6f6f6_1x400.png | Bin 0 -> 104 bytes
.../images/ui-bg_glass_100_fdf5ce_1x400.png | Bin 0 -> 125 bytes
.../images/ui-bg_glass_65_ffffff_1x400.png | Bin 0 -> 105 bytes
.../images/ui-bg_gloss-wave_35_f6a828_500x100.png | Bin 0 -> 4427 bytes
.../ui-bg_highlight-soft_100_eeeeee_1x100.png | Bin 0 -> 90 bytes
.../ui-bg_highlight-soft_75_ffe45c_1x100.png | Bin 0 -> 129 bytes
.../images/ui-icons_222222_256x240.png | Bin 0 -> 4369 bytes
.../images/ui-icons_228ef1_256x240.png | Bin 0 -> 5355 bytes
.../images/ui-icons_ef8c08_256x240.png | Bin 0 -> 4369 bytes
.../images/ui-icons_ffd27a_256x240.png | Bin 0 -> 4369 bytes
.../images/ui-icons_ffffff_256x240.png | Bin 0 -> 4369 bytes
.../themes/ui-lightness/jquery-ui-1.7.2.custom.css | 406 +
.../themes/ui-lightness/ui.accordion.css | 9 +
.../themes/ui-lightness/ui.all.css | 2 +
.../themes/ui-lightness/ui.base.css | 8 +
.../themes/ui-lightness/ui.core.css | 37 +
.../themes/ui-lightness/ui.datepicker.css | 62 +
.../themes/ui-lightness/ui.dialog.css | 13 +
.../themes/ui-lightness/ui.progressbar.css | 4 +
.../themes/ui-lightness/ui.resizable.css | 13 +
.../themes/ui-lightness/ui.slider.css | 17 +
.../themes/ui-lightness/ui.tabs.css | 11 +
.../themes/ui-lightness/ui.theme.css | 247 +
static/development-bundle/ui/effects.blind.js | 49 +
static/development-bundle/ui/effects.bounce.js | 78 +
static/development-bundle/ui/effects.clip.js | 54 +
static/development-bundle/ui/effects.core.js | 545 ++
static/development-bundle/ui/effects.drop.js | 50 +
static/development-bundle/ui/effects.explode.js | 79 +
static/development-bundle/ui/effects.fold.js | 56 +
static/development-bundle/ui/effects.highlight.js | 48 +
static/development-bundle/ui/effects.pulsate.js | 56 +
static/development-bundle/ui/effects.scale.js | 180 +
static/development-bundle/ui/effects.shake.js | 57 +
static/development-bundle/ui/effects.slide.js | 50 +
static/development-bundle/ui/effects.transfer.js | 45 +
.../development-bundle/ui/i18n/jquery-ui-i18n.js | 771 ++
.../development-bundle/ui/i18n/ui.datepicker-ar.js | 20 +
.../development-bundle/ui/i18n/ui.datepicker-bg.js | 20 +
.../development-bundle/ui/i18n/ui.datepicker-ca.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-cs.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-da.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-de.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-el.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-eo.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-es.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-fa.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-fi.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-fr.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-he.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-hr.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-hu.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-hy.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-id.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-is.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-it.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-ja.js | 20 +
.../development-bundle/ui/i18n/ui.datepicker-ko.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-lt.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-lv.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-ms.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-nl.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-no.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-pl.js | 19 +
.../ui/i18n/ui.datepicker-pt-BR.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-ro.js | 22 +
.../development-bundle/ui/i18n/ui.datepicker-ru.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-sk.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-sl.js | 20 +
.../development-bundle/ui/i18n/ui.datepicker-sq.js | 19 +
.../ui/i18n/ui.datepicker-sr-SR.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-sr.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-sv.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-th.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-tr.js | 19 +
.../development-bundle/ui/i18n/ui.datepicker-uk.js | 25 +
.../ui/i18n/ui.datepicker-zh-CN.js | 19 +
.../ui/i18n/ui.datepicker-zh-TW.js | 19 +
.../ui/jquery-ui-1.7.2.custom.js | 9133 ++++++++++++++++++++
static/development-bundle/ui/ui.accordion.js | 477 +
static/development-bundle/ui/ui.core.js | 519 ++
static/development-bundle/ui/ui.datepicker.js | 1636 ++++
static/development-bundle/ui/ui.dialog.js | 671 ++
static/development-bundle/ui/ui.draggable.js | 766 ++
static/development-bundle/ui/ui.droppable.js | 282 +
static/development-bundle/ui/ui.progressbar.js | 116 +
static/development-bundle/ui/ui.resizable.js | 800 ++
static/development-bundle/ui/ui.selectable.js | 257 +
static/development-bundle/ui/ui.slider.js | 558 ++
static/development-bundle/ui/ui.sortable.js | 1019 +++
static/development-bundle/ui/ui.tabs.js | 685 ++
static/development-bundle/version.txt | 1 +
static/index.html | 367 +
static/js/jquery-1.3.2.min.js | 19 +
static/js/jquery-1.4.2.min.js | 154 +
static/js/jquery-ui-1.7.2.custom.min.js | 298 +
304 files changed, 48675 insertions(+)
create mode 100644 static/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
create mode 100644 static/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
create mode 100644 static/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
create mode 100644 static/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
create mode 100644 static/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
create mode 100644 static/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
create mode 100644 static/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
create mode 100644 static/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
create mode 100644 static/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
create mode 100644 static/css/ui-lightness/images/ui-icons_222222_256x240.png
create mode 100644 static/css/ui-lightness/images/ui-icons_228ef1_256x240.png
create mode 100644 static/css/ui-lightness/images/ui-icons_ef8c08_256x240.png
create mode 100644 static/css/ui-lightness/images/ui-icons_ffd27a_256x240.png
create mode 100644 static/css/ui-lightness/images/ui-icons_ffffff_256x240.png
create mode 100644 static/css/ui-lightness/jquery-ui-1.7.2.custom.css
create mode 100644 static/development-bundle/AUTHORS.txt
create mode 100644 static/development-bundle/GPL-LICENSE.txt
create mode 100644 static/development-bundle/MIT-LICENSE.txt
create mode 100644 static/development-bundle/demos/accordion/collapsible.html
create mode 100644 static/development-bundle/demos/accordion/custom-icons.html
create mode 100644 static/development-bundle/demos/accordion/default.html
create mode 100644 static/development-bundle/demos/accordion/fillspace.html
create mode 100644 static/development-bundle/demos/accordion/index.html
create mode 100644 static/development-bundle/demos/accordion/mouseover.html
create mode 100644 static/development-bundle/demos/accordion/no-auto-height.html
create mode 100644 static/development-bundle/demos/addClass/default.html
create mode 100644 static/development-bundle/demos/addClass/index.html
create mode 100644 static/development-bundle/demos/animate/default.html
create mode 100644 static/development-bundle/demos/animate/index.html
create mode 100644 static/development-bundle/demos/datepicker/alt-field.html
create mode 100644 static/development-bundle/demos/datepicker/buttonbar.html
create mode 100644 static/development-bundle/demos/datepicker/date-formats.html
create mode 100644 static/development-bundle/demos/datepicker/default.html
create mode 100644 static/development-bundle/demos/datepicker/dropdown-month-year.html
create mode 100644 static/development-bundle/demos/datepicker/icon-trigger.html
create mode 100644 static/development-bundle/demos/datepicker/images/calendar.gif
create mode 100644 static/development-bundle/demos/datepicker/index.html
create mode 100644 static/development-bundle/demos/datepicker/inline.html
create mode 100644 static/development-bundle/demos/datepicker/localization.html
create mode 100644 static/development-bundle/demos/datepicker/min-max.html
create mode 100644 static/development-bundle/demos/datepicker/multiple-calendars.html
create mode 100644 static/development-bundle/demos/demos.css
create mode 100644 static/development-bundle/demos/dialog/default.html
create mode 100644 static/development-bundle/demos/dialog/index.html
create mode 100644 static/development-bundle/demos/dialog/modal-confirmation.html
create mode 100644 static/development-bundle/demos/dialog/modal-form.html
create mode 100644 static/development-bundle/demos/dialog/modal-message.html
create mode 100644 static/development-bundle/demos/dialog/modal.html
create mode 100644 static/development-bundle/demos/draggable/constrain-movement.html
create mode 100644 static/development-bundle/demos/draggable/cursor-style.html
create mode 100644 static/development-bundle/demos/draggable/default.html
create mode 100644 static/development-bundle/demos/draggable/delay-start.html
create mode 100644 static/development-bundle/demos/draggable/events.html
create mode 100644 static/development-bundle/demos/draggable/handle.html
create mode 100644 static/development-bundle/demos/draggable/index.html
create mode 100644 static/development-bundle/demos/draggable/revert.html
create mode 100644 static/development-bundle/demos/draggable/scroll.html
create mode 100644 static/development-bundle/demos/draggable/snap-to.html
create mode 100644 static/development-bundle/demos/draggable/sortable.html
create mode 100644 static/development-bundle/demos/draggable/visual-feedback.html
create mode 100644 static/development-bundle/demos/droppable/accepted-elements.html
create mode 100644 static/development-bundle/demos/droppable/default.html
create mode 100644 static/development-bundle/demos/droppable/images/high_tatras.jpg
create mode 100644 static/development-bundle/demos/droppable/images/high_tatras2.jpg
create mode 100644 static/development-bundle/demos/droppable/images/high_tatras2_min.jpg
create mode 100644 static/development-bundle/demos/droppable/images/high_tatras3.jpg
create mode 100644 static/development-bundle/demos/droppable/images/high_tatras3_min.jpg
create mode 100644 static/development-bundle/demos/droppable/images/high_tatras4.jpg
create mode 100644 static/development-bundle/demos/droppable/images/high_tatras4_min.jpg
create mode 100644 static/development-bundle/demos/droppable/images/high_tatras_min.jpg
create mode 100644 static/development-bundle/demos/droppable/index.html
create mode 100644 static/development-bundle/demos/droppable/photo-manager.html
create mode 100644 static/development-bundle/demos/droppable/propagation.html
create mode 100644 static/development-bundle/demos/droppable/revert.html
create mode 100644 static/development-bundle/demos/droppable/visual-feedback.html
create mode 100644 static/development-bundle/demos/effect/default.html
create mode 100644 static/development-bundle/demos/effect/index.html
create mode 100644 static/development-bundle/demos/hide/default.html
create mode 100644 static/development-bundle/demos/hide/index.html
create mode 100644 static/development-bundle/demos/images/calendar.gif
create mode 100644 static/development-bundle/demos/images/demo-config-on-tile.gif
create mode 100644 static/development-bundle/demos/images/demo-config-on.gif
create mode 100644 static/development-bundle/demos/images/demo-spindown-closed.gif
create mode 100644 static/development-bundle/demos/images/demo-spindown-open.gif
create mode 100644 static/development-bundle/demos/images/icon-docs-info.gif
create mode 100644 static/development-bundle/demos/images/pbar-ani.gif
create mode 100644 static/development-bundle/demos/index.html
create mode 100644 static/development-bundle/demos/progressbar/animated.html
create mode 100644 static/development-bundle/demos/progressbar/default.html
create mode 100644 static/development-bundle/demos/progressbar/images/pbar-ani.gif
create mode 100644 static/development-bundle/demos/progressbar/index.html
create mode 100644 static/development-bundle/demos/progressbar/resize.html
create mode 100644 static/development-bundle/demos/removeClass/default.html
create mode 100644 static/development-bundle/demos/removeClass/index.html
create mode 100644 static/development-bundle/demos/resizable/animate.html
create mode 100644 static/development-bundle/demos/resizable/aspect-ratio.html
create mode 100644 static/development-bundle/demos/resizable/constrain-area.html
create mode 100644 static/development-bundle/demos/resizable/default.html
create mode 100644 static/development-bundle/demos/resizable/delay-start.html
create mode 100644 static/development-bundle/demos/resizable/index.html
create mode 100644 static/development-bundle/demos/resizable/max-min.html
create mode 100644 static/development-bundle/demos/resizable/snap-to-grid.html
create mode 100644 static/development-bundle/demos/resizable/synchronous-resize.html
create mode 100644 static/development-bundle/demos/resizable/visual-feedback.html
create mode 100644 static/development-bundle/demos/selectable/default.html
create mode 100644 static/development-bundle/demos/selectable/display-grid.html
create mode 100644 static/development-bundle/demos/selectable/index.html
create mode 100644 static/development-bundle/demos/selectable/serialize.html
create mode 100644 static/development-bundle/demos/show/default.html
create mode 100644 static/development-bundle/demos/show/index.html
create mode 100644 static/development-bundle/demos/slider/colorpicker.html
create mode 100644 static/development-bundle/demos/slider/default.html
create mode 100644 static/development-bundle/demos/slider/index.html
create mode 100644 static/development-bundle/demos/slider/multiple-vertical.html
create mode 100644 static/development-bundle/demos/slider/range-vertical.html
create mode 100644 static/development-bundle/demos/slider/range.html
create mode 100644 static/development-bundle/demos/slider/rangemax.html
create mode 100644 static/development-bundle/demos/slider/rangemin.html
create mode 100644 static/development-bundle/demos/slider/slider-vertical.html
create mode 100644 static/development-bundle/demos/slider/steps.html
create mode 100644 static/development-bundle/demos/sortable/connect-lists-through-tabs.html
create mode 100644 static/development-bundle/demos/sortable/connect-lists.html
create mode 100644 static/development-bundle/demos/sortable/default.html
create mode 100644 static/development-bundle/demos/sortable/delay-start.html
create mode 100644 static/development-bundle/demos/sortable/display-grid.html
create mode 100644 static/development-bundle/demos/sortable/empty-lists.html
create mode 100644 static/development-bundle/demos/sortable/index.html
create mode 100644 static/development-bundle/demos/sortable/items.html
create mode 100644 static/development-bundle/demos/sortable/placeholder.html
create mode 100644 static/development-bundle/demos/sortable/portlets.html
create mode 100644 static/development-bundle/demos/switchClass/default.html
create mode 100644 static/development-bundle/demos/switchClass/index.html
create mode 100644 static/development-bundle/demos/tabs/ajax.html
create mode 100644 static/development-bundle/demos/tabs/ajax/content1.html
create mode 100644 static/development-bundle/demos/tabs/ajax/content2.html
create mode 100644 static/development-bundle/demos/tabs/collapsible.html
create mode 100644 static/development-bundle/demos/tabs/default.html
create mode 100644 static/development-bundle/demos/tabs/index.html
create mode 100644 static/development-bundle/demos/tabs/mouseover.html
create mode 100644 static/development-bundle/demos/tabs/sortable.html
create mode 100644 static/development-bundle/demos/tabs/vertical.html
create mode 100644 static/development-bundle/demos/toggle/default.html
create mode 100644 static/development-bundle/demos/toggle/index.html
create mode 100644 static/development-bundle/demos/toggleClass/default.html
create mode 100644 static/development-bundle/demos/toggleClass/index.html
create mode 100644 static/development-bundle/docs/accordion.html
create mode 100644 static/development-bundle/docs/addClass.html
create mode 100644 static/development-bundle/docs/animate.html
create mode 100644 static/development-bundle/docs/datepicker.html
create mode 100644 static/development-bundle/docs/dialog.html
create mode 100644 static/development-bundle/docs/draggable.html
create mode 100644 static/development-bundle/docs/droppable.html
create mode 100644 static/development-bundle/docs/effect.html
create mode 100644 static/development-bundle/docs/hide.html
create mode 100644 static/development-bundle/docs/progressbar.html
create mode 100644 static/development-bundle/docs/removeClass.html
create mode 100644 static/development-bundle/docs/resizable.html
create mode 100644 static/development-bundle/docs/selectable.html
create mode 100644 static/development-bundle/docs/show.html
create mode 100644 static/development-bundle/docs/slider.html
create mode 100644 static/development-bundle/docs/sortable.html
create mode 100644 static/development-bundle/docs/switchClass.html
create mode 100644 static/development-bundle/docs/tabs.html
create mode 100644 static/development-bundle/docs/toggle.html
create mode 100644 static/development-bundle/docs/toggleClass.html
create mode 100644 static/development-bundle/external/bgiframe/ChangeLog.txt
create mode 100644 static/development-bundle/external/bgiframe/META.json
create mode 100644 static/development-bundle/external/bgiframe/docs/index.html
create mode 100644 static/development-bundle/external/bgiframe/jquery.bgiframe.js
create mode 100644 static/development-bundle/external/bgiframe/jquery.bgiframe.min.js
create mode 100644 static/development-bundle/external/bgiframe/jquery.bgiframe.pack.js
create mode 100644 static/development-bundle/external/bgiframe/test/index.html
create mode 100644 static/development-bundle/external/cookie/jquery.cookie.js
create mode 100644 static/development-bundle/external/cookie/jquery.cookie.min.js
create mode 100644 static/development-bundle/external/cookie/jquery.cookie.pack.js
create mode 100644 static/development-bundle/external/cookie/jquery.cookie.zip
create mode 100644 static/development-bundle/external/jsdiff/jsdiff.js
create mode 100644 static/development-bundle/external/qunit/testrunner.js
create mode 100644 static/development-bundle/external/qunit/testsuite.css
create mode 100644 static/development-bundle/external/simulate/jquery.simulate.js
create mode 100644 static/development-bundle/jquery-1.3.2.js
create mode 100644 static/development-bundle/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png
create mode 100644 static/development-bundle/themes/base/images/ui-bg_flat_75_ffffff_40x100.png
create mode 100644 static/development-bundle/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png
create mode 100644 static/development-bundle/themes/base/images/ui-bg_glass_65_ffffff_1x400.png
create mode 100644 static/development-bundle/themes/base/images/ui-bg_glass_75_dadada_1x400.png
create mode 100644 static/development-bundle/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png
create mode 100644 static/development-bundle/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png
create mode 100644 static/development-bundle/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png
create mode 100644 static/development-bundle/themes/base/images/ui-icons_222222_256x240.png
create mode 100644 static/development-bundle/themes/base/images/ui-icons_2e83ff_256x240.png
create mode 100644 static/development-bundle/themes/base/images/ui-icons_454545_256x240.png
create mode 100644 static/development-bundle/themes/base/images/ui-icons_888888_256x240.png
create mode 100644 static/development-bundle/themes/base/images/ui-icons_cd0a0a_256x240.png
create mode 100644 static/development-bundle/themes/base/ui.accordion.css
create mode 100644 static/development-bundle/themes/base/ui.all.css
create mode 100644 static/development-bundle/themes/base/ui.base.css
create mode 100644 static/development-bundle/themes/base/ui.core.css
create mode 100644 static/development-bundle/themes/base/ui.datepicker.css
create mode 100644 static/development-bundle/themes/base/ui.dialog.css
create mode 100644 static/development-bundle/themes/base/ui.progressbar.css
create mode 100644 static/development-bundle/themes/base/ui.resizable.css
create mode 100644 static/development-bundle/themes/base/ui.slider.css
create mode 100644 static/development-bundle/themes/base/ui.tabs.css
create mode 100644 static/development-bundle/themes/base/ui.theme.css
create mode 100644 static/development-bundle/themes/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
create mode 100644 static/development-bundle/themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
create mode 100644 static/development-bundle/themes/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
create mode 100644 static/development-bundle/themes/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
create mode 100644 static/development-bundle/themes/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
create mode 100644 static/development-bundle/themes/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
create mode 100644 static/development-bundle/themes/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
create mode 100644 static/development-bundle/themes/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
create mode 100644 static/development-bundle/themes/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
create mode 100644 static/development-bundle/themes/ui-lightness/images/ui-icons_222222_256x240.png
create mode 100644 static/development-bundle/themes/ui-lightness/images/ui-icons_228ef1_256x240.png
create mode 100644 static/development-bundle/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png
create mode 100644 static/development-bundle/themes/ui-lightness/images/ui-icons_ffd27a_256x240.png
create mode 100644 static/development-bundle/themes/ui-lightness/images/ui-icons_ffffff_256x240.png
create mode 100644 static/development-bundle/themes/ui-lightness/jquery-ui-1.7.2.custom.css
create mode 100644 static/development-bundle/themes/ui-lightness/ui.accordion.css
create mode 100644 static/development-bundle/themes/ui-lightness/ui.all.css
create mode 100644 static/development-bundle/themes/ui-lightness/ui.base.css
create mode 100644 static/development-bundle/themes/ui-lightness/ui.core.css
create mode 100644 static/development-bundle/themes/ui-lightness/ui.datepicker.css
create mode 100644 static/development-bundle/themes/ui-lightness/ui.dialog.css
create mode 100644 static/development-bundle/themes/ui-lightness/ui.progressbar.css
create mode 100644 static/development-bundle/themes/ui-lightness/ui.resizable.css
create mode 100644 static/development-bundle/themes/ui-lightness/ui.slider.css
create mode 100644 static/development-bundle/themes/ui-lightness/ui.tabs.css
create mode 100644 static/development-bundle/themes/ui-lightness/ui.theme.css
create mode 100644 static/development-bundle/ui/effects.blind.js
create mode 100644 static/development-bundle/ui/effects.bounce.js
create mode 100644 static/development-bundle/ui/effects.clip.js
create mode 100644 static/development-bundle/ui/effects.core.js
create mode 100644 static/development-bundle/ui/effects.drop.js
create mode 100644 static/development-bundle/ui/effects.explode.js
create mode 100644 static/development-bundle/ui/effects.fold.js
create mode 100644 static/development-bundle/ui/effects.highlight.js
create mode 100644 static/development-bundle/ui/effects.pulsate.js
create mode 100644 static/development-bundle/ui/effects.scale.js
create mode 100644 static/development-bundle/ui/effects.shake.js
create mode 100644 static/development-bundle/ui/effects.slide.js
create mode 100644 static/development-bundle/ui/effects.transfer.js
create mode 100644 static/development-bundle/ui/i18n/jquery-ui-i18n.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-ar.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-bg.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-ca.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-cs.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-da.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-de.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-el.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-eo.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-es.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-fa.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-fi.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-fr.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-he.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-hr.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-hu.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-hy.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-id.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-is.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-it.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-ja.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-ko.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-lt.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-lv.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-ms.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-nl.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-no.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-pl.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-pt-BR.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-ro.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-ru.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-sk.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-sl.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-sq.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-sr-SR.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-sr.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-sv.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-th.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-tr.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-uk.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-zh-CN.js
create mode 100644 static/development-bundle/ui/i18n/ui.datepicker-zh-TW.js
create mode 100644 static/development-bundle/ui/jquery-ui-1.7.2.custom.js
create mode 100644 static/development-bundle/ui/ui.accordion.js
create mode 100644 static/development-bundle/ui/ui.core.js
create mode 100644 static/development-bundle/ui/ui.datepicker.js
create mode 100644 static/development-bundle/ui/ui.dialog.js
create mode 100644 static/development-bundle/ui/ui.draggable.js
create mode 100644 static/development-bundle/ui/ui.droppable.js
create mode 100644 static/development-bundle/ui/ui.progressbar.js
create mode 100644 static/development-bundle/ui/ui.resizable.js
create mode 100644 static/development-bundle/ui/ui.selectable.js
create mode 100644 static/development-bundle/ui/ui.slider.js
create mode 100644 static/development-bundle/ui/ui.sortable.js
create mode 100644 static/development-bundle/ui/ui.tabs.js
create mode 100644 static/development-bundle/version.txt
create mode 100644 static/index.html
create mode 100644 static/js/jquery-1.3.2.min.js
create mode 100644 static/js/jquery-1.4.2.min.js
create mode 100644 static/js/jquery-ui-1.7.2.custom.min.js
diff --git a/static/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png b/static/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
new file mode 100644
index 0000000..954e22d
Binary files /dev/null and b/static/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png differ
diff --git a/static/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png b/static/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
new file mode 100644
index 0000000..64ece57
Binary files /dev/null and b/static/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png differ
diff --git a/static/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png b/static/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
new file mode 100644
index 0000000..abdc010
Binary files /dev/null and b/static/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png differ
diff --git a/static/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png b/static/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
new file mode 100644
index 0000000..9b383f4
Binary files /dev/null and b/static/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png differ
diff --git a/static/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png b/static/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
new file mode 100644
index 0000000..a23baad
Binary files /dev/null and b/static/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png differ
diff --git a/static/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png b/static/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
new file mode 100644
index 0000000..42ccba2
Binary files /dev/null and b/static/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png differ
diff --git a/static/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png b/static/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
new file mode 100644
index 0000000..1b1972b
Binary files /dev/null and b/static/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png differ
diff --git a/static/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png b/static/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
new file mode 100644
index 0000000..f127367
Binary files /dev/null and b/static/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png differ
diff --git a/static/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png b/static/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
new file mode 100644
index 0000000..359397a
Binary files /dev/null and b/static/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png differ
diff --git a/static/css/ui-lightness/images/ui-icons_222222_256x240.png b/static/css/ui-lightness/images/ui-icons_222222_256x240.png
new file mode 100644
index 0000000..ee039dc
Binary files /dev/null and b/static/css/ui-lightness/images/ui-icons_222222_256x240.png differ
diff --git a/static/css/ui-lightness/images/ui-icons_228ef1_256x240.png b/static/css/ui-lightness/images/ui-icons_228ef1_256x240.png
new file mode 100644
index 0000000..6a05ba5
Binary files /dev/null and b/static/css/ui-lightness/images/ui-icons_228ef1_256x240.png differ
diff --git a/static/css/ui-lightness/images/ui-icons_ef8c08_256x240.png b/static/css/ui-lightness/images/ui-icons_ef8c08_256x240.png
new file mode 100644
index 0000000..35bb8ef
Binary files /dev/null and b/static/css/ui-lightness/images/ui-icons_ef8c08_256x240.png differ
diff --git a/static/css/ui-lightness/images/ui-icons_ffd27a_256x240.png b/static/css/ui-lightness/images/ui-icons_ffd27a_256x240.png
new file mode 100644
index 0000000..baebb63
Binary files /dev/null and b/static/css/ui-lightness/images/ui-icons_ffd27a_256x240.png differ
diff --git a/static/css/ui-lightness/images/ui-icons_ffffff_256x240.png b/static/css/ui-lightness/images/ui-icons_ffffff_256x240.png
new file mode 100644
index 0000000..bef5178
Binary files /dev/null and b/static/css/ui-lightness/images/ui-icons_ffffff_256x240.png differ
diff --git a/static/css/ui-lightness/jquery-ui-1.7.2.custom.css b/static/css/ui-lightness/jquery-ui-1.7.2.custom.css
new file mode 100644
index 0000000..9d7aa08
--- /dev/null
+++ b/static/css/ui-lightness/jquery-ui-1.7.2.custom.css
@@ -0,0 +1,406 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+
+
+
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
+*/
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
+.ui-widget-content a { color: #333333; }
+.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
+.ui-widget-header a { color: #ffffff; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
+.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
+.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
+.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
+----------------------------------*/
+.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
+.ui-accordion .ui-accordion-li-fix { display: inline; }
+.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
+.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
+.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
+.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
+----------------------------------*/
+.ui-datepicker { width: 17em; padding: .2em .2em 0; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month,
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+ display: none; /*sorry for IE5*/
+ display/**/: block; /*sorry for IE5*/
+ position: absolute; /*must have*/
+ z-index: -1; /*must have*/
+ filter: mask(); /*must have*/
+ top: -4px; /*must have*/
+ left: -4px; /*must have*/
+ width: 200px; /*must have*/
+ height: 200px; /*must have*/
+}/* Dialog
+----------------------------------*/
+.ui-dialog { position: relative; padding: .2em; width: 300px; }
+.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; }
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
+/* Progressbar
+----------------------------------*/
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
+----------------------------------*/
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
+----------------------------------*/
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
+----------------------------------*/
+.ui-tabs { padding: .2em; zoom: 1; }
+.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
+.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
diff --git a/static/development-bundle/AUTHORS.txt b/static/development-bundle/AUTHORS.txt
new file mode 100644
index 0000000..637175b
--- /dev/null
+++ b/static/development-bundle/AUTHORS.txt
@@ -0,0 +1,30 @@
+jQuery UI Authors (http://ui.jquery.com/about)
+
+This software consists of voluntary contributions made by many
+individuals. For exact contribution history, see the revision history
+and logs, available at http://jquery-ui.googlecode.com/svn/
+
+Brandon Aaron
+Paul Bakaus (paulbakaus.com)
+David Bolter
+Rich Caloggero
+Chi Cheng (cloudream@gmail.com)
+Colin Clark (http://colin.atrc.utoronto.ca/)
+Michelle D'Souza
+Aaron Eisenberger (aaronchi@gmail.com)
+Ariel Flesler
+Bohdan Ganicky
+Scott González
+Marc Grabanski (m@marcgrabanski.com)
+Klaus Hartl (stilbuero.de)
+Scott Jehl
+Cody Lindley
+Eduardo Lundgren (eduardolundgren@gmail.com)
+Todd Parker
+John Resig
+Patty Toland
+Ca-Phun Ung (yelotofu.com)
+Keith Wood (kbwood@virginbroadband.com.au)
+Maggie Costello Wachs
+Richard D. Worth (rdworth.org)
+Jörn Zaefferer (bassistance.de)
diff --git a/static/development-bundle/GPL-LICENSE.txt b/static/development-bundle/GPL-LICENSE.txt
new file mode 100644
index 0000000..11dddd0
--- /dev/null
+++ b/static/development-bundle/GPL-LICENSE.txt
@@ -0,0 +1,278 @@
+ GNU GENERAL PUBLIC LICENSE
+ Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+ Preamble
+
+ The licenses for most software are designed to take away your
+freedom to share and change it. By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users. This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it. (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.) You can apply it to
+your programs, too.
+
+ When we speak of free software, we are referring to freedom, not
+price. Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+ To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+ For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have. You must make sure that they, too, receive or can get the
+source code. And you must show them these terms so they know their
+rights.
+
+ We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+ Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software. If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+ Finally, any free program is threatened constantly by software
+patents. We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary. To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+ The precise terms and conditions for copying, distribution and
+modification follow.
+
+ GNU GENERAL PUBLIC LICENSE
+ TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+ 0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License. The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language. (Hereinafter, translation is included without limitation in
+the term "modification".) Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope. The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+ 1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+ 2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+ a) You must cause the modified files to carry prominent notices
+ stating that you changed the files and the date of any change.
+
+ b) You must cause any work that you distribute or publish, that in
+ whole or in part contains or is derived from the Program or any
+ part thereof, to be licensed as a whole at no charge to all third
+ parties under the terms of this License.
+
+ c) If the modified program normally reads commands interactively
+ when run, you must cause it, when started running for such
+ interactive use in the most ordinary way, to print or display an
+ announcement including an appropriate copyright notice and a
+ notice that there is no warranty (or else, saying that you provide
+ a warranty) and that users may redistribute the program under
+ these conditions, and telling the user how to view a copy of this
+ License. (Exception: if the Program itself is interactive but
+ does not normally print such an announcement, your work based on
+ the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole. If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works. But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+ 3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+ a) Accompany it with the complete corresponding machine-readable
+ source code, which must be distributed under the terms of Sections
+ 1 and 2 above on a medium customarily used for software interchange; or,
+
+ b) Accompany it with a written offer, valid for at least three
+ years, to give any third party, for a charge no more than your
+ cost of physically performing source distribution, a complete
+ machine-readable copy of the corresponding source code, to be
+ distributed under the terms of Sections 1 and 2 above on a medium
+ customarily used for software interchange; or,
+
+ c) Accompany it with the information you received as to the offer
+ to distribute corresponding source code. (This alternative is
+ allowed only for noncommercial distribution and only if you
+ received the program in object code or executable form with such
+ an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it. For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable. However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+ 4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License. Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+ 5. You are not required to accept this License, since you have not
+signed it. However, nothing else grants you permission to modify or
+distribute the Program or its derivative works. These actions are
+prohibited by law if you do not accept this License. Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+ 6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions. You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+ 7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License. If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all. For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices. Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+ 8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded. In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+ 9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time. Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number. If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation. If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+ 10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission. For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this. Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+ NO WARRANTY
+
+ 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+ 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
diff --git a/static/development-bundle/MIT-LICENSE.txt b/static/development-bundle/MIT-LICENSE.txt
new file mode 100644
index 0000000..f0f2ba9
--- /dev/null
+++ b/static/development-bundle/MIT-LICENSE.txt
@@ -0,0 +1,25 @@
+Copyright (c) 2009 Paul Bakaus, http://jqueryui.com/
+
+This software consists of voluntary contributions made by many
+individuals (AUTHORS.txt, http://jqueryui.com/about) For exact
+contribution history, see the revision history and logs, available
+at http://jquery-ui.googlecode.com/svn/
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/static/development-bundle/demos/accordion/collapsible.html b/static/development-bundle/demos/accordion/collapsible.html
new file mode 100644
index 0000000..381d5fe
--- /dev/null
+++ b/static/development-bundle/demos/accordion/collapsible.html
@@ -0,0 +1,58 @@
+
+
+
+ jQuery UI Accordion - Collapse content
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
+
+
+
+
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.
+
+
+
+
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
+
+ List item one
+ List item two
+ List item three
+
+
+
+
+
Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
+
+
+
+
+
+
+
+
+
+
By default, accordions always keep one section open. To allow for all sections to be be collapsible, set the collapsible
option to true. Click on the currently open section to collapse its content pane.
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/accordion/custom-icons.html b/static/development-bundle/demos/accordion/custom-icons.html
new file mode 100644
index 0000000..777fa52
--- /dev/null
+++ b/static/development-bundle/demos/accordion/custom-icons.html
@@ -0,0 +1,60 @@
+
+
+
+ jQuery UI Accordion - Customize icons
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
+
+
+
+
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.
+
+
+
+
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
+
+ List item one
+ List item two
+ List item three
+
+
+
+
+
Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
+
+
+
+
+
+
+
+
+
+
Customize the header icons with the icons
option, which accepts classes for the header's default and selected (open) state. Use any class from the UI CSS framework, or create custom classes with background images.
+
+
+
+
+
diff --git a/static/development-bundle/demos/accordion/default.html b/static/development-bundle/demos/accordion/default.html
new file mode 100644
index 0000000..9493b26
--- /dev/null
+++ b/static/development-bundle/demos/accordion/default.html
@@ -0,0 +1,83 @@
+
+
+
+ jQuery UI Accordion - Default functionality
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
+ ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
+ amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
+ odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
+
+
+
+
+
+ Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
+ purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
+ velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
+ suscipit faucibus urna.
+
+
+
+
+
+ Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
+ Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
+ ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
+ lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
+
+
+ List item one
+ List item two
+ List item three
+
+
+
+
+
+ Cras dictum. Pellentesque habitant morbi tristique senectus et netus
+ et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
+ faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
+ mauris vel est.
+
+
+ Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
+ Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
+ inceptos himenaeos.
+
+
+
+
+
+
+
+
+Click headers to expand/collapse content that is broken into logical sections, much like tabs.
+Optionally, toggle sections open/closed on mouseover.
+
+
+The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is
+usable without JavaScript.
+
+
+
+
+
diff --git a/static/development-bundle/demos/accordion/fillspace.html b/static/development-bundle/demos/accordion/fillspace.html
new file mode 100644
index 0000000..3523d00
--- /dev/null
+++ b/static/development-bundle/demos/accordion/fillspace.html
@@ -0,0 +1,76 @@
+
+
+
+ jQuery UI Accordion - Fill space
+
+
+
+
+
+
+
+
+
+
+
+
+
Resize the outer container:
+
+
+
+
+
+
+
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
+
+
+
+
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.
+
+
+
+
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
+
+ List item one
+ List item two
+ List item three
+
+
+
+
+
Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
+
+
+
+
+
+
+
I'm another panel
+
+
+
+
+
+
+
+
Because the accordion is comprised of block-level elements, by default its width fills the available horizontal space. To fill the vertical space allocated by its container, set the boolean fillSpace
option to true, and the script will automatically set the dimensions of the accordion to the height of its parent container. The accordion will also resize with its container if the container is resizable
.
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/accordion/index.html b/static/development-bundle/demos/accordion/index.html
new file mode 100644
index 0000000..f09fcf6
--- /dev/null
+++ b/static/development-bundle/demos/accordion/index.html
@@ -0,0 +1,20 @@
+
+
+
+ jQuery UI Accordion Demos
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/accordion/mouseover.html b/static/development-bundle/demos/accordion/mouseover.html
new file mode 100644
index 0000000..2181649
--- /dev/null
+++ b/static/development-bundle/demos/accordion/mouseover.html
@@ -0,0 +1,57 @@
+
+
+
+ jQuery UI Accordion - Open on mouseover
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
+
+
+
+
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.
+
+
+
+
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
+
+ List item one
+ List item two
+ List item three
+
+
+
+
+
Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
+
+
+
+
+
+
+
+
+
+
Toggle sections open/closed on mouseover with the event
option. The default value for event is "click."
+
+
+
+
+
diff --git a/static/development-bundle/demos/accordion/no-auto-height.html b/static/development-bundle/demos/accordion/no-auto-height.html
new file mode 100644
index 0000000..49b7c3b
--- /dev/null
+++ b/static/development-bundle/demos/accordion/no-auto-height.html
@@ -0,0 +1,57 @@
+
+
+
+ jQuery UI Accordion - No Auto Height
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Mauris mauris ante, blandit et, ultrices a, susceros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
+
+
+
+
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.
+
+
+
+
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
+
+ List item
+ List item
+ List item
+ List item
+ List item
+ List item
+ List item
+
+
+
+
+
+
+
+
+
+
+
Setting autoHeight: false
allows to accordion panels to keep their native height.
+
+
+
+
+
diff --git a/static/development-bundle/demos/addClass/default.html b/static/development-bundle/demos/addClass/default.html
new file mode 100644
index 0000000..eae24b9
--- /dev/null
+++ b/static/development-bundle/demos/addClass/default.html
@@ -0,0 +1,51 @@
+
+
+
+ jQuery UI Effects - addClass Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
+
+
+
+
Run Effect
+
+
+
+
+
+
This demo adds a class which animates: text-indent, letter-spacing, width, height, padding, margin, and font-size.
+
+
+
+
+
diff --git a/static/development-bundle/demos/addClass/index.html b/static/development-bundle/demos/addClass/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/addClass/index.html
@@ -0,0 +1,17 @@
+
+
+
+ jQuery UI Effects Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/animate/default.html b/static/development-bundle/demos/animate/default.html
new file mode 100644
index 0000000..a01f08a
--- /dev/null
+++ b/static/development-bundle/demos/animate/default.html
@@ -0,0 +1,52 @@
+
+
+
+ jQuery UI Effects - Animate Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+
+
+
+
+
Toggle Effect
+
+
+
+
+
+
Click the button above to preview the effect.
+
+
+
+
+
diff --git a/static/development-bundle/demos/animate/index.html b/static/development-bundle/demos/animate/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/animate/index.html
@@ -0,0 +1,17 @@
+
+
+
+ jQuery UI Effects Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/datepicker/alt-field.html b/static/development-bundle/demos/datepicker/alt-field.html
new file mode 100644
index 0000000..372e2bf
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/alt-field.html
@@ -0,0 +1,31 @@
+
+
+
+ jQuery UI Datepicker - Populate alternate field
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Populate an alternate field with its own date format whenever a date is selected using the altField
and altFormat
options. This feature could be used to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.
+
+
+
+
+
diff --git a/static/development-bundle/demos/datepicker/buttonbar.html b/static/development-bundle/demos/datepicker/buttonbar.html
new file mode 100644
index 0000000..eeea08a
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/buttonbar.html
@@ -0,0 +1,33 @@
+
+
+
+ jQuery UI Datepicker - Display button bar
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Display a button for selecting Today's date and a Done button for closing the calendar with the boolean showButtonPanel
option. Each button is enabled by default when the bar is displayed, but can be turned off with additional options. Button text is customizable.
+
+
+
+
+
diff --git a/static/development-bundle/demos/datepicker/date-formats.html b/static/development-bundle/demos/datepicker/date-formats.html
new file mode 100644
index 0000000..a8712ec
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/date-formats.html
@@ -0,0 +1,43 @@
+
+
+
+ jQuery UI Datepicker - Format date
+
+
+
+
+
+
+
+
+
+
+
+
Date:
+
+
Format options:
+
+ Default - mm/dd/yy
+ ISO 8601 - yy-mm-dd
+ Short - d M, yy
+ Medium - d MM, yy
+ Full - DD, d MM, yy
+ With text - 'day' d 'of' MM 'in the year' yy
+
+
+
+
+
+
+
+
Display date feedback in a variety of ways. Choose a date format from the dropdown, then click on the input and select a date to see it in that format.
+
+
+
+
+
diff --git a/static/development-bundle/demos/datepicker/default.html b/static/development-bundle/demos/datepicker/default.html
new file mode 100644
index 0000000..368e0bc
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/default.html
@@ -0,0 +1,31 @@
+
+
+
+ jQuery UI Datepicker - Default functionality
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.
+
+
+
+
+
diff --git a/static/development-bundle/demos/datepicker/dropdown-month-year.html b/static/development-bundle/demos/datepicker/dropdown-month-year.html
new file mode 100644
index 0000000..c169310
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/dropdown-month-year.html
@@ -0,0 +1,34 @@
+
+
+
+ jQuery UI Datepicker - Display month & year menus
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes. Add the boolean changeMonth
and changeYear
options.
+
+
+
+
+
diff --git a/static/development-bundle/demos/datepicker/icon-trigger.html b/static/development-bundle/demos/datepicker/icon-trigger.html
new file mode 100644
index 0000000..5b4de4a
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/icon-trigger.html
@@ -0,0 +1,31 @@
+
+
+
+ jQuery UI Datepicker - Icon trigger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Click the icon next to the input field to show the datepicker. Set the datepicker to open on focus (default behavior), on icon click, or both.
+
+
+
+
+
diff --git a/static/development-bundle/demos/datepicker/images/calendar.gif b/static/development-bundle/demos/datepicker/images/calendar.gif
new file mode 100644
index 0000000..d0abaa7
Binary files /dev/null and b/static/development-bundle/demos/datepicker/images/calendar.gif differ
diff --git a/static/development-bundle/demos/datepicker/index.html b/static/development-bundle/demos/datepicker/index.html
new file mode 100644
index 0000000..dfe22db
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/index.html
@@ -0,0 +1,26 @@
+
+
+
+ jQuery UI Datepicker Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/datepicker/inline.html b/static/development-bundle/demos/datepicker/inline.html
new file mode 100644
index 0000000..2d5ad75
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/inline.html
@@ -0,0 +1,31 @@
+
+
+
+ jQuery UI Datepicker - Display inline
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Display the datepicker embedded in the page instead of in an overlay. Simply call .datepicker() on a div instead of an input.
+
+
+
+
+
diff --git a/static/development-bundle/demos/datepicker/localization.html b/static/development-bundle/demos/datepicker/localization.html
new file mode 100644
index 0000000..39bc660
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/localization.html
@@ -0,0 +1,120 @@
+
+
+
+ jQuery UI Datepicker - Localize calendar
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Date:
+
+ Albanian (Gjuha shqipe)
+ Arabic ((لعربي
+ Armenian (Հայերեն)
+ Bulgarian (български език)
+ Catalan (Català)
+ Chinese Simplified (简体中文)
+ Chinese Traditional (繁體中文)
+ Croatian (Hrvatski jezik)
+ Czech (Ceötina)
+ Danish (Dansk)
+ Dutch (Nederlands)
+ Esperanto
+ Farsi/Persian ((فارسی
+ Finnish (suomi)
+ French (Français)
+ German (Deutsch)
+ Greek (Ελληνικά)
+ Hebrew ((עברית
+ Hungarian (Magyar)
+ Icelandic (Õslenska)
+ Indonesian (Bahasa Indonesia)
+ Italian (Italiano)
+ Japanese (日本語)
+ Korean (한국어)
+ Latvian (Latvieöu Valoda)
+ Lithuanian (lietuviu kalba)
+ Malaysian (Bahasa Malaysia)
+ Norwegian (Norsk)
+ Polish (Polski)
+ Portuguese/Brazilian (Português)
+ Romanian (Română)
+ Russian (Русский)
+ Serbian (српски језик)
+ Serbian (srpski jezik)
+ Slovak (Slovencina)
+ Slovenian (Slovenski Jezik)
+ Spanish (Español)
+ Swedish (Svenska)
+ Thai (ภาษาไทย)
+ Turkish (Türkçe)
+ Ukranian (Українська)
+
+
+
+
+
+
+
Localize the datepicker calendar language and format (English / Western formatting is the default). The datepicker includes built-in support for languages that read right-to-left, such as Arabic and Hebrew.
+
+
+
+
+
diff --git a/static/development-bundle/demos/datepicker/min-max.html b/static/development-bundle/demos/datepicker/min-max.html
new file mode 100644
index 0000000..06a1776
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/min-max.html
@@ -0,0 +1,31 @@
+
+
+
+ jQuery UI Datepicker - Restrict date range
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Restrict the range of selectable dates with the minDate
and maxDate
options. Set the beginning and end dates as actual dates (new Date(2009, 1 - 1, 26)), as a numeric offset from today (-20), or as a string of periods and units ('+1M +10D'). For the last, use 'D' for days, 'W' for weeks, 'M' for months, or 'Y' for years.
+
+
+
+
+
diff --git a/static/development-bundle/demos/datepicker/multiple-calendars.html b/static/development-bundle/demos/datepicker/multiple-calendars.html
new file mode 100644
index 0000000..86e55a0
--- /dev/null
+++ b/static/development-bundle/demos/datepicker/multiple-calendars.html
@@ -0,0 +1,34 @@
+
+
+
+ jQuery UI Datepicker - Display multiple months
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Set the numberOfMonths
option to an integer of 2 or more to show multiple months in a single datepicker.
+
+
+
+
+
diff --git a/static/development-bundle/demos/demos.css b/static/development-bundle/demos/demos.css
new file mode 100644
index 0000000..2d2ce1f
--- /dev/null
+++ b/static/development-bundle/demos/demos.css
@@ -0,0 +1,334 @@
+body {
+ font-size: 62.5%;
+}
+
+table {
+ font-size: 1em;
+}
+
+/* Site
+ -------------------------------- */
+
+body {
+ font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
+}
+
+/* Layout
+ -------------------------------- */
+
+.layout-grid {
+ width: 960px;
+}
+
+.layout-grid td {
+ vertical-align: top;
+}
+
+.layout-grid td.left-nav {
+ width: 140px;
+}
+
+.layout-grid td.normal {
+ border-left: 1px solid #eee;
+ padding: 20px 24px;
+ font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
+}
+
+.layout-grid td.demos {
+ background: url('/images/demos_bg.jpg') no-repeat;
+ height: 337px;
+ overflow: hidden;
+}
+
+/* Normal
+ -------------------------------- */
+
+.normal h3,
+.normal h4 {
+ margin: 0;
+ font-weight: normal;
+}
+
+.normal h3 {
+ padding: 0 0 9px;
+ font-size: 1.8em;
+}
+
+.normal h4 {
+ padding-bottom: 21px;
+ border-bottom: 1px dashed #999;
+ font-size: 1.2em;
+ font-weight: bold;
+}
+
+.normal p {
+ font-size: 1.2em;
+}
+
+/* Demos */
+
+.demos-nav, .demos-nav dt, .demos-nav dd, .demos-nav ul, .demos-nav li {
+ margin: 0;
+ padding: 0
+}
+
+.demos-nav {
+ float: left;
+ width: 170px;
+ font-size: 1.3em;
+}
+
+.demos-nav dt,
+.demos-nav h4 {
+ margin: 0;
+ padding: 0;
+ font: normal 1.1em "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
+ color: #e87b10;
+}
+
+.demos-nav dt,
+.demos-nav h4 {
+ margin-top: 1.5em;
+ margin-bottom: 0;
+ padding-left: 8px;
+ padding-bottom:5px;
+ line-height: 1.2em;
+ border-bottom: 1px solid #F4F4F4;
+}
+
+.demos-nav dd a,
+.demos-nav li a {
+ border-bottom: 1px solid #F4F4F4;
+ display:block;
+ padding: 4px 3px 4px 8px;
+ font-size: 90%;
+ text-decoration: none;
+ color: #555 ;
+ margin:2px 0;
+ height:13px;
+}
+
+.demos-nav dd a:hover,
+.demos-nav dd a:focus,
+.demos-nav dd a:hover,
+.demos-nav dd a:focus {
+ background: #f3f3f3;
+ color:#000;
+ -moz-border-radius: 5px; -webkit-border-radius: 5px;
+}
+ .demos-nav dd a.selected {
+ background: #555;
+ color:#ffffff;
+ -moz-border-radius: 5px; -webkit-border-radius: 5px;
+}
+
+
+/* new styles for demo pages, added by Filament 12.29.08
+eventually we should convert the font sizes to ems -- using px for now to minimize style conflicts
+*/
+
+.normal h3.demo-header { font-size:32px; padding:0 0 5px; border-bottom:1px solid #eee; text-transform: capitalize; }
+.normal h4.demo-subheader { font-size:10px; text-transform: uppercase; color:#999; padding:8px 0 3px; border:0; margin:0; }
+.normal a:link,
+.normal a:visited { color:#1b75bb; text-decoration:none; }
+.normal a:hover,
+.normal a:active { color:#0b559b; }
+
+#demo-config { padding:20px 0 0; }
+
+#demo-frame { float:left; width:540px; height:380px; border:1px solid #ddd; overflow: auto; position: relative; }
+#demo-frame h3, #demo-frame h4 { padding: 0; font-weight: bold; font-size: 1em; }
+
+#demo-config-menu { float:right; width:180px; }
+#demo-config-menu h4 { font-size:13px; color:#666; font-weight:normal; border:0; padding-left:18px; }
+
+#demo-config-menu ul { list-style: none; padding: 0; margin: 0; }
+
+#demo-config-menu li { font-size:12px; padding:0 0 0 10px; margin:3px 0; zoom: 1; }
+
+#demo-config-menu li a:link,
+#demo-config-menu li a:visited { display:block; padding:1px 8px 4px; border-bottom:1px dotted #b3b3b3; }
+* html #demo-config-menu li a:link,
+* html #demo-config-menu li a:visited { padding:1px 8px 2px; }
+#demo-config-menu li a:hover,
+#demo-config-menu li a:active { background-color:#f6f6f6; }
+
+#demo-config-menu li.demo-config-on { background: url(images/demo-config-on-tile.gif) repeat-x left center; }
+
+#demo-config-menu li.demo-config-on a:link,
+#demo-config-menu li.demo-config-on a:visited,
+#demo-config-menu li.demo-config-on a:hover,
+#demo-config-menu li.demo-config-on a:active { background: url(images/demo-config-on.gif) no-repeat left; padding-left:18px; color:#fff; border:0; margin-left:-10px; margin-top: 0px; margin-bottom: 0px; }
+
+#demo-source, #demo-notes {
+ clear: both;
+ padding: 20px 0 0;
+ font-size: 1.3em;
+}
+
+#demo-notes { width:520px; color:#333; font-size: 1em; }
+#demo-notes p code, .demo-description p code { padding: 0; font-weight: bold; }
+#demo-source pre, #demo-source code { padding: 0; }
+code, pre { padding:8px 0 8px 20px ; font-size: 1.2em; line-height:130%; }
+
+#demo-source a:link,
+#demo-source a:visited,
+#demo-source a:hover,
+#demo-source a:active { font-size:12px; padding-left:13px; background-position: left center; background-repeat: no-repeat; }
+
+#demo-source a.source-open:link,
+#demo-source a.source-open:visited,
+#demo-source a.source-open:hover,
+#demo-source a.source-open:active { background-image: url(images/demo-spindown-open.gif); }
+
+#demo-source a.source-closed:link,
+#demo-source a.source-closed:visited,
+#demo-source a.source-closed:hover,
+#demo-source a.source-closed:active { background-image: url(images/demo-spindown-closed.gif); }
+
+div.demo {
+ padding:12px;
+ font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
+}
+
+div.demo h3.docs { clear:left; font-size:12px; font-weight:normal; padding:0 0 1em; margin:0; }
+
+div.demo-description {
+ clear:both;
+ padding:12px;
+ font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
+ font-size: 1.3em;
+ line-height: 1.4em;
+}
+
+.ui-draggable, .ui-droppable {
+ background-position: top left;
+}
+
+.left-nav .demos-nav {
+ padding-right: 10px;
+}
+
+#demo-link { font-size:11px; padding-top: 6px; clear: both; overflow: hidden; }
+#demo-link a span.ui-icon { float:left; margin-right:3px; }
+
+/* Component containers
+----------------------------------*/
+#widget-docs .ui-widget { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }
+#widget-docs .ui-widget input, #widget-docs .ui-widget select, #widget-docs .ui-widget textarea, #widget-docs .ui-widget button { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }
+#widget-docs .ui-widget-header { border: 1px solid #ffffff; background: #464646 url(images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
+#widget-docs .ui-widget-header a { color: #ffffff; }
+#widget-docs .ui-widget-content { border: 1px solid #ffffff; background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x; color: #222222; }
+#widget-docs .ui-widget-content a { color: #222222; }
+
+/* Interaction states
+----------------------------------*/
+#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default { border: 1px solid #666666; background: #555555 url(images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
+#widget-docs .ui-state-default a { color: #ffffff; text-decoration: none; outline: none; }
+#widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus { border: 1px solid #666666; background: #444444 url(images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
+#widget-docs .ui-state-hover a { color: #ffffff; text-decoration: none; outline: none; }
+#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active { border: 1px solid #666666; background: #ffffff url(images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x; font-weight: normal; color: #F6921E; outline: none; }
+#widget-docs .ui-state-active a { color: #F6921E; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x; color: #363636; }
+#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x; color: #cd0a0a; }
+#widget-docs .ui-state-error-text, #widget-docs .ui-widget-content #widget-docs .ui-state-error-text { color: #cd0a0a; }
+#widget-docs .ui-state-disabled, #widget-docs .ui-widget-content #widget-docs .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+#widget-docs .ui-priority-primary, #widget-docs .ui-widget-content #widget-docs .ui-priority-primary { font-weight: bold; }
+#widget-docs .ui-priority-secondary, #widget-docs .ui-widget-content #widget-docs .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon { width: 16px; height: 16px; background-image: url(images/222222_256x240_icons_icons.png); }
+#widget-docs .ui-widget-content .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); }
+#widget-docs .ui-widget-header .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); }
+#widget-docs .ui-state-default .ui-icon { background-image: url(images/888888_256x240_icons_icons.png); }
+#widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); }
+#widget-docs .ui-state-active .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); }
+#widget-docs .ui-state-highlight .ui-icon {background-image: url(images/2e83ff_256x240_icons_icons.png); }
+#widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {background-image: url(images/cd0a0a_256x240_icons_icons.png); }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+#widget-docs .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
+#widget-docs .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+#widget-docs .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+#widget-docs .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+#widget-docs .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+#widget-docs .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+#widget-docs .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+#widget-docs .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+#widget-docs .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
+
+/* Overlays */
+#widget-docs .ui-widget-overlay { background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
+#widget-docs .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }
+
+/*
+----------------------------------*/
+
+#widget-docs { margin:20px 0 0; border: none; }
+
+#widget-docs h2, #widget-docs h3, #widget-docs h4, #widget-docs p, #widget-docs ul, #widget-docs code { margin:0; padding:0; }
+#widget-docs code { display:block; color:#444; font-size:.9em; margin:0 0 1em; }
+#widget-docs code strong { color:#000; }
+#widget-docs p { margin:0 3em 1.2em 0; }
+#widget-docs p.intro { font-size:13px; color:#666; line-height:1.3; }
+#widget-docs ul { list-style-type: none; }
+
+#widget-docs h2 { font-size:16px; margin:1.2em 0 .5em; }
+#widget-docs h3 { font-size:14px; color:#e6820E; margin:1.5em 0 .5em; }
+.normal #widget-docs h4 { font-size:12px; color:#000; border:0; margin:0 0 .5em; }
+
+#docs-overview-main { width:400px; }
+#docs-overview-sidebar { float:right; width:200px; }
+#docs-overview-sidebar a span { color:#666; }
+#widget-docs #docs-overview-main p { margin-right:0; }
+#widget-docs #docs-overview-sidebar h4 { padding-left:0; }
+
+.docs-list-header { float:left; width:100%; margin:10px 0 0; border-bottom:1px solid #eee; }
+#widget-docs .docs-list-header h2 { float:left; margin:0; }
+#widget-docs .docs-list-header p { float:right; margin:5px 0; font-size:11px; }
+
+.docs-list { float:left; width:100%; padding:0 0 10px; }
+.docs-list .param-header { float:left; clear:left; width:100%; padding:8px 0; border-top:1px solid #eee; }
+#widget-docs .param-header h3, #widget-docs .param-header p { margin:0; float:left; }
+#widget-docs .param-header h3 { width:50%; }
+#widget-docs .param-header h3 span { background: url(images/demo-spindown-closed.gif) no-repeat left; padding-left:13px; }
+#widget-docs .param-open .param-header h3 span { background: url(images/demo-spindown-open.gif) no-repeat left; }
+#widget-docs .param-header p { width:24%; }
+#widget-docs .param-header p.param-type span { background: url(images/icon-docs-info.gif) no-repeat left; cursor:pointer; border-bottom:1px dashed #ccc; padding-left:15px; }
+
+.param-details { padding-left:13px; }
+.param-args { margin:0 0 1.5em; border-top:1px dotted #ccc;}
+.param-args td { padding:3px 30px 3px 5px; border-bottom:1px dotted #ccc; }
+
+
+/* overrides for ui-tab styles */
+#widget-docs ul.ui-tabs-nav { padding:0 0 0 8px; }
+#widget-docs .ui-tabs-nav li { margin:5px 5px 0 0; }
+
+#widget-docs .ui-tabs-nav li a:link,
+#widget-docs .ui-tabs-nav li a:visited,
+#widget-docs .ui-tabs-nav li a:hover,
+#widget-docs .ui-tabs-nav li a:active { font-size:14px; padding:4px 1.2em 3px; color:#fff; }
+
+#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link,
+#widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited,
+#widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover,
+#widget-docs .ui-tabs-nav li.ui-tabs-selected a:active { color:#e6820E; }
+
+#widget-docs .ui-tabs-panel { padding:20px 9px; font-size:12px; line-height:1.4; color:#000; }
+
+#widget-docs .ui-widget-content a:link,
+#widget-docs .ui-widget-content a:visited { color:#1b75bb; text-decoration:none; }
+#widget-docs .ui-widget-content a:hover,
+#widget-docs .ui-widget-content a:active { color:#0b559b; }
+
diff --git a/static/development-bundle/demos/dialog/default.html b/static/development-bundle/demos/dialog/default.html
new file mode 100644
index 0000000..9d65926
--- /dev/null
+++ b/static/development-bundle/demos/dialog/default.html
@@ -0,0 +1,51 @@
+
+
+
+ jQuery UI Dialog - Default functionality
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.
+
+
+
+
+
Sed vel diam id libero rutrum convallis . Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.
+
+
+
+
+
+
+
+
The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe. It has a title bar and a content area, and can be moved, resized and closed with the 'x' icon by default.
+
+
+
+
+
diff --git a/static/development-bundle/demos/dialog/index.html b/static/development-bundle/demos/dialog/index.html
new file mode 100644
index 0000000..bed31ab
--- /dev/null
+++ b/static/development-bundle/demos/dialog/index.html
@@ -0,0 +1,21 @@
+
+
+
+ jQuery UI Dialog Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/dialog/modal-confirmation.html b/static/development-bundle/demos/dialog/modal-confirmation.html
new file mode 100644
index 0000000..f46fb19
--- /dev/null
+++ b/static/development-bundle/demos/dialog/modal-confirmation.html
@@ -0,0 +1,67 @@
+
+
+
+ jQuery UI Dialog - Modal confirmation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
These items will be permanently deleted and cannot be recovered. Are you sure?
+
+
+
+
+
+
+
+
+
+
Confirm an action that may be destructive or important. Set the modal
option to true, and specify primary and secondary user actions with the buttons
option.
+
+
+
+
+
diff --git a/static/development-bundle/demos/dialog/modal-form.html b/static/development-bundle/demos/dialog/modal-form.html
new file mode 100644
index 0000000..68a3648
--- /dev/null
+++ b/static/development-bundle/demos/dialog/modal-form.html
@@ -0,0 +1,178 @@
+
+
+
+ jQuery UI Dialog - Modal form
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Create new user
+
+
+
+
+
+
Use a modal dialog to require that the user enter data during a multi-step process. Embed form markup in the content area, set the modal
option to true, and specify primary and secondary user actions with the buttons
option.
+
+
+
+
+
diff --git a/static/development-bundle/demos/dialog/modal-message.html b/static/development-bundle/demos/dialog/modal-message.html
new file mode 100644
index 0000000..df60a5e
--- /dev/null
+++ b/static/development-bundle/demos/dialog/modal-message.html
@@ -0,0 +1,64 @@
+
+
+
+ jQuery UI Dialog - Modal message
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Your files have downloaded successfully into the My Downloads folder.
+
+
+ Currently using 36% of your storage space .
+
+
+
+
+
+
+
+
+
+
+
Use a modal dialog to explicitly acknowledge information or an action before continuing their work. Set the modal
option to true, and specify a primary action (Ok) with the buttons
option.
+
+
+
+
+
diff --git a/static/development-bundle/demos/dialog/modal.html b/static/development-bundle/demos/dialog/modal.html
new file mode 100644
index 0000000..dab3ea5
--- /dev/null
+++ b/static/development-bundle/demos/dialog/modal.html
@@ -0,0 +1,55 @@
+
+
+
+ jQuery UI Dialog - Basic modal
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.
+
+
+
+
+
+
+
+
+
+
A modal dialog prevents the user from interacting with the rest of the page until it is closed. To add a semi-transparent layer that dims out the page content behind the dialog, set the background color and opacity of the overlay
option.
+
+
+
+
+
diff --git a/static/development-bundle/demos/draggable/constrain-movement.html b/static/development-bundle/demos/draggable/constrain-movement.html
new file mode 100644
index 0000000..73496bb
--- /dev/null
+++ b/static/development-bundle/demos/draggable/constrain-movement.html
@@ -0,0 +1,67 @@
+
+
+
+ jQuery UI Draggable - Constrain movement
+
+
+
+
+
+
+
+
+
+
+
+
Constrain movement along an axis:
+
+
+
I can be dragged only vertically
+
+
+
+
I can be dragged only horizontally
+
+
+
Or to within another DOM element:
+
+
+
I'm contained within the box
+
+
+
+
I'm contained within the box's parent
+
+
+
+
+
+
+
+
+
+
+
+
+Constrain the movement of each draggable by defining the boundaries of the draggable area. Set the axis
option to limit the draggable's path to the x- or y-axis, or use the containment
option to specify a parent DOM element or a jQuery selector, like 'document.'
+
+
+
+
+
diff --git a/static/development-bundle/demos/draggable/cursor-style.html b/static/development-bundle/demos/draggable/cursor-style.html
new file mode 100644
index 0000000..14b3b29
--- /dev/null
+++ b/static/development-bundle/demos/draggable/cursor-style.html
@@ -0,0 +1,46 @@
+
+
+
+ jQuery UI Draggable - Cursor style
+
+
+
+
+
+
+
+
+
+
+
+
+
I will always stick to the center (relative to the mouse)
+
+
+
+
My cursor is at left -5 and top -5
+
+
+
+
My cursor position is only controlled for the 'bottom' value
+
+
+
+
+
+
+
+Position the cursor while dragging the object. By default the cursor appears in the center of the dragged object; use the cursorAt
option to specify another location relative to the draggable (specify a pixel value from the top, right, bottom, and/or left). Customize the cursor's appearance by supplying the cursor
option with a valid CSS cursor value: default, move, pointer, crosshair, etc.
+
+
+
+
+
diff --git a/static/development-bundle/demos/draggable/default.html b/static/development-bundle/demos/draggable/default.html
new file mode 100644
index 0000000..344accc
--- /dev/null
+++ b/static/development-bundle/demos/draggable/default.html
@@ -0,0 +1,38 @@
+
+
+
+ jQuery UI Draggable - Default functionality
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/draggable/delay-start.html b/static/development-bundle/demos/draggable/delay-start.html
new file mode 100644
index 0000000..6f49d17
--- /dev/null
+++ b/static/development-bundle/demos/draggable/delay-start.html
@@ -0,0 +1,42 @@
+
+
+
+ jQuery UI Draggable - Delay start
+
+
+
+
+
+
+
+
+
+
+
+
+
Only if you drag me by 20 pixels, the dragging will start
+
+
+
+
Regardless of the distance, you have to drag and wait for 1000ms before dragging starts
+
+
+
+
+
+
+
+Delay the start of dragging for a number of milliseconds with the delay
option; prevent dragging until the cursor is held down and dragged a specifed number of pixels with the distance
option.
+
+
+
+
+
diff --git a/static/development-bundle/demos/draggable/events.html b/static/development-bundle/demos/draggable/events.html
new file mode 100644
index 0000000..ca13a9f
--- /dev/null
+++ b/static/development-bundle/demos/draggable/events.html
@@ -0,0 +1,74 @@
+
+
+
+ jQuery UI Draggable - Events
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Drag me to trigger the chain of events.
+
+
+ "start" invoked 0 x
+ "drag" invoked 0 x
+ "stop" invoked 0 x
+
+
+
+
+
+
+
+
+Layer functionality onto the draggable using the start
, drag
, and stop
events. Start is fired at the start of the drag; drag during the drag; and stop when dragging stops.
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/draggable/handle.html b/static/development-bundle/demos/draggable/handle.html
new file mode 100644
index 0000000..8433a1e
--- /dev/null
+++ b/static/development-bundle/demos/draggable/handle.html
@@ -0,0 +1,45 @@
+
+
+
+ jQuery UI Draggable - Handles
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
You can drag me around…
+
+
+
+
+
+
+
+
+
+
Allow dragging only when the cursor is over a specific part of the draggable. Use the handle
option to specify the jQuery selector of an element (or group of elements) used to drag the object.
+
Or prevent dragging when the cursor is over a specific element (or group of elements) within the draggable. Use the cancel
option to specify a jQuery selector over which to "cancel" draggable functionality.
+
+
+
+
diff --git a/static/development-bundle/demos/draggable/index.html b/static/development-bundle/demos/draggable/index.html
new file mode 100644
index 0000000..ba15243
--- /dev/null
+++ b/static/development-bundle/demos/draggable/index.html
@@ -0,0 +1,27 @@
+
+
+
+ jQuery UI Draggable Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/draggable/revert.html b/static/development-bundle/demos/draggable/revert.html
new file mode 100644
index 0000000..8433640
--- /dev/null
+++ b/static/development-bundle/demos/draggable/revert.html
@@ -0,0 +1,41 @@
+
+
+
+ jQuery UI Draggable - Revert position
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Return the draggable (or it's helper) to its original location when dragging stops with the boolean revert
option.
+
+
+
+
+
diff --git a/static/development-bundle/demos/draggable/scroll.html b/static/development-bundle/demos/draggable/scroll.html
new file mode 100644
index 0000000..201ce9c
--- /dev/null
+++ b/static/development-bundle/demos/draggable/scroll.html
@@ -0,0 +1,48 @@
+
+
+
+ jQuery UI Draggable - Auto-scroll
+
+
+
+
+
+
+
+
+
+
+
+
+
Scroll set to true, default settings
+
+
+
+
scrollSensitivity set to 100
+
+
+
+
scrollSpeed set to 100
+
+
+
+
+
+
+
+
+
+Automatically scroll the document when the draggable is moved beyond the viewport. Set the scroll
option to true to enable auto-scrolling, and fine-tune when scrolling is triggered and its speed with the scrollSensitivity
and scrollSpeed
options.
+
+
+
+
+
diff --git a/static/development-bundle/demos/draggable/snap-to.html b/static/development-bundle/demos/draggable/snap-to.html
new file mode 100644
index 0000000..43c0585
--- /dev/null
+++ b/static/development-bundle/demos/draggable/snap-to.html
@@ -0,0 +1,67 @@
+
+
+
+ jQuery UI Draggable - Snap to element or grid
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Default (snap: true), snaps to all other draggable elements
+
+
+
+
I only snap to the big box
+
+
+
+
I only snap to the outer edges of the big box
+
+
+
+
I snap to a 20 x 20 grid
+
+
+
+
I snap to a 80 x 80 grid
+
+
+
+
+
+
+
Snap the draggable to the inner or outer boundaries of a DOM element. Use the snap
, snapMode
(inner, outer, both), and snapTolerance
(distance in pixels the draggable must be from the element when snapping is invoked) options.
+
+
Or snap the draggable to a grid. Set the dimensions of grid cells (height and width in pixels) with the grid
option.
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/draggable/sortable.html b/static/development-bundle/demos/draggable/sortable.html
new file mode 100644
index 0000000..6f15be4
--- /dev/null
+++ b/static/development-bundle/demos/draggable/sortable.html
@@ -0,0 +1,54 @@
+
+
+
+ jQuery UI Draggable + Sortable
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+ Item 5
+
+
+
+
+
+
+
+Draggables are built to interact seamlessly with sortables .
+
+
+
+
+
diff --git a/static/development-bundle/demos/draggable/visual-feedback.html b/static/development-bundle/demos/draggable/visual-feedback.html
new file mode 100644
index 0000000..25c42fd
--- /dev/null
+++ b/static/development-bundle/demos/draggable/visual-feedback.html
@@ -0,0 +1,73 @@
+
+
+
+ jQuery UI Draggable - Visual feedback
+
+
+
+
+
+
+
+
+
+
+
+
With helpers:
+
+
+
+
+
Semi-transparent clone
+
+
+
+
Custom helper (in combination with cursorAt)
+
+
+
Stacked:
+
+
+
+
+
..whose z-indexes are controlled automatically..
+
+
+
+
..with the stack option.
+
+
+
+
+
+
+
+
Provide feedback to users as they drag an object in the form of a helper. The helper
option accepts the values 'original' (the draggable object moves with the cursor), 'clone' (a duplicate of the draggable moves with the cursor), or a function that returns a DOM element (that element is shown near the cursor during drag). Control the helper's transparency with the opacity
option.
+
+
To clarify which draggable is in play, bring the draggable in motion to front. Use the zIndex
option to set a higher z-index for the helper, if in play, or use the stack
option to ensure that the last item dragged will appear on top of others in the same group on drag stop.
+
+
+
+
diff --git a/static/development-bundle/demos/droppable/accepted-elements.html b/static/development-bundle/demos/droppable/accepted-elements.html
new file mode 100644
index 0000000..3a12baa
--- /dev/null
+++ b/static/development-bundle/demos/droppable/accepted-elements.html
@@ -0,0 +1,55 @@
+
+
+
+ jQuery UI Droppable - Accept Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
I'm draggable but can't be dropped
+
+
+
+
+
+
+
+
+
+
+
Specify using the accept
option which element (or group of elements) is accepted by the target droppable.
+
+
+
+
diff --git a/static/development-bundle/demos/droppable/default.html b/static/development-bundle/demos/droppable/default.html
new file mode 100644
index 0000000..03fdace
--- /dev/null
+++ b/static/development-bundle/demos/droppable/default.html
@@ -0,0 +1,46 @@
+
+
+
+ jQuery UI Droppable - Default Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Enable any DOM element to be droppable, a target for draggable elements.
+
+
+
+
diff --git a/static/development-bundle/demos/droppable/images/high_tatras.jpg b/static/development-bundle/demos/droppable/images/high_tatras.jpg
new file mode 100644
index 0000000..e2365c2
Binary files /dev/null and b/static/development-bundle/demos/droppable/images/high_tatras.jpg differ
diff --git a/static/development-bundle/demos/droppable/images/high_tatras2.jpg b/static/development-bundle/demos/droppable/images/high_tatras2.jpg
new file mode 100644
index 0000000..909024a
Binary files /dev/null and b/static/development-bundle/demos/droppable/images/high_tatras2.jpg differ
diff --git a/static/development-bundle/demos/droppable/images/high_tatras2_min.jpg b/static/development-bundle/demos/droppable/images/high_tatras2_min.jpg
new file mode 100644
index 0000000..493e082
Binary files /dev/null and b/static/development-bundle/demos/droppable/images/high_tatras2_min.jpg differ
diff --git a/static/development-bundle/demos/droppable/images/high_tatras3.jpg b/static/development-bundle/demos/droppable/images/high_tatras3.jpg
new file mode 100644
index 0000000..05a4395
Binary files /dev/null and b/static/development-bundle/demos/droppable/images/high_tatras3.jpg differ
diff --git a/static/development-bundle/demos/droppable/images/high_tatras3_min.jpg b/static/development-bundle/demos/droppable/images/high_tatras3_min.jpg
new file mode 100644
index 0000000..4aa96b0
Binary files /dev/null and b/static/development-bundle/demos/droppable/images/high_tatras3_min.jpg differ
diff --git a/static/development-bundle/demos/droppable/images/high_tatras4.jpg b/static/development-bundle/demos/droppable/images/high_tatras4.jpg
new file mode 100644
index 0000000..ed753d1
Binary files /dev/null and b/static/development-bundle/demos/droppable/images/high_tatras4.jpg differ
diff --git a/static/development-bundle/demos/droppable/images/high_tatras4_min.jpg b/static/development-bundle/demos/droppable/images/high_tatras4_min.jpg
new file mode 100644
index 0000000..794dbdf
Binary files /dev/null and b/static/development-bundle/demos/droppable/images/high_tatras4_min.jpg differ
diff --git a/static/development-bundle/demos/droppable/images/high_tatras_min.jpg b/static/development-bundle/demos/droppable/images/high_tatras_min.jpg
new file mode 100644
index 0000000..51e0cde
Binary files /dev/null and b/static/development-bundle/demos/droppable/images/high_tatras_min.jpg differ
diff --git a/static/development-bundle/demos/droppable/index.html b/static/development-bundle/demos/droppable/index.html
new file mode 100644
index 0000000..3ffa565
--- /dev/null
+++ b/static/development-bundle/demos/droppable/index.html
@@ -0,0 +1,22 @@
+
+
+
+ jQuery UI Droppable Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/droppable/photo-manager.html b/static/development-bundle/demos/droppable/photo-manager.html
new file mode 100644
index 0000000..868085a
--- /dev/null
+++ b/static/development-bundle/demos/droppable/photo-manager.html
@@ -0,0 +1,164 @@
+
+
+
+ jQuery UI Droppable - Simple photo manager
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
You can delete an image either by dragging it to the Trash or by clicking the trash icon.
+
You can "recycle" an image by dragging it back to the gallery or by clicking the recycle icon.
+
You can view larger image by clicking the zoom icon. jQuery UI dialog widget is used for the modal window.
+
+
+
+
diff --git a/static/development-bundle/demos/droppable/propagation.html b/static/development-bundle/demos/droppable/propagation.html
new file mode 100644
index 0000000..e9c5026
--- /dev/null
+++ b/static/development-bundle/demos/droppable/propagation.html
@@ -0,0 +1,71 @@
+
+
+
+ jQuery UI Droppable - Prevent propagation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
When working with nested droppables — for example, you may have an editable directory structure displayed as a tree, with folder and document nodes — the greedy
option set to true prevents event propagation when a draggable is dropped on a child node (droppable).
+
+
+
+
diff --git a/static/development-bundle/demos/droppable/revert.html b/static/development-bundle/demos/droppable/revert.html
new file mode 100644
index 0000000..01fea57
--- /dev/null
+++ b/static/development-bundle/demos/droppable/revert.html
@@ -0,0 +1,55 @@
+
+
+
+ jQuery UI Droppable - Revert draggable position
+
+
+
+
+
+
+
+
+
+
+
+
+
+
I revert when I'm dropped
+
+
+
+
I revert when I'm not dropped
+
+
+
+
+
+
+
+
+
Return the draggable (or it's helper) to its original location when dragging stops with the boolean revert
option set on the draggable.
+
+
+
+
diff --git a/static/development-bundle/demos/droppable/visual-feedback.html b/static/development-bundle/demos/droppable/visual-feedback.html
new file mode 100644
index 0000000..8f7e929
--- /dev/null
+++ b/static/development-bundle/demos/droppable/visual-feedback.html
@@ -0,0 +1,70 @@
+
+
+
+ jQuery UI Droppable - Visual feedback
+
+
+
+
+
+
+
+
+
+
+
+
+
Feedback on hover:
+
+
+
+
+
+
Feedback on activating draggable:
+
+
+
+
+
+
+
+
+
+
+
+
Change the droppable's appearance on hover, or when the droppable is active (an acceptable draggable is dropped on it). Use the hoverClass
or activeClass
options to specify respective classes.
+
+
+
+
diff --git a/static/development-bundle/demos/effect/default.html b/static/development-bundle/demos/effect/default.html
new file mode 100644
index 0000000..4187080
--- /dev/null
+++ b/static/development-bundle/demos/effect/default.html
@@ -0,0 +1,104 @@
+
+
+
+ jQuery UI Effects - Effect Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+
+
+
+
+
+ Blind
+ Bounce
+ Clip
+ Drop
+ Explode
+ Fold
+ Highlight
+ Puff
+ Pulsate
+ Scale
+ Shake
+ Size
+ Slide
+ Transfer
+
+
+
Run Effect
+
+
+
+
+
+
+
Click the button above to show the effect.
+
+
+
+
+
diff --git a/static/development-bundle/demos/effect/index.html b/static/development-bundle/demos/effect/index.html
new file mode 100644
index 0000000..fbd0597
--- /dev/null
+++ b/static/development-bundle/demos/effect/index.html
@@ -0,0 +1,17 @@
+
+
+
+ jQuery UI Effect Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/hide/default.html b/static/development-bundle/demos/hide/default.html
new file mode 100644
index 0000000..a4a5ff2
--- /dev/null
+++ b/static/development-bundle/demos/hide/default.html
@@ -0,0 +1,105 @@
+
+
+
+ jQuery UI Effects - Hide Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+
+
+
+
+
+ Blind
+ Bounce
+ Clip
+ Drop
+ Explode
+ Fold
+ Highlight
+ Puff
+ Pulsate
+ Scale
+ Shake
+ Size
+ Slide
+ Transfer
+
+
+
Run Effect
+
+
+
+
+
+
+
Click the button above to preview the effect.
+
+
+
+
+
diff --git a/static/development-bundle/demos/hide/index.html b/static/development-bundle/demos/hide/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/hide/index.html
@@ -0,0 +1,17 @@
+
+
+
+ jQuery UI Effects Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/images/calendar.gif b/static/development-bundle/demos/images/calendar.gif
new file mode 100644
index 0000000..d0abaa7
Binary files /dev/null and b/static/development-bundle/demos/images/calendar.gif differ
diff --git a/static/development-bundle/demos/images/demo-config-on-tile.gif b/static/development-bundle/demos/images/demo-config-on-tile.gif
new file mode 100644
index 0000000..359da95
Binary files /dev/null and b/static/development-bundle/demos/images/demo-config-on-tile.gif differ
diff --git a/static/development-bundle/demos/images/demo-config-on.gif b/static/development-bundle/demos/images/demo-config-on.gif
new file mode 100644
index 0000000..9fcec1a
Binary files /dev/null and b/static/development-bundle/demos/images/demo-config-on.gif differ
diff --git a/static/development-bundle/demos/images/demo-spindown-closed.gif b/static/development-bundle/demos/images/demo-spindown-closed.gif
new file mode 100644
index 0000000..b247824
Binary files /dev/null and b/static/development-bundle/demos/images/demo-spindown-closed.gif differ
diff --git a/static/development-bundle/demos/images/demo-spindown-open.gif b/static/development-bundle/demos/images/demo-spindown-open.gif
new file mode 100644
index 0000000..e1c60aa
Binary files /dev/null and b/static/development-bundle/demos/images/demo-spindown-open.gif differ
diff --git a/static/development-bundle/demos/images/icon-docs-info.gif b/static/development-bundle/demos/images/icon-docs-info.gif
new file mode 100644
index 0000000..6b0464e
Binary files /dev/null and b/static/development-bundle/demos/images/icon-docs-info.gif differ
diff --git a/static/development-bundle/demos/images/pbar-ani.gif b/static/development-bundle/demos/images/pbar-ani.gif
new file mode 100644
index 0000000..0dfd45b
Binary files /dev/null and b/static/development-bundle/demos/images/pbar-ani.gif differ
diff --git a/static/development-bundle/demos/index.html b/static/development-bundle/demos/index.html
new file mode 100644
index 0000000..1f45c3c
--- /dev/null
+++ b/static/development-bundle/demos/index.html
@@ -0,0 +1,292 @@
+
+
+
+
+ jQuery UI Demos
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/progressbar/animated.html b/static/development-bundle/demos/progressbar/animated.html
new file mode 100644
index 0000000..db013d9
--- /dev/null
+++ b/static/development-bundle/demos/progressbar/animated.html
@@ -0,0 +1,42 @@
+
+
+
+ jQuery UI Progressbar - Animated
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+This progressbar has an animated fill by setting the
+background-image
+on the
+.ui-progressbar-value
+element, using css.
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/progressbar/default.html b/static/development-bundle/demos/progressbar/default.html
new file mode 100644
index 0000000..a06e6bf
--- /dev/null
+++ b/static/development-bundle/demos/progressbar/default.html
@@ -0,0 +1,37 @@
+
+
+
+ jQuery UI Progressbar - Default functionality
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Default determinate progress bar.
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/progressbar/images/pbar-ani.gif b/static/development-bundle/demos/progressbar/images/pbar-ani.gif
new file mode 100644
index 0000000..0dfd45b
Binary files /dev/null and b/static/development-bundle/demos/progressbar/images/pbar-ani.gif differ
diff --git a/static/development-bundle/demos/progressbar/index.html b/static/development-bundle/demos/progressbar/index.html
new file mode 100644
index 0000000..542bf14
--- /dev/null
+++ b/static/development-bundle/demos/progressbar/index.html
@@ -0,0 +1,19 @@
+
+
+
+ jQuery UI Progressbar Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/progressbar/resize.html b/static/development-bundle/demos/progressbar/resize.html
new file mode 100644
index 0000000..d1c53af
--- /dev/null
+++ b/static/development-bundle/demos/progressbar/resize.html
@@ -0,0 +1,37 @@
+
+
+
+ jQuery UI Progressbar - Resizable
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The progress bar's widths are specified in percentages for flexible sizing so it will resize to fit its container. Try resizing the height and width of this bar to see how it maintains the correct proportions. (This is not necessarily a real-world example, but it's a good illustration of how flexibly all the plugins are coded.)
+
+
+
+
+
diff --git a/static/development-bundle/demos/removeClass/default.html b/static/development-bundle/demos/removeClass/default.html
new file mode 100644
index 0000000..83a8b89
--- /dev/null
+++ b/static/development-bundle/demos/removeClass/default.html
@@ -0,0 +1,51 @@
+
+
+
+ jQuery UI Effects - removeClass Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
+
+
+
+
Run Effect
+
+
+
+
+
+
Click the button above to preview the effect.
+
+
+
+
+
diff --git a/static/development-bundle/demos/removeClass/index.html b/static/development-bundle/demos/removeClass/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/removeClass/index.html
@@ -0,0 +1,17 @@
+
+
+
+ jQuery UI Effects Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/resizable/animate.html b/static/development-bundle/demos/resizable/animate.html
new file mode 100644
index 0000000..9af1548
--- /dev/null
+++ b/static/development-bundle/demos/resizable/animate.html
@@ -0,0 +1,38 @@
+
+
+
+ jQuery UI Resizable - Animate
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Animate the resize action using the animate
option (boolean). When this option is set to true, drag the outline to the desired location; the element animates to that size on drag stop.
+
+
+
+
diff --git a/static/development-bundle/demos/resizable/aspect-ratio.html b/static/development-bundle/demos/resizable/aspect-ratio.html
new file mode 100644
index 0000000..56edad4
--- /dev/null
+++ b/static/development-bundle/demos/resizable/aspect-ratio.html
@@ -0,0 +1,37 @@
+
+
+
+ jQuery UI Resizable - Preserve aspect ratio
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Maintain the existing aspect ratio or set a new one to constrain the proportions on resize. Set the aspectRatio
option to true, and optionally pass in a new ratio (i.e., 4/3)
+
+
+
+
diff --git a/static/development-bundle/demos/resizable/constrain-area.html b/static/development-bundle/demos/resizable/constrain-area.html
new file mode 100644
index 0000000..e1a9122
--- /dev/null
+++ b/static/development-bundle/demos/resizable/constrain-area.html
@@ -0,0 +1,42 @@
+
+
+
+ jQuery UI Resizable - Constrain resize area
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Define the boundaries of the resizable area. Use the containment
option to specify a parent DOM element or a jQuery selector, like 'document.'
+
+
+
+
diff --git a/static/development-bundle/demos/resizable/default.html b/static/development-bundle/demos/resizable/default.html
new file mode 100644
index 0000000..0b77b34
--- /dev/null
+++ b/static/development-bundle/demos/resizable/default.html
@@ -0,0 +1,35 @@
+
+
+
+ jQuery UI Resizable - Default functionality
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Enable any DOM element to be resizable. With the cursor grab the right or bottom border and drag to the desired width or height.
+
+
+
+
diff --git a/static/development-bundle/demos/resizable/delay-start.html b/static/development-bundle/demos/resizable/delay-start.html
new file mode 100644
index 0000000..df20f8e
--- /dev/null
+++ b/static/development-bundle/demos/resizable/delay-start.html
@@ -0,0 +1,49 @@
+
+
+
+ jQuery UI Resizable - Delay start
+
+
+
+
+
+
+
+
+
+
+
+
Time delay (ms):
+
+
+
+
+
Distance delay (px):
+
+
+
+
+
+
+
+
+
+
+
Delay the start of resizng for a number of milliseconds with the delay
option; prevent resizing until the cursor is held down and dragged a specifed number of pixels with the distance
option.
+
+
+
+
diff --git a/static/development-bundle/demos/resizable/index.html b/static/development-bundle/demos/resizable/index.html
new file mode 100644
index 0000000..561b5bf
--- /dev/null
+++ b/static/development-bundle/demos/resizable/index.html
@@ -0,0 +1,25 @@
+
+
+
+ jQuery UI Resizable Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/resizable/max-min.html b/static/development-bundle/demos/resizable/max-min.html
new file mode 100644
index 0000000..d29e4d7
--- /dev/null
+++ b/static/development-bundle/demos/resizable/max-min.html
@@ -0,0 +1,40 @@
+
+
+
+ jQuery UI Resizable - Maximum / minimum size
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Limit the resizable element to a maximum or minimum height or width using the maxHeight
, maxWidth
, minHeight
, and minWidth
options.
+
+
+
+
diff --git a/static/development-bundle/demos/resizable/snap-to-grid.html b/static/development-bundle/demos/resizable/snap-to-grid.html
new file mode 100644
index 0000000..f2adcc6
--- /dev/null
+++ b/static/development-bundle/demos/resizable/snap-to-grid.html
@@ -0,0 +1,37 @@
+
+
+
+ jQuery UI Resizable - Snap to grid
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Snap the resizable element to a grid. Set the dimensions of grid cells (height and width in pixels) with the grid
option.
+
+
+
+
diff --git a/static/development-bundle/demos/resizable/synchronous-resize.html b/static/development-bundle/demos/resizable/synchronous-resize.html
new file mode 100644
index 0000000..bd5de82
--- /dev/null
+++ b/static/development-bundle/demos/resizable/synchronous-resize.html
@@ -0,0 +1,44 @@
+
+
+
+ jQuery UI Resizable - Synchronous resize
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Resize multiple elements simultaneously by clicking and dragging the sides of one. Pass a shared selector into the alsoResize
option.
+
+
+
+
diff --git a/static/development-bundle/demos/resizable/visual-feedback.html b/static/development-bundle/demos/resizable/visual-feedback.html
new file mode 100644
index 0000000..c3edf9a
--- /dev/null
+++ b/static/development-bundle/demos/resizable/visual-feedback.html
@@ -0,0 +1,38 @@
+
+
+
+ jQuery UI Resizable - Visual feedback
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Instead of showing the actual element during resize, set the ghost
option to true to show a semi-transparent part of the element.
+
+
+
+
diff --git a/static/development-bundle/demos/selectable/default.html b/static/development-bundle/demos/selectable/default.html
new file mode 100644
index 0000000..6a81f2b
--- /dev/null
+++ b/static/development-bundle/demos/selectable/default.html
@@ -0,0 +1,45 @@
+
+
+
+ jQuery UI Selectable - Default functionality
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+ Item 5
+ Item 6
+ Item 7
+
+
+
+
+
+
+
Enable a DOM element (or group of elements) to be selectable. Draw a box with your cursor to select items. Hold down the Ctrl key to make multiple non-adjacent selections.
+
+
+
+
diff --git a/static/development-bundle/demos/selectable/display-grid.html b/static/development-bundle/demos/selectable/display-grid.html
new file mode 100644
index 0000000..3843c77
--- /dev/null
+++ b/static/development-bundle/demos/selectable/display-grid.html
@@ -0,0 +1,50 @@
+
+
+
+ jQuery UI Selectable - Display as grid
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+ 10
+ 11
+ 12
+
+
+
+
+
+
+
To arrange selectable items as a grid, give them identical dimensions and float them using CSS.
+
+
+
+
diff --git a/static/development-bundle/demos/selectable/index.html b/static/development-bundle/demos/selectable/index.html
new file mode 100644
index 0000000..8429802
--- /dev/null
+++ b/static/development-bundle/demos/selectable/index.html
@@ -0,0 +1,19 @@
+
+
+
+ jQuery UI Selectable Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/selectable/serialize.html b/static/development-bundle/demos/selectable/serialize.html
new file mode 100644
index 0000000..0e201fa
--- /dev/null
+++ b/static/development-bundle/demos/selectable/serialize.html
@@ -0,0 +1,56 @@
+
+
+
+ jQuery UI Selectable - Serialize
+
+
+
+
+
+
+
+
+
+
+
+
+
+You've selected: none .
+
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+ Item 5
+ Item 6
+
+
+
+
+
+
+
Write a function that fires on the stop
event to collect the index values of selected items. Present values as feedback, or pass as a data string.
+
+
+
+
diff --git a/static/development-bundle/demos/show/default.html b/static/development-bundle/demos/show/default.html
new file mode 100644
index 0000000..7c70526
--- /dev/null
+++ b/static/development-bundle/demos/show/default.html
@@ -0,0 +1,106 @@
+
+
+
+ jQuery UI Effects - Show Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+
+
+
+
+
+ Blind
+ Bounce
+ Clip
+ Drop
+ Explode
+ Fold
+ Highlight
+ Puff
+ Pulsate
+ Scale
+ Shake
+ Size
+ Slide
+ Transfer
+
+
+
Run Effect
+
+
+
+
+
+
+
Click the button above to preview the effect.
+
+
+
+
+
diff --git a/static/development-bundle/demos/show/index.html b/static/development-bundle/demos/show/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/show/index.html
@@ -0,0 +1,17 @@
+
+
+
+ jQuery UI Effects Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/slider/colorpicker.html b/static/development-bundle/demos/slider/colorpicker.html
new file mode 100644
index 0000000..0f7c264
--- /dev/null
+++ b/static/development-bundle/demos/slider/colorpicker.html
@@ -0,0 +1,92 @@
+
+
+
+ jQuery UI Slider - Colorpicker
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Simple Colorpicker
+
+
+
+
+
+
+
+
+
+
+
+
+
Combine three sliders to create a simple RGB colorpicker.
+
+
+
+
+
diff --git a/static/development-bundle/demos/slider/default.html b/static/development-bundle/demos/slider/default.html
new file mode 100644
index 0000000..da92869
--- /dev/null
+++ b/static/development-bundle/demos/slider/default.html
@@ -0,0 +1,34 @@
+
+
+
+ jQuery UI Slider - Default functionality
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.
+
+
+
+
+
diff --git a/static/development-bundle/demos/slider/index.html b/static/development-bundle/demos/slider/index.html
new file mode 100644
index 0000000..9a010a5
--- /dev/null
+++ b/static/development-bundle/demos/slider/index.html
@@ -0,0 +1,25 @@
+
+
+
+ jQuery UI Slider Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/slider/multiple-vertical.html b/static/development-bundle/demos/slider/multiple-vertical.html
new file mode 100644
index 0000000..48258cc
--- /dev/null
+++ b/static/development-bundle/demos/slider/multiple-vertical.html
@@ -0,0 +1,76 @@
+
+
+
+ jQuery UI Slider - Multiple sliders
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Master volume
+
+
+
+
+
+
+Graphic EQ
+
+
+
+ 88
+ 77
+ 55
+ 33
+ 40
+ 45
+ 70
+
+
+
+
+
+
+
Combine horizontal and vertical sliders, each with their own options, to create the UI for a music player.
+
+
+
+
+
diff --git a/static/development-bundle/demos/slider/range-vertical.html b/static/development-bundle/demos/slider/range-vertical.html
new file mode 100644
index 0000000..ad59511
--- /dev/null
+++ b/static/development-bundle/demos/slider/range-vertical.html
@@ -0,0 +1,47 @@
+
+
+
+ jQuery UI Slider - Vertical range slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+Target sales goal (Millions):
+
+
+
+
+
+
+
+
+
+
Change the orientation of the range slider to vertical. Assign a height value via .height()
or by setting the height through CSS, and set the orientation
option to "vertical."
+
+
+
+
+
diff --git a/static/development-bundle/demos/slider/range.html b/static/development-bundle/demos/slider/range.html
new file mode 100644
index 0000000..7c595e0
--- /dev/null
+++ b/static/development-bundle/demos/slider/range.html
@@ -0,0 +1,48 @@
+
+
+
+ jQuery UI Slider - Range slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+Price range:
+
+
+
+
+
+
+
+
+
+
Set the range
option to true to capture a range of values with two drag handles. The space between the handles is filled with a different background color to indicate those values are selected.
+
+
+
+
+
diff --git a/static/development-bundle/demos/slider/rangemax.html b/static/development-bundle/demos/slider/rangemax.html
new file mode 100644
index 0000000..db266db
--- /dev/null
+++ b/static/development-bundle/demos/slider/rangemax.html
@@ -0,0 +1,47 @@
+
+
+
+ jQuery UI Slider - Range with fixed maximum
+
+
+
+
+
+
+
+
+
+
+
+
+
+Minimum number of bedrooms:
+
+
+
+
+
+
+
+
+
Fix the maximum value of the range slider so that the user can only select a minimum. Set the range
option to "max."
+
+
+
+
+
diff --git a/static/development-bundle/demos/slider/rangemin.html b/static/development-bundle/demos/slider/rangemin.html
new file mode 100644
index 0000000..4eebade
--- /dev/null
+++ b/static/development-bundle/demos/slider/rangemin.html
@@ -0,0 +1,48 @@
+
+
+
+ jQuery UI Slider - Range with fixed minimum
+
+
+
+
+
+
+
+
+
+
+
+
+
+Maximum price:
+
+
+
+
+
+
+
+
+
+
Fix the minimum value of the range slider so that the user can only select a maximum. Set the range
option to "min."
+
+
+
+
+
diff --git a/static/development-bundle/demos/slider/slider-vertical.html b/static/development-bundle/demos/slider/slider-vertical.html
new file mode 100644
index 0000000..7731a4b
--- /dev/null
+++ b/static/development-bundle/demos/slider/slider-vertical.html
@@ -0,0 +1,49 @@
+
+
+
+ jQuery UI Slider - Vertical slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Change the orientation of the slider to vertical. Assign a height value via .height()
or by setting the height through CSS, and set the orientation
option to "vertical."
+
+
+
+
+
diff --git a/static/development-bundle/demos/slider/steps.html b/static/development-bundle/demos/slider/steps.html
new file mode 100644
index 0000000..f29b734
--- /dev/null
+++ b/static/development-bundle/demos/slider/steps.html
@@ -0,0 +1,48 @@
+
+
+
+ jQuery UI Slider - Snap to increments
+
+
+
+
+
+
+
+
+
+
+
+
+
+Donation amount ($50 increments):
+
+
+
+
+
+
+
+
+
+
Increment slider values with the step
option set to an integer, commonly a dividend of the slider's maximum value. The default increment is 1.
+
+
+
+
+
diff --git a/static/development-bundle/demos/sortable/connect-lists-through-tabs.html b/static/development-bundle/demos/sortable/connect-lists-through-tabs.html
new file mode 100644
index 0000000..481c506
--- /dev/null
+++ b/static/development-bundle/demos/sortable/connect-lists-through-tabs.html
@@ -0,0 +1,76 @@
+
+
+
+ jQuery UI Sortable - Connect lists with Tabs
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+ Item 5
+
+
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+ Item 5
+
+
+
+
+
+
+
+
+
+ Sort items from one list into another and vice versa, by dropping the list item on the appropriate tab above.
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/sortable/connect-lists.html b/static/development-bundle/demos/sortable/connect-lists.html
new file mode 100644
index 0000000..639f0e9
--- /dev/null
+++ b/static/development-bundle/demos/sortable/connect-lists.html
@@ -0,0 +1,55 @@
+
+
+
+ jQuery UI Sortable - Connect lists
+
+
+
+
+
+
+
+
+
+
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+ Item 5
+
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+ Item 5
+
+
+
+
+
+
+
+ Sort items from one list into another and vice versa, by passing a selector into
+ the connectWith
option. The simplest way to do this is to
+ group all related lists with a CSS class, and then pass that class into the
+ sortable function (i.e., connectWith: '.myclass'
).
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/sortable/default.html b/static/development-bundle/demos/sortable/default.html
new file mode 100644
index 0000000..6df9ec1
--- /dev/null
+++ b/static/development-bundle/demos/sortable/default.html
@@ -0,0 +1,48 @@
+
+
+
+ jQuery UI Sortable - Default functionality
+
+
+
+
+
+
+
+
+
+
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+ Item 5
+ Item 6
+ Item 7
+
+
+
+
+
+
+
+ Enable a group of DOM elements to be sortable. Click on and drag an
+ element to a new spot within the list, and the other items will adjust to
+ fit. By default, sortable items share draggable
properties.
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/sortable/delay-start.html b/static/development-bundle/demos/sortable/delay-start.html
new file mode 100644
index 0000000..636b743
--- /dev/null
+++ b/static/development-bundle/demos/sortable/delay-start.html
@@ -0,0 +1,64 @@
+
+
+
+ jQuery UI Sortable - Delay start
+
+
+
+
+
+
+
+
+
+
+
+
Time delay of 300ms:
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+
+
+
Distance delay of 15px:
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+
+
+
+
+
+
+
+ Prevent accidental sorting either by delay (time) or distance. Set a number of
+ milliseconds the element needs to be dragged before sorting starts
+ with the delay
option. Set a distance in pixels the element
+ needs to be dragged before sorting starts with the distance
+ option.
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/sortable/display-grid.html b/static/development-bundle/demos/sortable/display-grid.html
new file mode 100644
index 0000000..e10cd99
--- /dev/null
+++ b/static/development-bundle/demos/sortable/display-grid.html
@@ -0,0 +1,51 @@
+
+
+
+ jQuery UI Sortable - Display as grid
+
+
+
+
+
+
+
+
+
+
+
+
+ 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+ 10
+ 11
+ 12
+
+
+
+
+
+
+
+ To arrange sortable items as a grid, give them identical dimensions and
+ float them using CSS.
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/sortable/empty-lists.html b/static/development-bundle/demos/sortable/empty-lists.html
new file mode 100644
index 0000000..1886b8e
--- /dev/null
+++ b/static/development-bundle/demos/sortable/empty-lists.html
@@ -0,0 +1,66 @@
+
+
+
+ jQuery UI Sortable - Handle empty lists
+
+
+
+
+
+
+
+
+
+
+
+
+ Can be dropped..
+ ..on an empty list
+ Item 3
+ Item 4
+ Item 5
+
+
+
+ Cannot be dropped..
+ ..on an empty list
+ Item 3
+ Item 4
+ Item 5
+
+
+
+
+
+
+
+
+
+
+
+ Prevent all items in a list from being dropped into a separate, empty list
+ using the dropOnEmpty
option set to false
. By default,
+ sortable items can be dropped on empty lists.
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/sortable/index.html b/static/development-bundle/demos/sortable/index.html
new file mode 100644
index 0000000..b77f223
--- /dev/null
+++ b/static/development-bundle/demos/sortable/index.html
@@ -0,0 +1,25 @@
+
+
+
+ jQuery UI Sortable Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/sortable/items.html b/static/development-bundle/demos/sortable/items.html
new file mode 100644
index 0000000..093631f
--- /dev/null
+++ b/static/development-bundle/demos/sortable/items.html
@@ -0,0 +1,68 @@
+
+
+
+ jQuery UI Sortable - Include / exclude items
+
+
+
+
+
+
+
+
+
+
+
+
Specify which items are sortable:
+
+
+ Item 1
+ (I'm not sortable or a drop target)
+ (I'm not sortable or a drop target)
+ Item 4
+
+
+
Cancel sorting (but keep as drop targets):
+
+
+ Item 1
+ (I'm not sortable)
+ (I'm not sortable)
+ Item 4
+
+
+
+
+
+
+
+ Specify which items are eligible to sort by passing a jQuery selector into
+ the items
option. Items excluded from this option are not
+ sortable, nor are they valid targets for sortable items.
+
+
+
+ To only prevent sorting on certain items, pass a jQuery selector into the
+ cancel
option. Cancelled items remain valid sort targets for
+ others.
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/sortable/placeholder.html b/static/development-bundle/demos/sortable/placeholder.html
new file mode 100644
index 0000000..565eb0b
--- /dev/null
+++ b/static/development-bundle/demos/sortable/placeholder.html
@@ -0,0 +1,53 @@
+
+
+
+ jQuery UI Sortable - Drop placeholder
+
+
+
+
+
+
+
+
+
+
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+ Item 5
+ Item 6
+ Item 7
+
+
+
+
+
+
+
+ When dragging a sortable item to a new location, other items will make room
+ for the that item by shifting to allow white space between them. Pass a
+ class into the placeholder
option to style that space to
+ be visible. Use the boolean forcePlaceholderSize
option
+ to set dimensions on the placeholder.
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/sortable/portlets.html b/static/development-bundle/demos/sortable/portlets.html
new file mode 100644
index 0000000..5430989
--- /dev/null
+++ b/static/development-bundle/demos/sortable/portlets.html
@@ -0,0 +1,93 @@
+
+
+
+ jQuery UI Sortable - Portlets
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+
+
+
+
+
+
+
+
+ Enable portlets (styled divs) as sortables and use the connectWith
+ option to allow sorting between columns.
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/switchClass/default.html b/static/development-bundle/demos/switchClass/default.html
new file mode 100644
index 0000000..09b48c9
--- /dev/null
+++ b/static/development-bundle/demos/switchClass/default.html
@@ -0,0 +1,47 @@
+
+
+
+ jQuery UI Effects - switchClass Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
+
+
+
Run Effect
+
+
+
+
+
+
Click the button above to preview the effect.
+
+
+
+
+
diff --git a/static/development-bundle/demos/switchClass/index.html b/static/development-bundle/demos/switchClass/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/switchClass/index.html
@@ -0,0 +1,17 @@
+
+
+
+ jQuery UI Effects Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/tabs/ajax.html b/static/development-bundle/demos/tabs/ajax.html
new file mode 100644
index 0000000..ecbc2c5
--- /dev/null
+++ b/static/development-bundle/demos/tabs/ajax.html
@@ -0,0 +1,40 @@
+
+
+
+ jQuery UI Tabs - Content via Ajax
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.
+
+
+
+
+
+
+
+
Fetch external content via Ajax for the tabs by setting an href value in the tab links. While the Ajax request is waiting for a response, the tab label changes to say "Loading...", then returns to the normal label once loaded.
+
+
+
+
+
diff --git a/static/development-bundle/demos/tabs/ajax/content1.html b/static/development-bundle/demos/tabs/ajax/content1.html
new file mode 100644
index 0000000..759bf13
--- /dev/null
+++ b/static/development-bundle/demos/tabs/ajax/content1.html
@@ -0,0 +1,4 @@
+This content was loaded via ajax.
+
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.
+Mauris vitae ante. Curabitur augue. Nulla purus nibh, lobortis ut, feugiat at, aliquam id, purus. Sed venenatis, lorem venenatis volutpat commodo, purus quam lacinia justo, mattis interdum pede pede a odio. Fusce nibh. Morbi nisl mauris, dapibus in, tristique eget, accumsan et, pede. Donec mauris risus, pulvinar ut, faucibus eu, mollis in, nunc. In augue massa, commodo a, cursus vehicula, varius eu, dui. Suspendisse sodales suscipit lorem. Morbi malesuada, eros quis condimentum dignissim, lectus nibh tristique urna, non bibendum diam massa vel risus. Morbi suscipit. Proin egestas, eros at scelerisque scelerisque, dolor lacus fringilla lacus, ut ullamcorper mi magna at quam. Aliquam sed elit. Aliquam turpis purus, congue quis, iaculis id, ullamcorper sit amet, justo. Maecenas sed mauris. Proin magna justo, interdum in, tincidunt eu, viverra eu, turpis. Suspendisse mollis. In magna. Phasellus pellentesque, urna pellentesque convallis pellentesque, augue sem blandit pede, at rhoncus libero nisl a odio.
+Sed vitae nibh non magna semper tempor. Duis dolor. Nam congue laoreet arcu. Fusce lobortis enim quis ligula. Maecenas commodo odio id mi. Maecenas scelerisque tellus eu odio. Etiam dolor purus, lacinia a, imperdiet in, aliquam et, eros. In pellentesque. Nullam ac massa. Integer et turpis. Ut quam augue, congue non, imperdiet id, eleifend ac, nisi. Etiam ac arcu. Cras iaculis accumsan erat. Nullam vulputate sapien nec nisi pretium rhoncus. Aliquam a nibh. Vivamus est ante, fermentum a, tincidunt ut, imperdiet nec, velit. Aenean non tortor. Sed nec mauris eget tellus condimentum rutrum.
\ No newline at end of file
diff --git a/static/development-bundle/demos/tabs/ajax/content2.html b/static/development-bundle/demos/tabs/ajax/content2.html
new file mode 100644
index 0000000..759bf13
--- /dev/null
+++ b/static/development-bundle/demos/tabs/ajax/content2.html
@@ -0,0 +1,4 @@
+This content was loaded via ajax.
+
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.
+Mauris vitae ante. Curabitur augue. Nulla purus nibh, lobortis ut, feugiat at, aliquam id, purus. Sed venenatis, lorem venenatis volutpat commodo, purus quam lacinia justo, mattis interdum pede pede a odio. Fusce nibh. Morbi nisl mauris, dapibus in, tristique eget, accumsan et, pede. Donec mauris risus, pulvinar ut, faucibus eu, mollis in, nunc. In augue massa, commodo a, cursus vehicula, varius eu, dui. Suspendisse sodales suscipit lorem. Morbi malesuada, eros quis condimentum dignissim, lectus nibh tristique urna, non bibendum diam massa vel risus. Morbi suscipit. Proin egestas, eros at scelerisque scelerisque, dolor lacus fringilla lacus, ut ullamcorper mi magna at quam. Aliquam sed elit. Aliquam turpis purus, congue quis, iaculis id, ullamcorper sit amet, justo. Maecenas sed mauris. Proin magna justo, interdum in, tincidunt eu, viverra eu, turpis. Suspendisse mollis. In magna. Phasellus pellentesque, urna pellentesque convallis pellentesque, augue sem blandit pede, at rhoncus libero nisl a odio.
+Sed vitae nibh non magna semper tempor. Duis dolor. Nam congue laoreet arcu. Fusce lobortis enim quis ligula. Maecenas commodo odio id mi. Maecenas scelerisque tellus eu odio. Etiam dolor purus, lacinia a, imperdiet in, aliquam et, eros. In pellentesque. Nullam ac massa. Integer et turpis. Ut quam augue, congue non, imperdiet id, eleifend ac, nisi. Etiam ac arcu. Cras iaculis accumsan erat. Nullam vulputate sapien nec nisi pretium rhoncus. Aliquam a nibh. Vivamus est ante, fermentum a, tincidunt ut, imperdiet nec, velit. Aenean non tortor. Sed nec mauris eget tellus condimentum rutrum.
\ No newline at end of file
diff --git a/static/development-bundle/demos/tabs/collapsible.html b/static/development-bundle/demos/tabs/collapsible.html
new file mode 100644
index 0000000..eab85af
--- /dev/null
+++ b/static/development-bundle/demos/tabs/collapsible.html
@@ -0,0 +1,54 @@
+
+
+
+ jQuery UI Tabs - Collapse content
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Click this tab again to close the content pane.
+
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.
+
+
+
Click this tab again to close the content pane.
+
Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.
+
+
+
Click this tab again to close the content pane.
+
Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.
+
+
+
+
+
+
+
+
Click the selected tab to toggle its content closed/open. To enable this functionality, set the collapsible
option to true.
+
+
collapsible: true
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/tabs/default.html b/static/development-bundle/demos/tabs/default.html
new file mode 100644
index 0000000..6048bc9
--- /dev/null
+++ b/static/development-bundle/demos/tabs/default.html
@@ -0,0 +1,47 @@
+
+
+
+ jQuery UI Tabs - Default functionality
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.
+
+
+
Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.
+
+
+
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.
+
Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.
+
+
+
+
+
+
+
+
Click tabs to swap between content that is broken into logical sections.
+
+
+
+
+
diff --git a/static/development-bundle/demos/tabs/index.html b/static/development-bundle/demos/tabs/index.html
new file mode 100644
index 0000000..903e9f3
--- /dev/null
+++ b/static/development-bundle/demos/tabs/index.html
@@ -0,0 +1,21 @@
+
+
+
+ jQuery UI Tabs Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/tabs/mouseover.html b/static/development-bundle/demos/tabs/mouseover.html
new file mode 100644
index 0000000..3232e1f
--- /dev/null
+++ b/static/development-bundle/demos/tabs/mouseover.html
@@ -0,0 +1,52 @@
+
+
+
+ jQuery UI Tabs - Open on mouseover
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.
+
+
+
Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.
+
+
+
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.
+
Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.
+
+
+
+
+
+
+
+
Toggle sections open/closed on mouseover with the event
option. The default value for event is "click."
+
+
event: 'mouseover'
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/tabs/sortable.html b/static/development-bundle/demos/tabs/sortable.html
new file mode 100644
index 0000000..1b0d458
--- /dev/null
+++ b/static/development-bundle/demos/tabs/sortable.html
@@ -0,0 +1,62 @@
+
+
+
+ jQuery UI Tabs - Sortable
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.
+
+
+
Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.
+
+
+
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.
+
Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.
+
+
+
+
+
+
+
+
+Drag the tabs above to re-order them.
+
+
+
+Making tabs sortable is as simple as calling
+
+.sortable()
+
+on the
+
+.ui-tabs-nav
+
+element.
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/tabs/vertical.html b/static/development-bundle/demos/tabs/vertical.html
new file mode 100644
index 0000000..56001c3
--- /dev/null
+++ b/static/development-bundle/demos/tabs/vertical.html
@@ -0,0 +1,62 @@
+
+
+
+ jQuery UI Tabs - Vertical Tabs functionality
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Content heading 1
+
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.
+
+
+
Content heading 2
+
Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.
+
+
+
Content heading 3
+
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.
+
Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.
+
+
+
+
+
+
+
+
Click tabs to swap between content that is broken into logical sections.
+
+
+
+
+
diff --git a/static/development-bundle/demos/toggle/default.html b/static/development-bundle/demos/toggle/default.html
new file mode 100644
index 0000000..ffb464b
--- /dev/null
+++ b/static/development-bundle/demos/toggle/default.html
@@ -0,0 +1,94 @@
+
+
+
+ jQuery UI Effects - Toggle Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
+
+
+
+
+
+ Blind
+ Bounce
+ Clip
+ Drop
+ Explode
+ Fold
+ Highlight
+ Puff
+ Pulsate
+ Scale
+ Shake
+ Size
+ Slide
+ Transfer
+
+
+
Run Effect
+
+
+
+
+
Click the button above to preview the effect.
+
+
+
+
+
diff --git a/static/development-bundle/demos/toggle/index.html b/static/development-bundle/demos/toggle/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/toggle/index.html
@@ -0,0 +1,17 @@
+
+
+
+ jQuery UI Effects Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/demos/toggleClass/default.html b/static/development-bundle/demos/toggleClass/default.html
new file mode 100644
index 0000000..8faa159
--- /dev/null
+++ b/static/development-bundle/demos/toggleClass/default.html
@@ -0,0 +1,45 @@
+
+
+
+ jQuery UI Effects - toggleClass Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
+
+
+
+
Run Effect
+
+
+
+
+
+
Click the button above to preview the effect.
+
+
+
+
+
diff --git a/static/development-bundle/demos/toggleClass/index.html b/static/development-bundle/demos/toggleClass/index.html
new file mode 100644
index 0000000..4b9471d
--- /dev/null
+++ b/static/development-bundle/demos/toggleClass/index.html
@@ -0,0 +1,17 @@
+
+
+
+ jQuery UI Effects Demos
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/accordion.html b/static/development-bundle/docs/accordion.html
new file mode 100644
index 0000000..bf89bc3
--- /dev/null
+++ b/static/development-bundle/docs/accordion.html
@@ -0,0 +1,869 @@
+
+
+
+
jQuery UI Accordion
+
+
+
+
Make the selected elements Accordion widgets. Semantic requirements:
+
The markup of your accordion container needs pairs of headers and content panels. By default, the header elements are anchors, assuming the following structure:
+
<div id="accordion">
+ <a href="#">First header</a>
+ <div>First content</div>
+ <a href="#">Second header</a>
+ <div>Second content</div>
+</div>
+
If you use a different element for the header, specify the header-option with an appropriate selector, eg. header: 'h3'. The content element must be always next to its header.
+
If you have links inside the accordion content and use a-elements as headers, add a class to them and use that as the header, eg. header: 'a.header'.
+
Use activate(Number) to change the active content programmatically.
+
NOTE: If you want multiple sections open at once, don't use an accordion
+
An accordion doesn't allow more than one content panel to be open at the same time, and it takes a lot of effort to do that. If you are looking for a widget that allows more than one content panel to be open, don't use this. Usually it can be written with a few lines of jQuery instead, something like this:
+
jQuery(document).ready(function(){
+ $('.accordion .head').click(function() {
+ $(this).next().toggle();
+ return false;
+ }).next().hide();
+});
+
Or animated:
+
jQuery(document).ready(function(){
+ $('.accordion .head').click(function() {
+ $(this).next().toggle('slow');
+ return false;
+ }).next().hide();
+});
+
+
+
Dependencies
+
+UI Core
+UI Effects Core (Optional - only for non-default animations)
+
+
+
+
Example
+
+
+
+A simple jQuery UI Accordion.
+
+
$("#accordion").accordion();
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.accordion.js"></script>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("#accordion").accordion();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="accordion">
+ <h3><a href="#">Section 1</a></h3>
+ <div>
+ <p>
+ Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
+ ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
+ amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
+ odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
+ </p>
+ </div>
+ <h3><a href="#">Section 2</a></h3>
+ <div>
+ <p>
+ Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
+ purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
+ velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
+ suscipit faucibus urna.
+ </p>
+ </div>
+ <h3><a href="#">Section 3</a></h3>
+ <div>
+ <p>
+ Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
+ Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
+ ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
+ lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
+ </p>
+ <ul>
+ <li>List item one</li>
+ <li>List item two</li>
+ <li>List item three</li>
+ </ul>
+ </div>
+ <h3><a href="#">Section 4</a></h3>
+ <div>
+ <p>
+ Cras dictum. Pellentesque habitant morbi tristique senectus et netus
+ et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
+ faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
+ mauris vel est.
+ </p>
+ <p>
+ Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
+ Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
+ inceptos himenaeos.
+ </p>
+ </div>
+</div>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
Selector for the active element. Set to false to display none at start. Needs collapsible: true
.
+
+
+
Code examples
+
+
+
+ Initialize a accordion with the active
option specified.
+
+
+$('.selector').accordion({ active: 2 });
+
+
+
+
+ Get or set the active
option, after init.
+
+
+//getter
+var active = $('.selector').accordion('option', 'active');
+//setter
+$('.selector').accordion('option', 'active', 2);
+
+
+
+
+
+
+
+
+
+
+
Choose your favorite animation, or disable them (set to false). In addition to the default, 'bounceslide' and all defined easing methods are supported ('bounceslide' requires UI Effects Core).
+
+
+
Code examples
+
+
+
+ Initialize a accordion with the animated
option specified.
+
+
+$('.selector').accordion({ animated: 'bounceslide' });
+
+
+
+
+ Get or set the animated
option, after init.
+
+
+//getter
+var animated = $('.selector').accordion('option', 'animated');
+//setter
+$('.selector').accordion('option', 'animated', 'bounceslide');
+
+
+
+
+
+
+
+
+
+
+
If set, the highest content part is used as height reference for all other parts. Provides more consistent animations.
+
+
+
Code examples
+
+
+
+ Initialize a accordion with the autoHeight
option specified.
+
+
+$('.selector').accordion({ autoHeight: false });
+
+
+
+
+ Get or set the autoHeight
option, after init.
+
+
+//getter
+var autoHeight = $('.selector').accordion('option', 'autoHeight');
+//setter
+$('.selector').accordion('option', 'autoHeight', false);
+
+
+
+
+
+
+
+
+
+
+
If set, clears height and overflow styles after finishing animations. This enables accordions to work with dynamic content. Won't work together with autoHeight.
+
+
+
Code examples
+
+
+
+ Initialize a accordion with the clearStyle
option specified.
+
+
+$('.selector').accordion({ clearStyle: true });
+
+
+
+
+ Get or set the clearStyle
option, after init.
+
+
+//getter
+var clearStyle = $('.selector').accordion('option', 'clearStyle');
+//setter
+$('.selector').accordion('option', 'clearStyle', true);
+
+
+
+
+
+
+
+
+
+
+
Whether all the sections can be closed at once. Allows collapsing the active section by the triggering event (click is the default).
+
+
+
Code examples
+
+
+
+ Initialize a accordion with the collapsible
option specified.
+
+
+$('.selector').accordion({ collapsible: true });
+
+
+
+
+ Get or set the collapsible
option, after init.
+
+
+//getter
+var collapsible = $('.selector').accordion('option', 'collapsible');
+//setter
+$('.selector').accordion('option', 'collapsible', true);
+
+
+
+
+
+
+
+
+
+
+
The event on which to trigger the accordion.
+
+
+
Code examples
+
+
+
+ Initialize a accordion with the event
option specified.
+
+
+$('.selector').accordion({ event: 'mouseover' });
+
+
+
+
+ Get or set the event
option, after init.
+
+
+//getter
+var event = $('.selector').accordion('option', 'event');
+//setter
+$('.selector').accordion('option', 'event', 'mouseover');
+
+
+
+
+
+
+
+
+
+
+
If set, the accordion completely fills the height of the parent element. Overrides autoheight.
+
+
+
Code examples
+
+
+
+ Initialize a accordion with the fillSpace
option specified.
+
+
+$('.selector').accordion({ fillSpace: true });
+
+
+
+
+ Get or set the fillSpace
option, after init.
+
+
+//getter
+var fillSpace = $('.selector').accordion('option', 'fillSpace');
+//setter
+$('.selector').accordion('option', 'fillSpace', true);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Icons to use for headers. Icons may be specified for 'header' and 'headerSelected', and we recommend using the icons native to the jQuery UI CSS Framework manipulated by jQuery UI ThemeRoller
+
+
+
Code examples
+
+
+
+ Initialize a accordion with the icons
option specified.
+
+
+$('.selector').accordion({ icons: { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' } });
+
+
+
+
+ Get or set the icons
option, after init.
+
+
+//getter
+var icons = $('.selector').accordion('option', 'icons');
+//setter
+$('.selector').accordion('option', 'icons', { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' });
+
+
+
+
+
+
+
+
+
+
+
If set, looks for the anchor that matches location.href and activates it. Great for href-based state-saving. Use navigationFilter to implement your own matcher.
+
+
+
Code examples
+
+
+
+ Initialize a accordion with the navigation
option specified.
+
+
+$('.selector').accordion({ navigation: true });
+
+
+
+
+ Get or set the navigation
option, after init.
+
+
+//getter
+var navigation = $('.selector').accordion('option', 'navigation');
+//setter
+$('.selector').accordion('option', 'navigation', true);
+
+
+
+
+
+
+
+
+
+
+
Overwrite the default location.href-matching with your own matcher.
+
+
+
Code examples
+
+
+
+ Initialize a accordion with the navigationFilter
option specified.
+
+
+$('.selector').accordion({ navigationFilter: function(){ ... } });
+
+
+
+
+ Get or set the navigationFilter
option, after init.
+
+
+//getter
+var navigationFilter = $('.selector').accordion('option', 'navigationFilter');
+//setter
+$('.selector').accordion('option', 'navigationFilter', function(){ ... });
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This event is triggered every time the accordion changes. If the accordion is animated, the event will be triggered upon completion of the animation; otherwise, it is triggered immediately.
+
+
$('.ui-accordion').bind('accordionchange', function(event, ui) {
+ ui.newHeader // jQuery object, activated header
+ ui.oldHeader // jQuery object, previous header
+ ui.newContent // jQuery object, activated content
+ ui.oldContent // jQuery object, previous content
+});
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the change
event as an init option.
+
+
+$('.selector').accordion({
+ change: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the change
event by type: accordionchange
.
+
+
+$('.selector').bind('accordionchange', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered every time the accordion starts to change.
+
+
$('.ui-accordion').bind('accordionchangestart', function(event, ui) {
+ ui.newHeader // jQuery object, activated header
+ ui.oldHeader // jQuery object, previous header
+ ui.newContent // jQuery object, activated content
+ ui.oldContent // jQuery object, previous content
+});
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the changestart
event as an init option.
+
+
+$('.selector').accordion({
+ changestart: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the changestart
event by type: accordionchangestart
.
+
+
+$('.selector').bind('accordionchangestart', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Remove the accordion functionality completely. This will return the element back to its pre-init state.
+
+
+
+
+
+
+
+
Disable the accordion.
+
+
+
+
+
+
+
+
Enable the accordion.
+
+
+
+
+
+
+
+
Get or set any accordion option. If no value is specified, will act as a getter.
+
+
+
+
+
+
+
+
Activate a content part of the Accordion programmatically. The index can be a zero-indexed number to match the position of the header to close or a Selector matching an element. Pass false
to close all (only possible with collapsible:true
).
+
+
+
+
+
+
+
+
The jQuery UI Accordion plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+
+
If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.accordion.css stylesheet that can be modified. These classes are highlighed in bold below.
+
+
+
Sample markup with jQuery UI CSS Framework classes
+ <div class="
ui-accordion ui-widget ui-helper-reset">
+ <h3 class="
ui-accordion-header ui-helper-reset ui-state-active ui-corner-top">
+ <span class="ui-icon ui-icon-triangle-1-s"/>
+ <a href="#">Section 1</a>
+ </h3>
+ <div class="
ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom
ui-accordion-content-active ">
+ Section 1 content
+ </div>
+ <h3 class="
ui-accordion-header ui-helper-reset ui-state-default ui-corner-all">
+ <span class="ui-icon ui-icon-triangle-1-e"/>
+ <a href="#">Section 2</a>
+ </h3>
+ <div class="
ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom">
+ Section 2 content
+ </div>
+ <h3 class="
ui-accordion-header ui-helper-reset ui-state-default ui-corner-all">
+ <span class="ui-icon ui-icon-triangle-1-e"/>
+ <a href="#">Section 3</a>
+ </h3>
+ <div class="
ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom">
+ Section 3 content
+ </div>
+</div>
+
+
+ Note: This is a sample of markup generated by the accordion plugin, not markup you should use to create a accordion. The only markup needed for that is <div>
+ <h3><a href="#">Section 1</a></h3>
+ <div>
+ Section 1 content
+ </div>
+ <h3><a href="#">Section 2</a></h3>
+ <div>
+ Section 2 content
+ </div>
+ <h3><a href="#">Section 3</a></h3>
+ <div>
+ Section 3 content
+ </div>
+</div>.
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/addClass.html b/static/development-bundle/docs/addClass.html
new file mode 100644
index 0000000..e0e2a1d
--- /dev/null
+++ b/static/development-bundle/docs/addClass.html
@@ -0,0 +1,108 @@
+
+
+
+
jQuery UI addClass
+
+
+
+
addClass( class, [ duration] )
+
Adds the specified class to each of the set of matched elements with an optional transition between the states.
+
+
+
+
Example
+
+
+
+Adds the class 'selected' to the matched elements with a one second transition.
+
+
$("p").click (function () {
+ $(this).addClass ("selected", 1000);
+ });
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<style type="text/css">
+ p { cursor: pointer; font-size: 1.2em; }
+ .selected { color:red; }
+</style>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("p").click (function () {
+ $(this).addClass ("selected", 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <p>Click me to add a 'selected' class.</p>
+<p>Click me to add a 'selected' class.</p>
+<p>Click me to add a 'selected' class.</p>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
One CSS class to add to the elements.
+
+
+
+
+
+
+
+
A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).
+
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/animate.html b/static/development-bundle/docs/animate.html
new file mode 100644
index 0000000..9c365a4
--- /dev/null
+++ b/static/development-bundle/docs/animate.html
@@ -0,0 +1,78 @@
+« Back to the jQuery UI Docs
+
The jQuery UI effects core extends the animate function to be able to animate colors as well. It's heavily used by the class transition feature and it's able to color animate the following properties:
+
+ backgroundColor
+ borderBottomColor
+ borderLeftColor
+ borderRightColor
+ borderTopColor
+ color
+ outlineColor
+
+with one of the following combinations:
+
+ hex (#FF0000)
+ rgb (rgb(255,255,255))
+ names ("black")
+
+
+
Example: Name Type
+
+
+
+A simple color animation.
+
+
$(".block").toggle (function() {
+ $(this).animate ({ backgroundColor: "black" }, 1000);
+},function() {
+ $(this).animate ({ backgroundColor: "#68BFEF" }, 500);
+});
+
+
+
+
+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+ "http://www.w3.org/TR/html4/loose.dtd ">
+<html>
+<head>
+ <script src="http://code.jquery.com/jquery-latest.js "></script>
+
+ <script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+
+ <script>
+ $(document).ready(function(){
+ $(".block").toggle (function() {
+ $(this).animate ({ backgroundColor: "black" }, 1000);
+},function() {
+ $(this).animate ({ backgroundColor: "#68BFEF" }, 500);
+});
+
+ });
+ </script>
+ <style>
+ .block {
+ color: white;
+ background-color: #68BFEF;
+ width: 150px;
+ height: 70px;
+ margin: 10px;
+ }
+ </style>
+</head>
+<body>
+ <div class="block"> Click me</div>
+</body>
+</html>
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/datepicker.html b/static/development-bundle/docs/datepicker.html
new file mode 100644
index 0000000..f0772b2
--- /dev/null
+++ b/static/development-bundle/docs/datepicker.html
@@ -0,0 +1,2150 @@
+
+
+
+
jQuery UI Datepicker
+
+
+
+
The jQuery UI Datepicker is a highly configurable plugin that adds datepicker functionality to your pages. You can customize the date format and language, restrict the selectable date ranges and add in buttons and other navigation options easily.
+
By default, the datepicker calendar opens in a small overlay onFocus and closes automatically onBlur or when a date if selected. For an inline calendar, simply attach the datepicker to a div or span.
+
You can use keyboard shortcuts to drive the datepicker:
+
+
+ page up/down - previous/next month
+ ctrl+page up/down - previous/next year
+ ctrl+home - current month or open when closed
+ ctrl+left/right - previous/next day
+ ctrl+up/down - previous/next week
+ enter - accept the selected date
+ ctrl+end - close and erase the date
+ escape - close the datepicker without selection
+
+
Utility functions
+
+
+
+
+
Example
+
+
+
+A simple jQuery UI Datepicker.
+
+
$("#datepicker").datepicker();
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.datepicker.js"></script>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("#datepicker").datepicker();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div type="text" id="datepicker"></div>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
The jQuery selector for another field that is to be updated with the selected date from the datepicker. Use the altFormat
setting below to change the format of the date within this field. Leave as blank for no alternate field.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the altField
option specified.
+
+
+$('.selector').datepicker({ altField: '#actualDate' });
+
+
+
+
+ Get or set the altField
option, after init.
+
+
+//getter
+var altField = $('.selector').datepicker('option', 'altField');
+//setter
+$('.selector').datepicker('option', 'altField', '#actualDate');
+
+
+
+
+
+
+
+
+
+
+
The dateFormat
to be used for the altField
option. This allows one date format to be shown to the user for selection purposes, while a different format is actually sent behind the scenes. For a full list of the possible formats see the formatDate function
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the altFormat
option specified.
+
+
+$('.selector').datepicker({ altFormat: 'yy-mm-dd' });
+
+
+
+
+ Get or set the altFormat
option, after init.
+
+
+//getter
+var altFormat = $('.selector').datepicker('option', 'altFormat');
+//setter
+$('.selector').datepicker('option', 'altFormat', 'yy-mm-dd');
+
+
+
+
+
+
+
+
+
+
+
The text to display after each date field, e.g. to show the required format.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the appendText
option specified.
+
+
+$('.selector').datepicker({ appendText: '(yyyy-mm-dd)' });
+
+
+
+
+ Get or set the appendText
option, after init.
+
+
+//getter
+var appendText = $('.selector').datepicker('option', 'appendText');
+//setter
+$('.selector').datepicker('option', 'appendText', '(yyyy-mm-dd)');
+
+
+
+
+
+
+
+
+
+
+
The URL for the popup button image. If set, button text becomes the alt value and is not directly displayed.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the buttonImage
option specified.
+
+
+$('.selector').datepicker({ buttonImage: '/images/datepicker.gif' });
+
+
+
+
+ Get or set the buttonImage
option, after init.
+
+
+//getter
+var buttonImage = $('.selector').datepicker('option', 'buttonImage');
+//setter
+$('.selector').datepicker('option', 'buttonImage', '/images/datepicker.gif');
+
+
+
+
+
+
+
+
+
+
+
Set to true to place an image after the field to use as the trigger without it appearing on a button.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the buttonImageOnly
option specified.
+
+
+$('.selector').datepicker({ buttonImageOnly: true });
+
+
+
+
+ Get or set the buttonImageOnly
option, after init.
+
+
+//getter
+var buttonImageOnly = $('.selector').datepicker('option', 'buttonImageOnly');
+//setter
+$('.selector').datepicker('option', 'buttonImageOnly', true);
+
+
+
+
+
+
+
+
+
+
+
The text to display on the trigger button. Use in conjunction with showOn equal to 'button' or 'both'.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the buttonText
option specified.
+
+
+$('.selector').datepicker({ buttonText: 'Choose' });
+
+
+
+
+ Get or set the buttonText
option, after init.
+
+
+//getter
+var buttonText = $('.selector').datepicker('option', 'buttonText');
+//setter
+$('.selector').datepicker('option', 'buttonText', 'Choose');
+
+
+
+
+
+
+
+
+
+
+
Allows you to change the month by selecting from a drop-down list. You can enable this feature by setting the attribute to true.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the changeMonth
option specified.
+
+
+$('.selector').datepicker({ changeMonth: true });
+
+
+
+
+ Get or set the changeMonth
option, after init.
+
+
+//getter
+var changeMonth = $('.selector').datepicker('option', 'changeMonth');
+//setter
+$('.selector').datepicker('option', 'changeMonth', true);
+
+
+
+
+
+
+
+
+
+
+
Allows you to change the year by selecting from a drop-down list. You can enable this feature by setting the attribute to true.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the changeYear
option specified.
+
+
+$('.selector').datepicker({ changeYear: true });
+
+
+
+
+ Get or set the changeYear
option, after init.
+
+
+//getter
+var changeYear = $('.selector').datepicker('option', 'changeYear');
+//setter
+$('.selector').datepicker('option', 'changeYear', true);
+
+
+
+
+
+
+
+
+
+
+
The text to display for the close link. This attribute is one of the regionalisation attributes. Use the showButtonPanel
to display this button.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the closeText
option specified.
+
+
+$('.selector').datepicker({ closeText: 'X' });
+
+
+
+
+ Get or set the closeText
option, after init.
+
+
+//getter
+var closeText = $('.selector').datepicker('option', 'closeText');
+//setter
+$('.selector').datepicker('option', 'closeText', 'X');
+
+
+
+
+
+
+
+
+
+
+
True if the input field is constrained to the current date format.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the constrainInput
option specified.
+
+
+$('.selector').datepicker({ constrainInput: false });
+
+
+
+
+ Get or set the constrainInput
option, after init.
+
+
+//getter
+var constrainInput = $('.selector').datepicker('option', 'constrainInput');
+//setter
+$('.selector').datepicker('option', 'constrainInput', false);
+
+
+
+
+
+
+
+
+
+
+
The text to display for the current day link. This attribute is one of the regionalisation attributes. Use the showButtonPanel
to display this button.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the currentText
option specified.
+
+
+$('.selector').datepicker({ currentText: 'Now' });
+
+
+
+
+ Get or set the currentText
option, after init.
+
+
+//getter
+var currentText = $('.selector').datepicker('option', 'currentText');
+//setter
+$('.selector').datepicker('option', 'currentText', 'Now');
+
+
+
+
+
+
+
+
+
+
+
The format for parsed and displayed dates. This attribute is one of the regionalisation attributes. For a full list of the possible formats see the formatDate function.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the dateFormat
option specified.
+
+
+$('.selector').datepicker({ dateFormat: 'yy-mm-dd' });
+
+
+
+
+ Get or set the dateFormat
option, after init.
+
+
+//getter
+var dateFormat = $('.selector').datepicker('option', 'dateFormat');
+//setter
+$('.selector').datepicker('option', 'dateFormat', 'yy-mm-dd');
+
+
+
+
+
+
+
+
+
+
+
The list of long day names, starting from Sunday, for use as requested via the dateFormat
setting. They also appear as popup hints when hovering over the corresponding column headings. This attribute is one of the regionalisation attributes.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the dayNames
option specified.
+
+
+$('.selector').datepicker({ dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'] });
+
+
+
+
+ Get or set the dayNames
option, after init.
+
+
+//getter
+var dayNames = $('.selector').datepicker('option', 'dayNames');
+//setter
+$('.selector').datepicker('option', 'dayNames', ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi']);
+
+
+
+
+
+
+
+
+
+
+
The list of minimised day names, starting from Sunday, for use as column headers within the datepicker. This attribute is one of the regionalisation attributes.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the dayNamesMin
option specified.
+
+
+$('.selector').datepicker({ dayNamesMin: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'] });
+
+
+
+
+ Get or set the dayNamesMin
option, after init.
+
+
+//getter
+var dayNamesMin = $('.selector').datepicker('option', 'dayNamesMin');
+//setter
+$('.selector').datepicker('option', 'dayNamesMin', ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa']);
+
+
+
+
+
+
+
+
+
+
+
The list of abbreviated day names, starting from Sunday, for use as requested via the dateFormat
setting. This attribute is one of the regionalisation attributes.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the dayNamesShort
option specified.
+
+
+$('.selector').datepicker({ dayNamesShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'] });
+
+
+
+
+ Get or set the dayNamesShort
option, after init.
+
+
+//getter
+var dayNamesShort = $('.selector').datepicker('option', 'dayNamesShort');
+//setter
+$('.selector').datepicker('option', 'dayNamesShort', ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam']);
+
+
+
+
+
+
+
+
+
+
+
Set the date to highlight on first opening if the field is blank. Specify either an actual date via a Date object, or a number of days from today (e.g. +7) or a string of values and periods ('y' for years, 'm' for months, 'w' for weeks, 'd' for days, e.g. '+1m +7d'), or null for today.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the defaultDate
option specified.
+
+
+$('.selector').datepicker({ defaultDate: +7 });
+
+
+
+
+ Get or set the defaultDate
option, after init.
+
+
+//getter
+var defaultDate = $('.selector').datepicker('option', 'defaultDate');
+//setter
+$('.selector').datepicker('option', 'defaultDate', +7);
+
+
+
+
+
+
+
+
+
+
+
Control the speed at which the datepicker appears, it may be a time in milliseconds, a string representing one of the three predefined speeds ("slow", "normal", "fast"), or '' for immediately.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the duration
option specified.
+
+
+$('.selector').datepicker({ duration: 'slow' });
+
+
+
+
+ Get or set the duration
option, after init.
+
+
+//getter
+var duration = $('.selector').datepicker('option', 'duration');
+//setter
+$('.selector').datepicker('option', 'duration', 'slow');
+
+
+
+
+
+
+
+
+
+
+
Set the first day of the week: Sunday is 0, Monday is 1, ... This attribute is one of the regionalisation attributes.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the firstDay
option specified.
+
+
+$('.selector').datepicker({ firstDay: 1 });
+
+
+
+
+ Get or set the firstDay
option, after init.
+
+
+//getter
+var firstDay = $('.selector').datepicker('option', 'firstDay');
+//setter
+$('.selector').datepicker('option', 'firstDay', 1);
+
+
+
+
+
+
+
+
+
+
+
If true, the current day link moves to the currently selected date instead of today.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the gotoCurrent
option specified.
+
+
+$('.selector').datepicker({ gotoCurrent: true });
+
+
+
+
+ Get or set the gotoCurrent
option, after init.
+
+
+//getter
+var gotoCurrent = $('.selector').datepicker('option', 'gotoCurrent');
+//setter
+$('.selector').datepicker('option', 'gotoCurrent', true);
+
+
+
+
+
+
+
+
+
+
+
Normally the previous and next links are disabled when not applicable (see minDate
/maxDate
). You can hide them altogether by setting this attribute to true.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the hideIfNoPrevNext
option specified.
+
+
+$('.selector').datepicker({ hideIfNoPrevNext: true });
+
+
+
+
+ Get or set the hideIfNoPrevNext
option, after init.
+
+
+//getter
+var hideIfNoPrevNext = $('.selector').datepicker('option', 'hideIfNoPrevNext');
+//setter
+$('.selector').datepicker('option', 'hideIfNoPrevNext', true);
+
+
+
+
+
+
+
+
+
+
+
True if the current language is drawn from right to left. This attribute is one of the regionalisation attributes.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the isRTL
option specified.
+
+
+$('.selector').datepicker({ isRTL: true });
+
+
+
+
+ Get or set the isRTL
option, after init.
+
+
+//getter
+var isRTL = $('.selector').datepicker('option', 'isRTL');
+//setter
+$('.selector').datepicker('option', 'isRTL', true);
+
+
+
+
+
+
+
+
+
+
+
Set a maximum selectable date via a Date object, or a number of days from today (e.g. +7) or a string of values and periods ('y' for years, 'm' for months, 'w' for weeks, 'd' for days, e.g. '+1m +1w'), or null for no limit.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the maxDate
option specified.
+
+
+$('.selector').datepicker({ maxDate: '+1m +1w' });
+
+
+
+
+ Get or set the maxDate
option, after init.
+
+
+//getter
+var maxDate = $('.selector').datepicker('option', 'maxDate');
+//setter
+$('.selector').datepicker('option', 'maxDate', '+1m +1w');
+
+
+
+
+
+
+
+
+
+
+
Set a minimum selectable date via a Date object, or a number of days from today (e.g. +7) or a string of values and periods ('y' for years, 'm' for months, 'w' for weeks, 'd' for days, e.g. '-1y -1m'), or null for no limit.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the minDate
option specified.
+
+
+$('.selector').datepicker({ minDate: new Date(2007, 1 - 1, 1) });
+
+
+
+
+ Get or set the minDate
option, after init.
+
+
+//getter
+var minDate = $('.selector').datepicker('option', 'minDate');
+//setter
+$('.selector').datepicker('option', 'minDate', new Date(2007, 1 - 1, 1));
+
+
+
+
+
+
+
+
+
+
+
The list of full month names, as used in the month header on each datepicker and as requested via the dateFormat
setting. This attribute is one of the regionalisation attributes.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the monthNames
option specified.
+
+
+$('.selector').datepicker({ monthNames: ['Januar','Februar','Marts','April','Maj','Juni','Juli','August','September','Oktober','November','December'] });
+
+
+
+
+ Get or set the monthNames
option, after init.
+
+
+//getter
+var monthNames = $('.selector').datepicker('option', 'monthNames');
+//setter
+$('.selector').datepicker('option', 'monthNames', ['Januar','Februar','Marts','April','Maj','Juni','Juli','August','September','Oktober','November','December']);
+
+
+
+
+
+
+
+
+
+
+
The list of abbreviated month names, for use as requested via the dateFormat
setting. This attribute is one of the regionalisation attributes.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the monthNamesShort
option specified.
+
+
+$('.selector').datepicker({ monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'] });
+
+
+
+
+ Get or set the monthNamesShort
option, after init.
+
+
+//getter
+var monthNamesShort = $('.selector').datepicker('option', 'monthNamesShort');
+//setter
+$('.selector').datepicker('option', 'monthNamesShort', ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec']);
+
+
+
+
+
+
+
+
+
+
+
When true the formatDate
function is applied to the prevText
, nextText
, and currentText
values before display, allowing them to display the target month names for example.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the navigationAsDateFormat
option specified.
+
+
+$('.selector').datepicker({ navigationAsDateFormat: true });
+
+
+
+
+ Get or set the navigationAsDateFormat
option, after init.
+
+
+//getter
+var navigationAsDateFormat = $('.selector').datepicker('option', 'navigationAsDateFormat');
+//setter
+$('.selector').datepicker('option', 'navigationAsDateFormat', true);
+
+
+
+
+
+
+
+
+
+
+
The text to display for the next month link. This attribute is one of the regionalisation attributes. With the standard ThemeRoller styling, this value is replaced by an icon.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the nextText
option specified.
+
+
+$('.selector').datepicker({ nextText: 'Later' });
+
+
+
+
+ Get or set the nextText
option, after init.
+
+
+//getter
+var nextText = $('.selector').datepicker('option', 'nextText');
+//setter
+$('.selector').datepicker('option', 'nextText', 'Later');
+
+
+
+
+
+
+
+
+
+
+
Set how many months to show at once. The value can be a straight integer, or can be a two-element array to define the number of rows and columns to display.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the numberOfMonths
option specified.
+
+
+$('.selector').datepicker({ numberOfMonths: [2, 3] });
+
+
+
+
+ Get or set the numberOfMonths
option, after init.
+
+
+//getter
+var numberOfMonths = $('.selector').datepicker('option', 'numberOfMonths');
+//setter
+$('.selector').datepicker('option', 'numberOfMonths', [2, 3]);
+
+
+
+
+
+
+
+
+
+
+
The text to display for the previous month link. This attribute is one of the regionalisation attributes. With the standard ThemeRoller styling, this value is replaced by an icon.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the prevText
option specified.
+
+
+$('.selector').datepicker({ prevText: 'Earlier' });
+
+
+
+
+ Get or set the prevText
option, after init.
+
+
+//getter
+var prevText = $('.selector').datepicker('option', 'prevText');
+//setter
+$('.selector').datepicker('option', 'prevText', 'Earlier');
+
+
+
+
+
+
+
+
+
+
+
Set the cutoff year for determining the century for a date (used in conjunction with dateFormat
'y'). If a numeric value (0-99) is provided then this value is used directly. If a string value is provided then it is converted to a number and added to the current year. Once the cutoff year is calculated, any dates entered with a year value less than or equal to it are considered to be in the current century, while those greater than it are deemed to be in the previous century.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the shortYearCutoff
option specified.
+
+
+$('.selector').datepicker({ shortYearCutoff: 50 });
+
+
+
+
+ Get or set the shortYearCutoff
option, after init.
+
+
+//getter
+var shortYearCutoff = $('.selector').datepicker('option', 'shortYearCutoff');
+//setter
+$('.selector').datepicker('option', 'shortYearCutoff', 50);
+
+
+
+
+
+
+
+
+
+
+
Set the name of the animation used to show/hide the datepicker. Use 'show' (the default), 'slideDown', 'fadeIn', or any of the show/hide jQuery UI effects .
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the showAnim
option specified.
+
+
+$('.selector').datepicker({ showAnim: 'fold' });
+
+
+
+
+ Get or set the showAnim
option, after init.
+
+
+//getter
+var showAnim = $('.selector').datepicker('option', 'showAnim');
+//setter
+$('.selector').datepicker('option', 'showAnim', 'fold');
+
+
+
+
+
+
+
+
+
+
+
Whether to show the button panel.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the showButtonPanel
option specified.
+
+
+$('.selector').datepicker({ showButtonPanel: true });
+
+
+
+
+ Get or set the showButtonPanel
option, after init.
+
+
+//getter
+var showButtonPanel = $('.selector').datepicker('option', 'showButtonPanel');
+//setter
+$('.selector').datepicker('option', 'showButtonPanel', true);
+
+
+
+
+
+
+
+
+
+
+
Specify where in a multi-month display the current month shows, starting from 0 at the top/left.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the showCurrentAtPos
option specified.
+
+
+$('.selector').datepicker({ showCurrentAtPos: 3 });
+
+
+
+
+ Get or set the showCurrentAtPos
option, after init.
+
+
+//getter
+var showCurrentAtPos = $('.selector').datepicker('option', 'showCurrentAtPos');
+//setter
+$('.selector').datepicker('option', 'showCurrentAtPos', 3);
+
+
+
+
+
+
+
+
+
+
+
Whether to show the month after the year in the header.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the showMonthAfterYear
option specified.
+
+
+$('.selector').datepicker({ showMonthAfterYear: true });
+
+
+
+
+ Get or set the showMonthAfterYear
option, after init.
+
+
+//getter
+var showMonthAfterYear = $('.selector').datepicker('option', 'showMonthAfterYear');
+//setter
+$('.selector').datepicker('option', 'showMonthAfterYear', true);
+
+
+
+
+
+
+
+
+
+
+
Have the datepicker appear automatically when the field receives focus ('focus'), appear only when a button is clicked ('button'), or appear when either event takes place ('both').
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the showOn
option specified.
+
+
+$('.selector').datepicker({ showOn: 'both' });
+
+
+
+
+ Get or set the showOn
option, after init.
+
+
+//getter
+var showOn = $('.selector').datepicker('option', 'showOn');
+//setter
+$('.selector').datepicker('option', 'showOn', 'both');
+
+
+
+
+
+
+
+
+
+
+
If using one of the jQuery UI effects for showAnim
, you can provide additional settings for that animation via this option.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the showOptions
option specified.
+
+
+$('.selector').datepicker({ showOptions: {direction: 'up' });
+
+
+
+
+ Get or set the showOptions
option, after init.
+
+
+//getter
+var showOptions = $('.selector').datepicker('option', 'showOptions');
+//setter
+$('.selector').datepicker('option', 'showOptions', {direction: 'up');
+
+
+
+
+
+
+
+
+
+
+
Display dates in other months (non-selectable) at the start or end of the current month.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the showOtherMonths
option specified.
+
+
+$('.selector').datepicker({ showOtherMonths: true });
+
+
+
+
+ Get or set the showOtherMonths
option, after init.
+
+
+//getter
+var showOtherMonths = $('.selector').datepicker('option', 'showOtherMonths');
+//setter
+$('.selector').datepicker('option', 'showOtherMonths', true);
+
+
+
+
+
+
+
+
+
+
+
Set how many months to move when clicking the Previous/Next links.
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the stepMonths
option specified.
+
+
+$('.selector').datepicker({ stepMonths: 3 });
+
+
+
+
+ Get or set the stepMonths
option, after init.
+
+
+//getter
+var stepMonths = $('.selector').datepicker('option', 'stepMonths');
+//setter
+$('.selector').datepicker('option', 'stepMonths', 3);
+
+
+
+
+
+
+
+
+
+
+
Control the range of years displayed in the year drop-down: either relative to current year (-nn:+nn) or absolute (nnnn:nnnn).
+
+
+
Code examples
+
+
+
+ Initialize a datepicker with the yearRange
option specified.
+
+
+$('.selector').datepicker({ yearRange: '2000:2010' });
+
+
+
+
+ Get or set the yearRange
option, after init.
+
+
+//getter
+var yearRange = $('.selector').datepicker('option', 'yearRange');
+//setter
+$('.selector').datepicker('option', 'yearRange', '2000:2010');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Can be a function that takes an input field and current datepicker instance and returns an options object to update the datepicker with. It is called just before the datepicker is displayed.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the beforeShow
event as an init option.
+
+
+$('.selector').datepicker({
+ beforeShow: function(input) { ... }
+});
+
+
+
+
+
+
+
+
+
+
+
The function takes a date as a parameter and must return an array with [0] equal to true/false indicating whether or not this date is selectable, [1] equal to a CSS class name(s) or '' for the default presentation and [2] an optional popup tooltip for this date. It is called for each day in the datepicker before is it displayed.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the beforeShowDay
event as an init option.
+
+
+$('.selector').datepicker({
+ beforeShowDay: function(date) { ... }
+});
+
+
+
+
+
+
+
+
+
+
+
Allows you to define your own event when the datepicker moves to a new month and/or year. The function receives the selected year, month (1-12), and the datepicker instance as parameters. this
refers to the associated input field.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the onChangeMonthYear
event as an init option.
+
+
+$('.selector').datepicker({
+ onChangeMonthYear: function(year, month, inst) { ... }
+});
+
+
+
+
+
+
+
+
+
+
+
Allows you to define your own event when the datepicker is closed, whether or not a date is selected. The function receives the selected date as text and the datepicker instance as parameters. this
refers to the associated input field.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the onClose
event as an init option.
+
+
+$('.selector').datepicker({
+ onClose: function(dateText, inst) { ... }
+});
+
+
+
+
+
+
+
+
+
+
+
Allows you to define your own event when the datepicker is selected. The function receives the selected date as text and the datepicker instance as parameters. this
refers to the associated input field.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the onSelect
event as an init option.
+
+
+$('.selector').datepicker({
+ onSelect: function(dateText, inst) { ... }
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Remove the datepicker functionality completely. This will return the element back to its pre-init state.
+
+
+
+
+
+
+
+
Disable the datepicker.
+
+
+
+
+
+
+
+
Enable the datepicker.
+
+
+
+
+
+
+
+
Get or set any datepicker option. If no value is specified, will act as a getter.
+
+
+
+
+
+
+
+
Open a datepicker in a "dialog" box.
+
dateText: the initial date for the date picker.
+
onSelect: A callback function when a date is selected. The function receives the date text and date picker instance as parameters.
+
settings: The new settings for the date picker.
+
pos: The position of the top/left of the dialog as [x, y] or a MouseEvent that contains the coordinates. If not specified the dialog is centered on the screen.
+
+
+
+
+
+
+
+
Determine whether a date picker has been disabled.
+
+
+
+
+
+
+
+
Close a previously opened date picker.
+
speed: The speed at which to close the date picker.
+
+
+
+
+
+
+
+
Call up a previously attached date picker.
+
+
+
+
+
+
+
+
Returns the current date for the datepicker.
+
+
+
+
+
+
+
+
Sets the current date for the datepicker. The new date may also be a number of days from today (e.g. +7) or a string of values and periods ('y' for years, 'm' for months, 'w' for weeks, 'd' for days, e.g. '+1m +7d'), or null for today.
+
+
+
+
+
+
+
+
The jQuery UI Datepicker plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+
+
If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.datepicker.css stylesheet that can be modified. These classes are highlighed in bold below.
+
+
+
Sample markup with jQuery UI CSS Framework classes
+ <div id="ui-datepicker-div" class="
ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible">
+ <div class="
ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
+ <a class="
ui-datepicker-prev ui-corner-all">title="Prev"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
+ <a class="
ui-datepicker-next ui-corner-all" title="Next"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
+ <div class="
ui-datepicker-title ">
+ <span class="
ui-datepicker-month ">January</span><span class="
ui-datepicker-year ">2009</span>
+ </div>
+ </div>
+ <table class="
ui-datepicker-calendar ">
+ <thead>
+ <tr>
+ <th class="
ui-datepicker-week-end "><span title="Sunday">Su</span></th>
+ ...
+ </tr>
+ </thead>
+ <tbody><tr>
+ <td class="
ui-datepicker-week-end ui-datepicker-other-month "> 1 </td>
+ ...
+ </tr>
+ </tbody>
+ </table>
+ <div class="
ui-datepicker-buttonpane ui-widget-content">
+ <button type="button" class="
ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all">Today</button>
+ <button type="button" class="
ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all">Done</button>
+ </div>
+</div>
+
+
+ Note: This is a sample of markup generated by the datepicker plugin, not markup you should use to create a datepicker. The only markup needed for that is <input type="text" /> or <div></div>.
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/dialog.html b/static/development-bundle/docs/dialog.html
new file mode 100644
index 0000000..b763298
--- /dev/null
+++ b/static/development-bundle/docs/dialog.html
@@ -0,0 +1,1520 @@
+
+
+
+
jQuery UI Dialog
+
+
+
+ A dialog is a floating window that contains a title bar and a content area. The dialog window can be moved, resized and closed with the 'x' icon by default.
+
If the content length exceeds the maximum height, a scrollbar will automatically appear.
+
A bottom button bar and semi-transparent modal overlay layer are common options that can be added.
+
+A call to
$(foo).dialog()
initializes a dialog. If you want a click to open a dialog, use
$(foo).dialog('open')
, but if the dialog hasn't been destroyed, the
$(foo).dialog()
init call is only required once, not on each click.
+
+
+
Dependencies
+
+UI Core
+UI Draggable (Optional)
+UI Resizable (Optional)
+
+
+
+
Example
+
+
+
+A simple jQuery UI Dialog.
+
+
$("#dialog").dialog();
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.draggable.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.resizable.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.dialog.js"></script>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("#dialog").dialog();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="dialog" title="Dialog Title">I'm in a dialog</div>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
When autoOpen is true the dialog will open automatically when dialog is called. If false it will stay hidden until .dialog("open") is called on it.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the autoOpen
option specified.
+
+
+$('.selector').dialog({ autoOpen: false });
+
+
+
+
+ Get or set the autoOpen
option, after init.
+
+
+//getter
+var autoOpen = $('.selector').dialog('option', 'autoOpen');
+//setter
+$('.selector').dialog('option', 'autoOpen', false);
+
+
+
+
+
+
+
+
+
+
+
When true, the bgiframe plugin will be used, to fix the issue in IE6 where select boxes show on top of other elements, regardless of zIndex. Requires including the bgiframe plugin. Future versions may not require a separate plugin.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the bgiframe
option specified.
+
+
+$('.selector').dialog({ bgiframe: true });
+
+
+
+
+ Get or set the bgiframe
option, after init.
+
+
+//getter
+var bgiframe = $('.selector').dialog('option', 'bgiframe');
+//setter
+$('.selector').dialog('option', 'bgiframe', true);
+
+
+
+
+
+
+
+
+
+
+
Specifies which buttons should be displayed on the dialog. The property key is the text of the button. The value is the callback function for when the button is clicked. The context of the callback is the dialog element; if you need access to the button, it is available as the target of the event object.
+
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the buttons
option specified.
+
+
+$('.selector').dialog({ buttons: { "Ok": function() { $(this).dialog("close"); } } });
+
+
+
+
+ Get or set the buttons
option, after init.
+
+
+//getter
+var buttons = $('.selector').dialog('option', 'buttons');
+//setter
+$('.selector').dialog('option', 'buttons', { "Ok": function() { $(this).dialog("close"); } });
+
+
+
+
+
+
+
+
+
+
+
Specifies whether the dialog should close when it has focus and the user presses the esacpe (ESC) key.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the closeOnEscape
option specified.
+
+
+$('.selector').dialog({ closeOnEscape: false });
+
+
+
+
+ Get or set the closeOnEscape
option, after init.
+
+
+//getter
+var closeOnEscape = $('.selector').dialog('option', 'closeOnEscape');
+//setter
+$('.selector').dialog('option', 'closeOnEscape', false);
+
+
+
+
+
+
+
+
+
+
+
The specified class name(s) will be added to the dialog, for additional theming.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the dialogClass
option specified.
+
+
+$('.selector').dialog({ dialogClass: 'alert' });
+
+
+
+
+ Get or set the dialogClass
option, after init.
+
+
+//getter
+var dialogClass = $('.selector').dialog('option', 'dialogClass');
+//setter
+$('.selector').dialog('option', 'dialogClass', 'alert');
+
+
+
+
+
+
+
+
+
+
+
If set to true, the dialog will be draggable will be draggable by the titlebar.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the draggable
option specified.
+
+
+$('.selector').dialog({ draggable: false });
+
+
+
+
+ Get or set the draggable
option, after init.
+
+
+//getter
+var draggable = $('.selector').dialog('option', 'draggable');
+//setter
+$('.selector').dialog('option', 'draggable', false);
+
+
+
+
+
+
+
+
+
+
+
The height of the dialog, in pixels.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the height
option specified.
+
+
+$('.selector').dialog({ height: 530 });
+
+
+
+
+ Get or set the height
option, after init.
+
+
+//getter
+var height = $('.selector').dialog('option', 'height');
+//setter
+$('.selector').dialog('option', 'height', 530);
+
+
+
+
+
+
+
+
+
+
+
The effect to be used when the dialog is closed.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the hide
option specified.
+
+
+$('.selector').dialog({ hide: 'slide' });
+
+
+
+
+ Get or set the hide
option, after init.
+
+
+//getter
+var hide = $('.selector').dialog('option', 'hide');
+//setter
+$('.selector').dialog('option', 'hide', 'slide');
+
+
+
+
+
+
+
+
+
+
+
The maximum height to which the dialog can be resized, in pixels.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the maxHeight
option specified.
+
+
+$('.selector').dialog({ maxHeight: 400 });
+
+
+
+
+ Get or set the maxHeight
option, after init.
+
+
+//getter
+var maxHeight = $('.selector').dialog('option', 'maxHeight');
+//setter
+$('.selector').dialog('option', 'maxHeight', 400);
+
+
+
+
+
+
+
+
+
+
+
The maximum width to which the dialog can be resized, in pixels.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the maxWidth
option specified.
+
+
+$('.selector').dialog({ maxWidth: 600 });
+
+
+
+
+ Get or set the maxWidth
option, after init.
+
+
+//getter
+var maxWidth = $('.selector').dialog('option', 'maxWidth');
+//setter
+$('.selector').dialog('option', 'maxWidth', 600);
+
+
+
+
+
+
+
+
+
+
+
The minimum height to which the dialog can be resized, in pixels.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the minHeight
option specified.
+
+
+$('.selector').dialog({ minHeight: 300 });
+
+
+
+
+ Get or set the minHeight
option, after init.
+
+
+//getter
+var minHeight = $('.selector').dialog('option', 'minHeight');
+//setter
+$('.selector').dialog('option', 'minHeight', 300);
+
+
+
+
+
+
+
+
+
+
+
The minimum width to which the dialog can be resized, in pixels.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the minWidth
option specified.
+
+
+$('.selector').dialog({ minWidth: 400 });
+
+
+
+
+ Get or set the minWidth
option, after init.
+
+
+//getter
+var minWidth = $('.selector').dialog('option', 'minWidth');
+//setter
+$('.selector').dialog('option', 'minWidth', 400);
+
+
+
+
+
+
+
+
+
+
+
If set to true, the dialog will have modal behavior; other items on the page will be disabled (i.e. cannot be interacted with). Modal dialogs create an overlay below the dialog but above other page elements.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the modal
option specified.
+
+
+$('.selector').dialog({ modal: true });
+
+
+
+
+ Get or set the modal
option, after init.
+
+
+//getter
+var modal = $('.selector').dialog('option', 'modal');
+//setter
+$('.selector').dialog('option', 'modal', true);
+
+
+
+
+
+
+
+
+
+
+
Specifies where the dialog should be displayed. Possible values: 'center', 'left', 'right', 'top', 'bottom', or an array containing a coordinate pair (in pixel offset from top left of viewport) or the possible string values (e.g. ['right','top'] for top right corner).
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the position
option specified.
+
+
+$('.selector').dialog({ position: 'top' });
+
+
+
+
+ Get or set the position
option, after init.
+
+
+//getter
+var position = $('.selector').dialog('option', 'position');
+//setter
+$('.selector').dialog('option', 'position', 'top');
+
+
+
+
+
+
+
+
+
+
+
If set to true, the dialog will be resizeable.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the resizable
option specified.
+
+
+$('.selector').dialog({ resizable: false });
+
+
+
+
+ Get or set the resizable
option, after init.
+
+
+//getter
+var resizable = $('.selector').dialog('option', 'resizable');
+//setter
+$('.selector').dialog('option', 'resizable', false);
+
+
+
+
+
+
+
+
+
+
+
The effect to be used when the dialog is opened.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the show
option specified.
+
+
+$('.selector').dialog({ show: 'slide' });
+
+
+
+
+ Get or set the show
option, after init.
+
+
+//getter
+var show = $('.selector').dialog('option', 'show');
+//setter
+$('.selector').dialog('option', 'show', 'slide');
+
+
+
+
+
+
+
+
+
+
+
Specifies whether the dialog will stack on top of other dialogs. This will cause the dialog to move to the front of other dialogs when it gains focus.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the stack
option specified.
+
+
+$('.selector').dialog({ stack: false });
+
+
+
+
+ Get or set the stack
option, after init.
+
+
+//getter
+var stack = $('.selector').dialog('option', 'stack');
+//setter
+$('.selector').dialog('option', 'stack', false);
+
+
+
+
+
+
+
+
+
+
+
Specifies the title of the dialog. The title can also be specified by the title attribute on the dialog source element.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the title
option specified.
+
+
+$('.selector').dialog({ title: 'Dialog Title' });
+
+
+
+
+ Get or set the title
option, after init.
+
+
+//getter
+var title = $('.selector').dialog('option', 'title');
+//setter
+$('.selector').dialog('option', 'title', 'Dialog Title');
+
+
+
+
+
+
+
+
+
+
+
The width of the dialog, in pixels.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the width
option specified.
+
+
+$('.selector').dialog({ width: 460 });
+
+
+
+
+ Get or set the width
option, after init.
+
+
+//getter
+var width = $('.selector').dialog('option', 'width');
+//setter
+$('.selector').dialog('option', 'width', 460);
+
+
+
+
+
+
+
+
+
+
+
The starting z-index for the dialog.
+
+
+
Code examples
+
+
+
+ Initialize a dialog with the zIndex
option specified.
+
+
+$('.selector').dialog({ zIndex: 3999 });
+
+
+
+
+ Get or set the zIndex
option, after init.
+
+
+//getter
+var zIndex = $('.selector').dialog('option', 'zIndex');
+//setter
+$('.selector').dialog('option', 'zIndex', 3999);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when a dialog attempts to close. If the beforeclose event handler (callback function) returns false, the close will be prevented.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the beforeclose
event as an init option.
+
+
+$('.selector').dialog({
+ beforeclose: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the beforeclose
event by type: dialogbeforeclose
.
+
+
+$('.selector').bind('dialogbeforeclose', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when dialog is opened.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the open
event as an init option.
+
+
+$('.selector').dialog({
+ open: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the open
event by type: dialogopen
.
+
+
+$('.selector').bind('dialogopen', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when the dialog gains focus.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the focus
event as an init option.
+
+
+$('.selector').dialog({
+ focus: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the focus
event by type: dialogfocus
.
+
+
+$('.selector').bind('dialogfocus', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered at the beginning of the dialog being dragged.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the dragStart
event as an init option.
+
+
+$('.selector').dialog({
+ dragStart: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the dragStart
event by type: dragStart
.
+
+
+$('.selector').bind('dragStart', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when the dialog is dragged.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the drag
event as an init option.
+
+
+$('.selector').dialog({
+ drag: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the drag
event by type: drag
.
+
+
+$('.selector').bind('drag', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered after the dialog has been dragged.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the dragStop
event as an init option.
+
+
+$('.selector').dialog({
+ dragStop: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the dragStop
event by type: dragStop
.
+
+
+$('.selector').bind('dragStop', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered at the beginning of the dialog being resized.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the resizeStart
event as an init option.
+
+
+$('.selector').dialog({
+ resizeStart: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the resizeStart
event by type: resizeStart
.
+
+
+$('.selector').bind('resizeStart', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when the dialog is resized.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the resize
event as an init option.
+
+
+$('.selector').dialog({
+ resize: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the resize
event by type: resize
.
+
+
+$('.selector').bind('resize', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered after the dialog has been resized.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the resizeStop
event as an init option.
+
+
+$('.selector').dialog({
+ resizeStop: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the resizeStop
event by type: resizeStop
.
+
+
+$('.selector').bind('resizeStop', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when the dialog is closed.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the close
event as an init option.
+
+
+$('.selector').dialog({
+ close: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the close
event by type: dialogclose
.
+
+
+$('.selector').bind('dialogclose', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Remove the dialog functionality completely. This will return the element back to its pre-init state.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Get or set any dialog option. If no value is specified, will act as a getter.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Returns true if the dialog is currently open.
+
+
+
+
+
+
+
+
Move the dialog to the top of the dialogs stack.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The jQuery UI Dialog plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+
+
If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.dialog.css stylesheet that can be modified. These classes are highlighed in bold below.
+
+
+
Sample markup with jQuery UI CSS Framework classes
+ <div class="
ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable">
+ <div class="
ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
+ <span id="
ui-dialog-title-dialog " class="ui-dialog-title">Dialog title</span>
+ <a class="
ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a>
+ </div>
+ <div style="height: 200px; min-height: 109px; width: auto;" class="
ui-dialog-content ui-widget-content" id="dialog">
+ <p>Dialog content goes here.</p>
+ </div>
+</div>
+
+
+ Note: This is a sample of markup generated by the dialog plugin, not markup you should use to create a dialog. The only markup needed for that is <div></div>.
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/draggable.html b/static/development-bundle/docs/draggable.html
new file mode 100644
index 0000000..8e45fc2
--- /dev/null
+++ b/static/development-bundle/docs/draggable.html
@@ -0,0 +1,1448 @@
+
+
+
+
jQuery UI Draggable
+
+
+
+
The jQuery UI Draggable plugin makes selected elements draggable by mouse.
+
Draggable elements gets a class of ui-draggable
. During drag the element also gets a class of ui-draggable-dragging
. If you want not just drag, but drag-and-drop, see the jQuery UI Droppable plugin, which provides a drop target for draggables.
+
All callbacks (start, stop, drag) receive two arguments: The original browser event and a prepared ui object, view below for a documentation of this object (if you name your second argument 'ui'):
+
+ui.helper - the jQuery object representing the helper that's being dragged
+ui.position - current position of the helper as { top, left } object, relative to the offset element
+ui.offset - current absolute position of the helper as { top, left } object, relative to page
+
+
+
+
+
Example
+
+
+
+Initialize a draggable with default options.
+
+
$("#draggable").draggable();
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.draggable.js"></script>
+ <style type="text/css">
+ #draggable { width: 100px; height: 70px; background: silver; }
+ </style>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("#draggable").draggable();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="draggable">Drag me</div>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
If set to false, will prevent the ui-draggable
class from being added. This may be desired as a performance optimization when calling .draggable()
init on many hundreds of elements.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the addClasses
option specified.
+
+
+$('.selector').draggable({ addClasses: false });
+
+
+
+
+ Get or set the addClasses
option, after init.
+
+
+//getter
+var addClasses = $('.selector').draggable('option', 'addClasses');
+//setter
+$('.selector').draggable('option', 'addClasses', false);
+
+
+
+
+
+
+
+
+
+
+
The element passed to or selected by the appendTo
option will be used as the draggable helper's container during dragging. By default, the helper is appended to the same container as the draggable.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the appendTo
option specified.
+
+
+$('.selector').draggable({ appendTo: 'body' });
+
+
+
+
+ Get or set the appendTo
option, after init.
+
+
+//getter
+var appendTo = $('.selector').draggable('option', 'appendTo');
+//setter
+$('.selector').draggable('option', 'appendTo', 'body');
+
+
+
+
+
+
+
+
+
+
+
Constrains dragging to either the horizontal (x) or vertical (y) axis. Possible values: 'x', 'y'.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the axis
option specified.
+
+
+$('.selector').draggable({ axis: 'x' });
+
+
+
+
+ Get or set the axis
option, after init.
+
+
+//getter
+var axis = $('.selector').draggable('option', 'axis');
+//setter
+$('.selector').draggable('option', 'axis', 'x');
+
+
+
+
+
+
+
+
+
+
+
Prevents dragging from starting on specified elements.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the cancel
option specified.
+
+
+$('.selector').draggable({ cancel: 'button' });
+
+
+
+
+ Get or set the cancel
option, after init.
+
+
+//getter
+var cancel = $('.selector').draggable('option', 'cancel');
+//setter
+$('.selector').draggable('option', 'cancel', 'button');
+
+
+
+
+
+
+
+
+
+
+
Allows the draggable to be dropped onto the specified sortables. If this option is used (helper
must be set to 'clone' in order to work flawlessly), a draggable can be dropped onto a sortable list and then becomes part of it.
+
Note: Specifying this option as an array of selectors has been removed.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the connectToSortable
option specified.
+
+
+$('.selector').draggable({ connectToSortable: 'ul#myList' });
+
+
+
+
+ Get or set the connectToSortable
option, after init.
+
+
+//getter
+var connectToSortable = $('.selector').draggable('option', 'connectToSortable');
+//setter
+$('.selector').draggable('option', 'connectToSortable', 'ul#myList');
+
+
+
+
+
+
+
+
+
+
+
Constrains dragging to within the bounds of the specified element or region. Possible string values: 'parent', 'document', 'window', [x1, y1, x2, y2].
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the containment
option specified.
+
+
+$('.selector').draggable({ containment: 'parent' });
+
+
+
+
+ Get or set the containment
option, after init.
+
+
+//getter
+var containment = $('.selector').draggable('option', 'containment');
+//setter
+$('.selector').draggable('option', 'containment', 'parent');
+
+
+
+
+
+
+
+
+
+
+
The css cursor during the drag operation.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the cursor
option specified.
+
+
+$('.selector').draggable({ cursor: 'crosshair' });
+
+
+
+
+ Get or set the cursor
option, after init.
+
+
+//getter
+var cursor = $('.selector').draggable('option', 'cursor');
+//setter
+$('.selector').draggable('option', 'cursor', 'crosshair');
+
+
+
+
+
+
+
+
+
+
+
Moves the dragging helper so the cursor always appears to drag from the same position. Coordinates can be given as a hash using a combination of one or two keys: { top, left, right, bottom }
.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the cursorAt
option specified.
+
+
+$('.selector').draggable({ cursorAt: { left: 5 } });
+
+
+
+
+ Get or set the cursorAt
option, after init.
+
+
+//getter
+var cursorAt = $('.selector').draggable('option', 'cursorAt');
+//setter
+$('.selector').draggable('option', 'cursorAt', { left: 5 });
+
+
+
+
+
+
+
+
+
+
+
Time in milliseconds after mousedown until dragging should start. This option can be used to prevent unwanted drags when clicking on an element.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the delay
option specified.
+
+
+$('.selector').draggable({ delay: 500 });
+
+
+
+
+ Get or set the delay
option, after init.
+
+
+//getter
+var delay = $('.selector').draggable('option', 'delay');
+//setter
+$('.selector').draggable('option', 'delay', 500);
+
+
+
+
+
+
+
+
+
+
+
Distance in pixels after mousedown the mouse must move before dragging should start. This option can be used to prevent unwanted drags when clicking on an element.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the distance
option specified.
+
+
+$('.selector').draggable({ distance: 30 });
+
+
+
+
+ Get or set the distance
option, after init.
+
+
+//getter
+var distance = $('.selector').draggable('option', 'distance');
+//setter
+$('.selector').draggable('option', 'distance', 30);
+
+
+
+
+
+
+
+
+
+
+
Snaps the dragging helper to a grid, every x and y pixels. Array values: [x, y]
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the grid
option specified.
+
+
+$('.selector').draggable({ grid: [50, 20] });
+
+
+
+
+ Get or set the grid
option, after init.
+
+
+//getter
+var grid = $('.selector').draggable('option', 'grid');
+//setter
+$('.selector').draggable('option', 'grid', [50, 20]);
+
+
+
+
+
+
+
+
+
+
+
If specified, restricts drag start click to the specified element(s).
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the handle
option specified.
+
+
+$('.selector').draggable({ handle: 'h2' });
+
+
+
+
+ Get or set the handle
option, after init.
+
+
+//getter
+var handle = $('.selector').draggable('option', 'handle');
+//setter
+$('.selector').draggable('option', 'handle', 'h2');
+
+
+
+
+
+
+
+
+
+
+
Allows for a helper element to be used for dragging display. Possible values: 'original', 'clone', Function. If a function is specified, it must return a DOMElement.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the helper
option specified.
+
+
+$('.selector').draggable({ helper: 'clone' });
+
+
+
+
+ Get or set the helper
option, after init.
+
+
+//getter
+var helper = $('.selector').draggable('option', 'helper');
+//setter
+$('.selector').draggable('option', 'helper', 'clone');
+
+
+
+
+
+
+
+
+
+
+
Prevent iframes from capturing the mousemove events during a drag. Useful in combination with cursorAt, or in any case, if the mouse cursor is not over the helper. If set to true, transparent overlays will be placed over all iframes on the page. If a selector is supplied, the matched iframes will have an overlay placed over them.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the iframeFix
option specified.
+
+
+$('.selector').draggable({ iframeFix: true });
+
+
+
+
+ Get or set the iframeFix
option, after init.
+
+
+//getter
+var iframeFix = $('.selector').draggable('option', 'iframeFix');
+//setter
+$('.selector').draggable('option', 'iframeFix', true);
+
+
+
+
+
+
+
+
+
+
+
Opacity for the helper while being dragged.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the opacity
option specified.
+
+
+$('.selector').draggable({ opacity: 0.35 });
+
+
+
+
+ Get or set the opacity
option, after init.
+
+
+//getter
+var opacity = $('.selector').draggable('option', 'opacity');
+//setter
+$('.selector').draggable('option', 'opacity', 0.35);
+
+
+
+
+
+
+
+
+
+
+
If set to true, all droppable positions are calculated on every mousemove. Caution: This solves issues on highly dynamic pages, but dramatically decreases performance.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the refreshPositions
option specified.
+
+
+$('.selector').draggable({ refreshPositions: true });
+
+
+
+
+ Get or set the refreshPositions
option, after init.
+
+
+//getter
+var refreshPositions = $('.selector').draggable('option', 'refreshPositions');
+//setter
+$('.selector').draggable('option', 'refreshPositions', true);
+
+
+
+
+
+
+
+
+
+
+
If set to true, the element will return to its start position when dragging stops. Possible string values: 'valid', 'invalid'. If set to invalid, revert will only occur if the draggable has not been dropped on a droppable. For valid, it's the other way around.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the revert
option specified.
+
+
+$('.selector').draggable({ revert: true });
+
+
+
+
+ Get or set the revert
option, after init.
+
+
+//getter
+var revert = $('.selector').draggable('option', 'revert');
+//setter
+$('.selector').draggable('option', 'revert', true);
+
+
+
+
+
+
+
+
+
+
+
The duration of the revert animation, in milliseconds. Ignored if revert is false.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the revertDuration
option specified.
+
+
+$('.selector').draggable({ revertDuration: 1000 });
+
+
+
+
+ Get or set the revertDuration
option, after init.
+
+
+//getter
+var revertDuration = $('.selector').draggable('option', 'revertDuration');
+//setter
+$('.selector').draggable('option', 'revertDuration', 1000);
+
+
+
+
+
+
+
+
+
+
+
Used to group sets of draggable and droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted by the droppable.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the scope
option specified.
+
+
+$('.selector').draggable({ scope: 'tasks' });
+
+
+
+
+ Get or set the scope
option, after init.
+
+
+//getter
+var scope = $('.selector').draggable('option', 'scope');
+//setter
+$('.selector').draggable('option', 'scope', 'tasks');
+
+
+
+
+
+
+
+
+
+
+
If set to true, container auto-scrolls while dragging.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the scroll
option specified.
+
+
+$('.selector').draggable({ scroll: false });
+
+
+
+
+ Get or set the scroll
option, after init.
+
+
+//getter
+var scroll = $('.selector').draggable('option', 'scroll');
+//setter
+$('.selector').draggable('option', 'scroll', false);
+
+
+
+
+
+
+
+
+
+
+
Distance in pixels from the edge of the viewport after which the viewport should scroll. Distance is relative to pointer, not the draggable.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the scrollSensitivity
option specified.
+
+
+$('.selector').draggable({ scrollSensitivity: 40 });
+
+
+
+
+ Get or set the scrollSensitivity
option, after init.
+
+
+//getter
+var scrollSensitivity = $('.selector').draggable('option', 'scrollSensitivity');
+//setter
+$('.selector').draggable('option', 'scrollSensitivity', 40);
+
+
+
+
+
+
+
+
+
+
+
The speed at which the window should scroll once the mouse pointer gets within the scrollSensitivity
distance.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the scrollSpeed
option specified.
+
+
+$('.selector').draggable({ scrollSpeed: 40 });
+
+
+
+
+ Get or set the scrollSpeed
option, after init.
+
+
+//getter
+var scrollSpeed = $('.selector').draggable('option', 'scrollSpeed');
+//setter
+$('.selector').draggable('option', 'scrollSpeed', 40);
+
+
+
+
+
+
+
+
+
+
+
If set to a selector or to true (equivalent to '.ui-draggable'), the draggable will snap to the edges of the selected elements when near an edge of the element.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the snap
option specified.
+
+
+$('.selector').draggable({ snap: true });
+
+
+
+
+ Get or set the snap
option, after init.
+
+
+//getter
+var snap = $('.selector').draggable('option', 'snap');
+//setter
+$('.selector').draggable('option', 'snap', true);
+
+
+
+
+
+
+
+
+
+
+
Determines which edges of snap elements the draggable will snap to. Ignored if snap is false. Possible values: 'inner', 'outer', 'both'
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the snapMode
option specified.
+
+
+$('.selector').draggable({ snapMode: 'outer' });
+
+
+
+
+ Get or set the snapMode
option, after init.
+
+
+//getter
+var snapMode = $('.selector').draggable('option', 'snapMode');
+//setter
+$('.selector').draggable('option', 'snapMode', 'outer');
+
+
+
+
+
+
+
+
+
+
+
The distance in pixels from the snap element edges at which snapping should occur. Ignored if snap is false.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the snapTolerance
option specified.
+
+
+$('.selector').draggable({ snapTolerance: 40 });
+
+
+
+
+ Get or set the snapTolerance
option, after init.
+
+
+//getter
+var snapTolerance = $('.selector').draggable('option', 'snapTolerance');
+//setter
+$('.selector').draggable('option', 'snapTolerance', 40);
+
+
+
+
+
+
+
+
+
+
+
Controls the z-Index of the defined group (key 'group' in the hash, accepts jQuery selector) automatically, always brings to front the dragged item. Very useful in things like window managers. Optionally, a 'min' key can be set, so the zIndex cannot go below that value.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the stack
option specified.
+
+
+$('.selector').draggable({ stack: { group: 'products', min: 50 } });
+
+
+
+
+ Get or set the stack
option, after init.
+
+
+//getter
+var stack = $('.selector').draggable('option', 'stack');
+//setter
+$('.selector').draggable('option', 'stack', { group: 'products', min: 50 });
+
+
+
+
+
+
+
+
+
+
+
z-index for the helper while being dragged.
+
+
+
Code examples
+
+
+
+ Initialize a draggable with the zIndex
option specified.
+
+
+$('.selector').draggable({ zIndex: 2700 });
+
+
+
+
+ Get or set the zIndex
option, after init.
+
+
+//getter
+var zIndex = $('.selector').draggable('option', 'zIndex');
+//setter
+$('.selector').draggable('option', 'zIndex', 2700);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when dragging starts.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the start
event as an init option.
+
+
+$('.selector').draggable({
+ start: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the start
event by type: dragstart
.
+
+
+$('.selector').bind('dragstart', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when the mouse is moved during the dragging.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the drag
event as an init option.
+
+
+$('.selector').draggable({
+ drag: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the drag
event by type: drag
.
+
+
+$('.selector').bind('drag', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when dragging stops.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the stop
event as an init option.
+
+
+$('.selector').draggable({
+ stop: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the stop
event by type: dragstop
.
+
+
+$('.selector').bind('dragstop', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Remove the draggable functionality completely. This will return the element back to its pre-init state.
+
+
+
+
+
+
+
+
Disable the draggable.
+
+
+
+
+
+
+
+
Enable the draggable.
+
+
+
+
+
+
+
+
Get or set any draggable option. If no value is specified, will act as a getter.
+
+
+
+
+
+
+
+
+
The jQuery UI Draggable plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+
+
If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.draggable.css stylesheet that can be modified. These classes are highlighed in bold below.
+
+
+
Sample markup with jQuery UI CSS Framework classes
+ <div class="
ui-draggable "></div>
+
+
+ Note: This is a sample of markup generated by the draggable plugin, not markup you should use to create a draggable. The only markup needed for that is <div></div>.
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/droppable.html b/static/development-bundle/docs/droppable.html
new file mode 100644
index 0000000..7adf946
--- /dev/null
+++ b/static/development-bundle/docs/droppable.html
@@ -0,0 +1,704 @@
+
+
+
+
jQuery UI Droppable
+
+
+
+
The jQuery UI Droppable plugin makes selected elements droppable (meaning they accept being dropped on by draggables). You can specify which (individually) or which kind of draggables each will accept.
+
All callbacks receive two arguments: The original browser event and a prepared ui object, view below for a documentation of this object (if you name your second argument 'ui'):
+
+ ui.draggable - current draggable element, a jQuery object.
+ ui.helper - current draggable helper, a jQuery object
+ ui.position - current position of the draggable helper { top: , left: }
+ ui.offset - current absolute position of the draggable helper { top: , left: }
+
+
+
+
+
Example
+
+
+
+Makes the div droppable (a drop target for a draggable).
+
+
$("#draggable").draggable();
+ $("#droppable").droppable({
+ drop: function() { alert('dropped'); }
+ });
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.draggable.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.droppable.js"></script>
+ <style type="text/css">
+ #draggable { width: 75px; height: 25px; background: silver; padding: 10px; }
+ #droppable { position: absolute; left: 250px; top: 0; width: 125px; height: 75px; background: gray; color: white; padding: 10px; }
+ </style>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("#draggable").draggable();
+ $("#droppable").droppable({
+ drop: function() { alert('dropped'); }
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="droppable">Drop here</div>
+<div id="draggable">Drag me</div>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
All draggables that match the selector will be accepted. If a function is specified, the function will be called for each draggable on the page (passed as the first argument to the function), to provide a custom filter. The function should return true if the draggable should be accepted.
+
+
+
Code examples
+
+
+
+ Initialize a droppable with the accept
option specified.
+
+
+$('.selector').droppable({ accept: '.special' });
+
+
+
+
+ Get or set the accept
option, after init.
+
+
+//getter
+var accept = $('.selector').droppable('option', 'accept');
+//setter
+$('.selector').droppable('option', 'accept', '.special');
+
+
+
+
+
+
+
+
+
+
+
If specified, the class will be added to the droppable while an acceptable draggable is being dragged.
+
+
+
Code examples
+
+
+
+ Initialize a droppable with the activeClass
option specified.
+
+
+$('.selector').droppable({ activeClass: '.ui-state-highlight' });
+
+
+
+
+ Get or set the activeClass
option, after init.
+
+
+//getter
+var activeClass = $('.selector').droppable('option', 'activeClass');
+//setter
+$('.selector').droppable('option', 'activeClass', '.ui-state-highlight');
+
+
+
+
+
+
+
+
+
+
+
If set to false, will prevent the ui-droppable class from being added. This may be desired as a performance optimization when calling .droppable() init on many hundreds of elements.
+
+
+
Code examples
+
+
+
+ Initialize a droppable with the addClasses
option specified.
+
+
+$('.selector').droppable({ addClasses: false });
+
+
+
+
+ Get or set the addClasses
option, after init.
+
+
+//getter
+var addClasses = $('.selector').droppable('option', 'addClasses');
+//setter
+$('.selector').droppable('option', 'addClasses', false);
+
+
+
+
+
+
+
+
+
+
+
If true, will prevent event propagation on nested droppables.
+
+
+
Code examples
+
+
+
+ Initialize a droppable with the greedy
option specified.
+
+
+$('.selector').droppable({ greedy: true });
+
+
+
+
+ Get or set the greedy
option, after init.
+
+
+//getter
+var greedy = $('.selector').droppable('option', 'greedy');
+//setter
+$('.selector').droppable('option', 'greedy', true);
+
+
+
+
+
+
+
+
+
+
+
If specified, the class will be added to the droppable while an acceptable draggable is being hovered.
+
+
+
Code examples
+
+
+
+ Initialize a droppable with the hoverClass
option specified.
+
+
+$('.selector').droppable({ hoverClass: 'drophover' });
+
+
+
+
+ Get or set the hoverClass
option, after init.
+
+
+//getter
+var hoverClass = $('.selector').droppable('option', 'hoverClass');
+//setter
+$('.selector').droppable('option', 'hoverClass', 'drophover');
+
+
+
+
+
+
+
+
+
+
+
Used to group sets of draggable and droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted.
+
+
+
Code examples
+
+
+
+ Initialize a droppable with the scope
option specified.
+
+
+$('.selector').droppable({ scope: 'tasks' });
+
+
+
+
+ Get or set the scope
option, after init.
+
+
+//getter
+var scope = $('.selector').droppable('option', 'scope');
+//setter
+$('.selector').droppable('option', 'scope', 'tasks');
+
+
+
+
+
+
+
+
+
+
+
Specifies which mode to use for testing whether a draggable is 'over' a droppable. Possible values: 'fit', 'intersect', 'pointer', 'touch'.
+
+
+fit : draggable overlaps the droppable entirely
+intersect : draggable overlaps the droppable at least 50%
+pointer : mouse pointer overlaps the droppable
+touch : draggable overlaps the droppable any amount
+
+
+
+
+
Code examples
+
+
+
+ Initialize a droppable with the tolerance
option specified.
+
+
+$('.selector').droppable({ tolerance: 'fit' });
+
+
+
+
+ Get or set the tolerance
option, after init.
+
+
+//getter
+var tolerance = $('.selector').droppable('option', 'tolerance');
+//setter
+$('.selector').droppable('option', 'tolerance', 'fit');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This event is triggered any time an accepted draggable starts dragging. This can be useful if you want to make the droppable 'light up' when it can be dropped on.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the activate
event as an init option.
+
+
+$('.selector').droppable({
+ activate: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the activate
event by type: dropactivate
.
+
+
+$('.selector').bind('dropactivate', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered any time an accepted draggable stops dragging.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the deactivate
event as an init option.
+
+
+$('.selector').droppable({
+ deactivate: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the deactivate
event by type: dropdeactivate
.
+
+
+$('.selector').bind('dropdeactivate', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered as an accepted draggable is dragged 'over' (within the tolerance of) this droppable.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the over
event as an init option.
+
+
+$('.selector').droppable({
+ over: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the over
event by type: dropover
.
+
+
+$('.selector').bind('dropover', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when an accepted draggable is dragged out (within the tolerance of) this droppable.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the out
event as an init option.
+
+
+$('.selector').droppable({
+ out: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the out
event by type: dropout
.
+
+
+$('.selector').bind('dropout', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when an accepted draggable is dropped 'over' (within the tolerance of) this droppable. In the callback, $(this) represents the droppable the draggable is dropped on.
+ui.draggable represents the draggable.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the drop
event as an init option.
+
+
+$('.selector').droppable({
+ drop: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the drop
event by type: drop
.
+
+
+$('.selector').bind('drop', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Remove the droppable functionality completely. This will return the element back to its pre-init state.
+
+
+
+
+
+
+
+
Disable the droppable.
+
+
+
+
+
+
+
+
Enable the droppable.
+
+
+
+
+
+
+
+
Get or set any droppable option. If no value is specified, will act as a getter.
+
+
+
+
+
+
+
+
+
The jQuery UI Droppable plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+
+
If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.droppable.css stylesheet that can be modified. These classes are highlighed in bold below.
+
+
+
Sample markup with jQuery UI CSS Framework classes
+ <div class="
ui-droppable "></div>
+
+
+ Note: This is a sample of markup generated by the droppable plugin, not markup you should use to create a droppable. The only markup needed for that is <div></div>.
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/effect.html b/static/development-bundle/docs/effect.html
new file mode 100644
index 0000000..439e6cd
--- /dev/null
+++ b/static/development-bundle/docs/effect.html
@@ -0,0 +1,142 @@
+
+
+
+
jQuery UI effect
+
+
+
+
effect( effect, [ options] , [ speed] , [ callback] )
+
Uses a specific effect on an element (without the show/hide logic).
+
+
+
+
Example
+
+
+
+Apply the effect explode if you click on the element.
+
+
$("p").click (function () {
+ $("div").effect ("explode");
+ });
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<script src="http://ui.jquery.com/latest/ui/effects.explode.js"></script>
+<style type="text/css">
+ div { margin: 0 auto; width: 100px; height: 80px; background: blue; position: relative; }
+</style>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("p").click (function () {
+ $("div").effect ("explode");
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p>Click me</p><div></div>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
The effect to be used. Possible values: 'blind', 'bounce', 'clip', 'drop', 'explode', 'fold', 'highlight', 'puff', 'pulsate', 'scale', 'shake', 'size', 'slide', 'transfer'.
+
+
+
+
+
+
+
+
A object/hash including specific options for the effect.
+
+
+
+
+
+
+
+
A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).
+
+
+
+
+
+
+
+
A function that is called after the effect is completed.
+
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/hide.html b/static/development-bundle/docs/hide.html
new file mode 100644
index 0000000..8ea9d59
--- /dev/null
+++ b/static/development-bundle/docs/hide.html
@@ -0,0 +1,143 @@
+
+
+
+
jQuery UI hide
+
+
+
+
hide( effect, [ options] , [ speed] , [ callback] )
+
The enhanced hide method optionally accepts jQuery UI advanced effects.
+
Uses a specific effect on an element to hide the element if the first argument is an effect string.
+
+
+
+
Example
+
+
+
+Apply the effect slide if you click on the p to hide a div.
+
+
$("p").click (function () {
+ $("div").hide ("slide", {}, 1000);
+ });
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<script src="http://ui.jquery.com/latest/ui/effects.slide.js"></script>
+<style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: blue; position: relative; }
+</style>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("p").click (function () {
+ $("div").hide ("slide", {}, 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p>Click me</p><div></div>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
The effect to be used. Possible values: 'blind', 'clip', 'drop', 'explode', 'fold', 'puff', 'slide', 'scale', 'size', 'pulsate'.
+
+
+
+
+
+
+
+
A object/hash including specific options for the effect.
+
+
+
+
+
+
+
+
A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).
+
+
+
+
+
+
+
+
A function that is called after the effect is completed.
+
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/progressbar.html b/static/development-bundle/docs/progressbar.html
new file mode 100644
index 0000000..0e42d5a
--- /dev/null
+++ b/static/development-bundle/docs/progressbar.html
@@ -0,0 +1,295 @@
+
+
+
+
jQuery UI Progressbar
+
+
+
+
+The progress bar is designed to simply display the current % complete for a process. The bar is coded to be flexibly sized through CSS and will scale to fit inside it's parent container by default.
+
+
+This is a determinate progress bar, meaning that it should only be used in situations where the system can accurately update the current status complete. A determinate progress bar should never fill from left to right, then loop back to empty for a single process -- if the actual percent complete status cannot be calculated, an indeterminate progress bar (coming soon) or spinner animation is a better way to provide user feedback.
+
+
+
+
+
Example
+
+
+
+A simple jQuery UI Progressbar.
+
+
$("#progressbar").progressbar({ value: 37 });
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.progressbar.js"></script>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("#progressbar").progressbar({ value: 37 });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="progressbar"></div>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
The value of the progressbar.
+
+
+
Code examples
+
+
+
+ Initialize a progressbar with the value
option specified.
+
+
+$('.selector').progressbar({ value: 37 });
+
+
+
+
+ Get or set the value
option, after init.
+
+
+//getter
+var value = $('.selector').progressbar('option', 'value');
+//setter
+$('.selector').progressbar('option', 'value', 37);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when the value of the progressbar changes.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the change
event as an init option.
+
+
+$('.selector').progressbar({
+ change: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the change
event by type: progressbarchange
.
+
+
+$('.selector').bind('progressbarchange', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Remove the progressbar functionality completely. This will return the element back to its pre-init state.
+
+
+
+
+
+
+
+
Disable the progressbar.
+
+
+
+
+
+
+
+
Enable the progressbar.
+
+
+
+
+
+
+
+
Get or set any progressbar option. If no value is specified, will act as a getter.
+
+
+
+
+
+
+
+
This method gets or sets the current value of the progressbar.
+
+
+
+
+
+
+
+
The jQuery UI Progressbar plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+
+
If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.progressbar.css stylesheet that can be modified. These classes are highlighed in bold below.
+
+
+
Sample markup with jQuery UI CSS Framework classes
+ <div class="
ui-progressbar ui-widget ui-widget-content ui-corner-all">
+ <div style="width: 37%;" class="
ui-progressbar-value ui-widget-header ui-corner-left"></div>
+ </div>
+
+
+ Note: This is a sample of markup generated by the progressbar plugin, not markup you should use to create a progressbar. The only markup needed for that is <div></div>.
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/removeClass.html b/static/development-bundle/docs/removeClass.html
new file mode 100644
index 0000000..b2b19e8
--- /dev/null
+++ b/static/development-bundle/docs/removeClass.html
@@ -0,0 +1,112 @@
+
+
+
+
jQuery UI removeClass
+
+
+
+
removeClass( [ class] , [ duration] )
+
Removes all or specified class from each of the set of matched elements with an optional transition between the states.
+
+
+
+
Example
+
+
+
+Removes the class 'selected' from the matched elements with a one second transition.
+
+
$("p").click (function () {
+ $(this).removeClass ("selected", 1000);
+ });
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<style type="text/css">
+ p { cursor: pointer; font-size: 1.2em; }
+ .selected { color:red; }
+</style>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("p").click (function () {
+ $(this).removeClass ("selected", 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p class="selected">Click me to remove 'selected' class.</p>
+<p class="selected">Click me to remove 'selected' class.</p>
+<p class="selected">Click me to remove 'selected' class.</p>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
CSS classes to remove from the elements.
+
+
+
+
+
+
+
+
A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).
+
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/resizable.html b/static/development-bundle/docs/resizable.html
new file mode 100644
index 0000000..3e75ffe
--- /dev/null
+++ b/static/development-bundle/docs/resizable.html
@@ -0,0 +1,1075 @@
+
+
+
+
jQuery UI Resizable
+
+
+
+
The jQuery UI Resizable plugin makes selected elements resizable (meaning they have draggable resize handles). You can specify one or more handles as well as min and max width and height.
+
All callbacks (start,stop,resize) receive two arguments: The original browser event and a prepared ui object. The ui object has the following fields:
+
+ui.helper - a jQuery object containing the helper element
+ui.originalPosition - {top, left} before resizing started
+ui.originalSize - {width, height} before resizing started
+ui.position - {top, left} current position
+ui.size - {width, height} current size
+
+
+
+
+
Example
+
+
+
+A simple jQuery UI Resizable.
+
+
$("#resizable").resizable();
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.resizable.js"></script>
+ <style type="text/css">
+ #resizable { width: 100px; height: 100px; background: silver; }
+ </style>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("#resizable").resizable();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="resizable"></div>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
Resize these elements synchronous when resizing.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the alsoResize
option specified.
+
+
+$('.selector').resizable({ alsoResize: '.other' });
+
+
+
+
+ Get or set the alsoResize
option, after init.
+
+
+//getter
+var alsoResize = $('.selector').resizable('option', 'alsoResize');
+//setter
+$('.selector').resizable('option', 'alsoResize', '.other');
+
+
+
+
+
+
+
+
+
+
+
Animates to the final size after resizing.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the animate
option specified.
+
+
+$('.selector').resizable({ animate: true });
+
+
+
+
+ Get or set the animate
option, after init.
+
+
+//getter
+var animate = $('.selector').resizable('option', 'animate');
+//setter
+$('.selector').resizable('option', 'animate', true);
+
+
+
+
+
+
+
+
+
+
+
Duration time for animating, in milliseconds. Other possible values: 'slow', 'normal', 'fast'.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the animateDuration
option specified.
+
+
+$('.selector').resizable({ animateDuration: 500 });
+
+
+
+
+ Get or set the animateDuration
option, after init.
+
+
+//getter
+var animateDuration = $('.selector').resizable('option', 'animateDuration');
+//setter
+$('.selector').resizable('option', 'animateDuration', 500);
+
+
+
+
+
+
+
+
+
+
+
Easing effect for animating.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the animateEasing
option specified.
+
+
+$('.selector').resizable({ animateEasing: 'swing' });
+
+
+
+
+ Get or set the animateEasing
option, after init.
+
+
+//getter
+var animateEasing = $('.selector').resizable('option', 'animateEasing');
+//setter
+$('.selector').resizable('option', 'animateEasing', 'swing');
+
+
+
+
+
+
+
+
+
+
+
If set to true, resizing is constrained by the original aspect ratio. Otherwise a custom aspect ratio can be specified, such as 9 / 16, or 0.5.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the aspectRatio
option specified.
+
+
+$('.selector').resizable({ aspectRatio: .75 });
+
+
+
+
+ Get or set the aspectRatio
option, after init.
+
+
+//getter
+var aspectRatio = $('.selector').resizable('option', 'aspectRatio');
+//setter
+$('.selector').resizable('option', 'aspectRatio', .75);
+
+
+
+
+
+
+
+
+
+
+
If set to true, automatically hides the handles except when the mouse hovers over the element.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the autoHide
option specified.
+
+
+$('.selector').resizable({ autoHide: true });
+
+
+
+
+ Get or set the autoHide
option, after init.
+
+
+//getter
+var autoHide = $('.selector').resizable('option', 'autoHide');
+//setter
+$('.selector').resizable('option', 'autoHide', true);
+
+
+
+
+
+
+
+
+
+
+
Prevents resizing if you start on elements matching the selector.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the cancel
option specified.
+
+
+$('.selector').resizable({ cancel: ':input,option' });
+
+
+
+
+ Get or set the cancel
option, after init.
+
+
+//getter
+var cancel = $('.selector').resizable('option', 'cancel');
+//setter
+$('.selector').resizable('option', 'cancel', ':input,option');
+
+
+
+
+
+
+
+
+
+
+
Constrains resizing to within the bounds of the specified element. Possible values: 'parent', 'document', a DOMElement, or a Selector.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the containment
option specified.
+
+
+$('.selector').resizable({ containment: 'parent' });
+
+
+
+
+ Get or set the containment
option, after init.
+
+
+//getter
+var containment = $('.selector').resizable('option', 'containment');
+//setter
+$('.selector').resizable('option', 'containment', 'parent');
+
+
+
+
+
+
+
+
+
+
+
Tolerance, in milliseconds, for when resizing should start. If specified, resizing will not start until after mouse is moved beyond duration. This can help prevent unintended resizing when clicking on an element.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the delay
option specified.
+
+
+$('.selector').resizable({ delay: 20 });
+
+
+
+
+ Get or set the delay
option, after init.
+
+
+//getter
+var delay = $('.selector').resizable('option', 'delay');
+//setter
+$('.selector').resizable('option', 'delay', 20);
+
+
+
+
+
+
+
+
+
+
+
Tolerance, in pixels, for when resizing should start. If specified, resizing will not start until after mouse is moved beyond distance. This can help prevent unintended resizing when clicking on an element.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the distance
option specified.
+
+
+$('.selector').resizable({ distance: 20 });
+
+
+
+
+ Get or set the distance
option, after init.
+
+
+//getter
+var distance = $('.selector').resizable('option', 'distance');
+//setter
+$('.selector').resizable('option', 'distance', 20);
+
+
+
+
+
+
+
+
+
+
+
If set to true, a semi-transparent helper element is shown for resizing.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the ghost
option specified.
+
+
+$('.selector').resizable({ ghost: true });
+
+
+
+
+ Get or set the ghost
option, after init.
+
+
+//getter
+var ghost = $('.selector').resizable('option', 'ghost');
+//setter
+$('.selector').resizable('option', 'ghost', true);
+
+
+
+
+
+
+
+
+
+
+
Snaps the resizing element to a grid, every x and y pixels. Array values: [x, y]
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the grid
option specified.
+
+
+$('.selector').resizable({ grid: [50, 50] });
+
+
+
+
+ Get or set the grid
option, after init.
+
+
+//getter
+var grid = $('.selector').resizable('option', 'grid');
+//setter
+$('.selector').resizable('option', 'grid', [50, 50]);
+
+
+
+
+
+
+
+
+
+
+
If specified as a string, should be a comma-split list of any of the following: 'n, e, s, w, ne, se, sw, nw, all'. The necessary handles will be auto-generated by the plugin.
+
If specified as an object, the following keys are supported: { n, e, s, w, ne, se, sw, nw }. The value of any specified should be a jQuery selector matching the child element of the resizable to use as that handle. If the handle is not a child of the resizable, you can pass in the DOMElement or a valid jQuery object directly.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the handles
option specified.
+
+
+$('.selector').resizable({ handles: 'n, e, s, w' });
+
+
+
+
+ Get or set the handles
option, after init.
+
+
+//getter
+var handles = $('.selector').resizable('option', 'handles');
+//setter
+$('.selector').resizable('option', 'handles', 'n, e, s, w');
+
+
+
+
+
+
+
+
+
+
+
This is the css class that will be added to a proxy element to outline the resize during the drag of the resize handle. Once the resize is complete, the original element is sized.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the helper
option specified.
+
+
+$('.selector').resizable({ helper: 'ui-state-highlight' });
+
+
+
+
+ Get or set the helper
option, after init.
+
+
+//getter
+var helper = $('.selector').resizable('option', 'helper');
+//setter
+$('.selector').resizable('option', 'helper', 'ui-state-highlight');
+
+
+
+
+
+
+
+
+
+
+
This is the maximum height the resizable should be allowed to resize to.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the maxHeight
option specified.
+
+
+$('.selector').resizable({ maxHeight: 300 });
+
+
+
+
+ Get or set the maxHeight
option, after init.
+
+
+//getter
+var maxHeight = $('.selector').resizable('option', 'maxHeight');
+//setter
+$('.selector').resizable('option', 'maxHeight', 300);
+
+
+
+
+
+
+
+
+
+
+
This is the maximum width the resizable should be allowed to resize to.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the maxWidth
option specified.
+
+
+$('.selector').resizable({ maxWidth: 250 });
+
+
+
+
+ Get or set the maxWidth
option, after init.
+
+
+//getter
+var maxWidth = $('.selector').resizable('option', 'maxWidth');
+//setter
+$('.selector').resizable('option', 'maxWidth', 250);
+
+
+
+
+
+
+
+
+
+
+
This is the minimum height the resizable should be allowed to resize to.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the minHeight
option specified.
+
+
+$('.selector').resizable({ minHeight: 150 });
+
+
+
+
+ Get or set the minHeight
option, after init.
+
+
+//getter
+var minHeight = $('.selector').resizable('option', 'minHeight');
+//setter
+$('.selector').resizable('option', 'minHeight', 150);
+
+
+
+
+
+
+
+
+
+
+
This is the minimum width the resizable should be allowed to resize to.
+
+
+
Code examples
+
+
+
+ Initialize a resizable with the minWidth
option specified.
+
+
+$('.selector').resizable({ minWidth: 75 });
+
+
+
+
+ Get or set the minWidth
option, after init.
+
+
+//getter
+var minWidth = $('.selector').resizable('option', 'minWidth');
+//setter
+$('.selector').resizable('option', 'minWidth', 75);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This event is triggered at the start of a resize operation.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the start
event as an init option.
+
+
+$('.selector').resizable({
+ start: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the start
event by type: resizestart
.
+
+
+$('.selector').bind('resizestart', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered during the resize, on the drag of the resize handler.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the resize
event as an init option.
+
+
+$('.selector').resizable({
+ resize: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the resize
event by type: resize
.
+
+
+$('.selector').bind('resize', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered at the end of a resize operation.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the stop
event as an init option.
+
+
+$('.selector').resizable({
+ stop: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the stop
event by type: resizestop
.
+
+
+$('.selector').bind('resizestop', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Remove the resizable functionality completely. This will return the element back to its pre-init state.
+
+
+
+
+
+
+
+
Disable the resizable.
+
+
+
+
+
+
+
+
Enable the resizable.
+
+
+
+
+
+
+
+
Get or set any resizable option. If no value is specified, will act as a getter.
+
+
+
+
+
+
+
+
+
The jQuery UI Resizable plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+
+
If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.resizable.css stylesheet that can be modified. These classes are highlighed in bold below.
+
+
+
Sample markup with jQuery UI CSS Framework classes
+ <div class="
ui-resizable ">
+ <div style="-moz-user-select: none;" unselectable="on" class="
ui-resizable-handle ui-resizable-e "></div>
+ <div style="-moz-user-select: none;" unselectable="on" class="
ui-resizable-handle ui-resizable-s "></div>
+ <div unselectable="on" style="z-index: 1001; -moz-user-select: none;" class="
ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se"></div>
+</div>
+
+
+ Note: This is a sample of markup generated by the resizable plugin, not markup you should use to create a resizable. The only markup needed for that is <div></div>.
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/selectable.html b/static/development-bundle/docs/selectable.html
new file mode 100644
index 0000000..4841ebc
--- /dev/null
+++ b/static/development-bundle/docs/selectable.html
@@ -0,0 +1,707 @@
+
+
+
+
jQuery UI Selectable
+
+
+
+
The jQuery UI Selectable plugin allows for elements to be selected by dragging a box (sometimes called a lasso) with the mouse over the elements. Also, elements can be selected by click or drag while holding the Ctrl/Meta key, allowing for multiple (non-contiguous) selections.
+
+
+
+
Example
+
+
+
+A simple jQuery UI Selectable.
+
+
$("#selectable").selectable();
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.selectable.js"></script>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("#selectable").selectable();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="selectable"></div>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
This determines whether to refresh (recalculate) the position and size of each selectee at the beginning of each select operation. If you have many many items, you may want to set this to false and call the refresh method manually.
+
+
+
Code examples
+
+
+
+ Initialize a selectable with the autoRefresh
option specified.
+
+
+$('.selector').selectable({ autoRefresh: false });
+
+
+
+
+ Get or set the autoRefresh
option, after init.
+
+
+//getter
+var autoRefresh = $('.selector').selectable('option', 'autoRefresh');
+//setter
+$('.selector').selectable('option', 'autoRefresh', false);
+
+
+
+
+
+
+
+
+
+
+
Prevents selecting if you start on elements matching the selector.
+
+
+
Code examples
+
+
+
+ Initialize a selectable with the cancel
option specified.
+
+
+$('.selector').selectable({ cancel: ':input,option' });
+
+
+
+
+ Get or set the cancel
option, after init.
+
+
+//getter
+var cancel = $('.selector').selectable('option', 'cancel');
+//setter
+$('.selector').selectable('option', 'cancel', ':input,option');
+
+
+
+
+
+
+
+
+
+
+
Time in milliseconds to define when the selecting should start. It helps preventing unwanted selections when clicking on an element.
+
+
+
Code examples
+
+
+
+ Initialize a selectable with the delay
option specified.
+
+
+$('.selector').selectable({ delay: 20 });
+
+
+
+
+ Get or set the delay
option, after init.
+
+
+//getter
+var delay = $('.selector').selectable('option', 'delay');
+//setter
+$('.selector').selectable('option', 'delay', 20);
+
+
+
+
+
+
+
+
+
+
+
Tolerance, in pixels, for when selecting should start. If specified, selecting will not start until after mouse is dragged beyond distance.
+
+
+
Code examples
+
+
+
+ Initialize a selectable with the distance
option specified.
+
+
+$('.selector').selectable({ distance: 20 });
+
+
+
+
+ Get or set the distance
option, after init.
+
+
+//getter
+var distance = $('.selector').selectable('option', 'distance');
+//setter
+$('.selector').selectable('option', 'distance', 20);
+
+
+
+
+
+
+
+
+
+
+
The matching child elements will be made selectees (able to be selected).
+
+
+
Code examples
+
+
+
+ Initialize a selectable with the filter
option specified.
+
+
+$('.selector').selectable({ filter: 'li' });
+
+
+
+
+ Get or set the filter
option, after init.
+
+
+//getter
+var filter = $('.selector').selectable('option', 'filter');
+//setter
+$('.selector').selectable('option', 'filter', 'li');
+
+
+
+
+
+
+
+
+
+
+
Possible values: 'touch', 'fit'.
+
+
+fit : draggable overlaps the droppable entirely
+touch : draggable overlaps the droppable any amount
+
+
+
+
+
Code examples
+
+
+
+ Initialize a selectable with the tolerance
option specified.
+
+
+$('.selector').selectable({ tolerance: 'fit' });
+
+
+
+
+ Get or set the tolerance
option, after init.
+
+
+//getter
+var tolerance = $('.selector').selectable('option', 'tolerance');
+//setter
+$('.selector').selectable('option', 'tolerance', 'fit');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This event is triggered at the end of the select operation, on each element added to the selection.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the selected
event as an init option.
+
+
+$('.selector').selectable({
+ selected: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the selected
event by type: selected
.
+
+
+$('.selector').bind('selected', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered during the select operation, on each element added to the selection.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the selecting
event as an init option.
+
+
+$('.selector').selectable({
+ selecting: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the selecting
event by type: selecting
.
+
+
+$('.selector').bind('selecting', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered at the beginning of the select operation.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the start
event as an init option.
+
+
+$('.selector').selectable({
+ start: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the start
event by type: selectablestart
.
+
+
+$('.selector').bind('selectablestart', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered at the end of the select operation.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the stop
event as an init option.
+
+
+$('.selector').selectable({
+ stop: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the stop
event by type: selectablestop
.
+
+
+$('.selector').bind('selectablestop', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered at the end of the select operation, on each element removed from the selection.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the unselected
event as an init option.
+
+
+$('.selector').selectable({
+ unselected: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the unselected
event by type: unselected
.
+
+
+$('.selector').bind('unselected', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered during the select operation, on each element removed from the selection.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the unselecting
event as an init option.
+
+
+$('.selector').selectable({
+ unselecting: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the unselecting
event by type: unselecting
.
+
+
+$('.selector').bind('unselecting', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Remove the selectable functionality completely. This will return the element back to its pre-init state.
+
+
+
+
+
+
+
+
Disable the selectable.
+
+
+
+
+
+
+
+
Enable the selectable.
+
+
+
+
+
+
+
+
Get or set any selectable option. If no value is specified, will act as a getter.
+
+
+
+
+
+
+
+
Refresh the position and size of each selectee element. This method can be used to manually recalculate the position and size of each selectee element. Very useful if autoRefresh is set to false.
+
+
+
+
+
+
+
+
The jQuery UI Selectable plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+
+
If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.selectable.css stylesheet that can be modified. These classes are highlighed in bold below.
+
+
+
Sample markup with jQuery UI CSS Framework classes
+ <ul class="
ui-selectable ">
+ <li class="
ui-selectee "></li>
+ <li class="
ui-selectee "></li>
+ <li class="
ui-selectee "></li>
+</ul>
+
+
+ Note: This is a sample of markup generated by the selectable plugin, not markup you should use to create a selectable. The only markup needed for that is <ul>
+ <li></li>
+ <li></li>
+ <li></li>
+</ul>.
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/show.html b/static/development-bundle/docs/show.html
new file mode 100644
index 0000000..c8e6681
--- /dev/null
+++ b/static/development-bundle/docs/show.html
@@ -0,0 +1,143 @@
+
+
+
+
jQuery UI show
+
+
+
+
show( effect, [ options] , [ speed] , [ callback] )
+
The enhanced show method optionally accepts jQuery UI advanced effects.
+
Uses a specific effect on an element to show the element if the first argument is a effect string.
+
+
+
+
Example
+
+
+
+Apply the effect slide if you click on the p to show a div.
+
+
$("p").click (function () {
+ $("div").show ("slide", {}, 1000);
+ });
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<script src="http://ui.jquery.com/latest/ui/effects.slide.js"></script>
+<style type="text/css">
+ div { display: none; margin: 0px; width: 100px; height: 80px; background: blue; position: relative; }
+</style>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("p").click (function () {
+ $("div").show ("slide", {}, 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p>Click me</p><div></div>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
The effect to be used. Possible values: 'blind', 'clip', 'drop', 'explode', 'fold', 'puff', 'slide', 'scale', 'size', 'pulsate'.
+
+
+
+
+
+
+
+
A object/hash including specific options for the effect.
+
+
+
+
+
+
+
+
A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).
+
+
+
+
+
+
+
+
A function that is called after the effect is completed.
+
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/slider.html b/static/development-bundle/docs/slider.html
new file mode 100644
index 0000000..338681e
--- /dev/null
+++ b/static/development-bundle/docs/slider.html
@@ -0,0 +1,733 @@
+
+
+
+
jQuery UI Slider
+
+
+
+
The jQuery UI Slider plugin makes selected elements into sliders. There are various options such as multiple handles, and ranges. The handle can be moved with the mouse or the arrow keys.
+
All callbacks receive two arguments: The original browser event and a prepared ui object, view below for a documentation of this object (if you name your second argument 'ui'):
+
+
+ ui.handle : DOMElement - the current focused handle
+ ui.value : Integer - the current handle's value
+
+
+
+
+
Example
+
+
+
+A simple jQuery UI Slider.
+
+
$("#slider").slider();
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.slider.js"></script>
+ <style type="text/css">
+ #slider { margin: 10px; }
+ </style>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("#slider").slider();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="slider"></div>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
Whether to slide handle smoothly when user click outside handle on the bar.
+
+
+
Code examples
+
+
+
+ Initialize a slider with the animate
option specified.
+
+
+$('.selector').slider({ animate: true });
+
+
+
+
+ Get or set the animate
option, after init.
+
+
+//getter
+var animate = $('.selector').slider('option', 'animate');
+//setter
+$('.selector').slider('option', 'animate', true);
+
+
+
+
+
+
+
+
+
+
+
The maximum value of the slider.
+
+
+
Code examples
+
+
+
+ Initialize a slider with the max
option specified.
+
+
+$('.selector').slider({ max: 7 });
+
+
+
+
+ Get or set the max
option, after init.
+
+
+//getter
+var max = $('.selector').slider('option', 'max');
+//setter
+$('.selector').slider('option', 'max', 7);
+
+
+
+
+
+
+
+
+
+
+
The minimum value of the slider.
+
+
+
Code examples
+
+
+
+ Initialize a slider with the min
option specified.
+
+
+$('.selector').slider({ min: -7 });
+
+
+
+
+ Get or set the min
option, after init.
+
+
+//getter
+var min = $('.selector').slider('option', 'min');
+//setter
+$('.selector').slider('option', 'min', -7);
+
+
+
+
+
+
+
+
+
+
+
Normally you don't need to set this option because the plugin detects the slider orientation automatically. If the orientation is not correctly detected you can set this option to 'horizontal' or 'vertical'.
+
+
+
Code examples
+
+
+
+ Initialize a slider with the orientation
option specified.
+
+
+$('.selector').slider({ orientation: 'vertical' });
+
+
+
+
+ Get or set the orientation
option, after init.
+
+
+//getter
+var orientation = $('.selector').slider('option', 'orientation');
+//setter
+$('.selector').slider('option', 'orientation', 'vertical');
+
+
+
+
+
+
+
+
+
+
+
If set to true, the slider will detect if you have two handles and create a stylable range element between these two. Two other possible values are 'min' and 'max'. A min range goes from the slider min to one handle. A max range goes from one handle to the slider max.
+
+
+
Code examples
+
+
+
+ Initialize a slider with the range
option specified.
+
+
+$('.selector').slider({ range: 'min' });
+
+
+
+
+ Get or set the range
option, after init.
+
+
+//getter
+var range = $('.selector').slider('option', 'range');
+//setter
+$('.selector').slider('option', 'range', 'min');
+
+
+
+
+
+
+
+
+
+
+
Determines the size or amount of each interval or step the slider takes between min and max. The full specified value range of the slider (max - min) needs to be evenly divisible by the step.
+
+
+
Code examples
+
+
+
+ Initialize a slider with the step
option specified.
+
+
+$('.selector').slider({ step: 5 });
+
+
+
+
+ Get or set the step
option, after init.
+
+
+//getter
+var step = $('.selector').slider('option', 'step');
+//setter
+$('.selector').slider('option', 'step', 5);
+
+
+
+
+
+
+
+
+
+
+
Determines the value of the slider, if there's only one handle. If there is more than one handle, determines the value of the first handle.
+
+
+
Code examples
+
+
+
+ Initialize a slider with the value
option specified.
+
+
+$('.selector').slider({ value: 37 });
+
+
+
+
+ Get or set the value
option, after init.
+
+
+//getter
+var value = $('.selector').slider('option', 'value');
+//setter
+$('.selector').slider('option', 'value', 37);
+
+
+
+
+
+
+
+
+
+
+
This option can be used to specify multiple handles. If range is set to true, the length of 'values' should be 2.
+
+
+
Code examples
+
+
+
+ Initialize a slider with the values
option specified.
+
+
+$('.selector').slider({ values: [1,5,9] });
+
+
+
+
+ Get or set the values
option, after init.
+
+
+//getter
+var values = $('.selector').slider('option', 'values');
+//setter
+$('.selector').slider('option', 'values', [1,5,9]);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when the user starts sliding.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the start
event as an init option.
+
+
+$('.selector').slider({
+ start: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the start
event by type: slidestart
.
+
+
+$('.selector').bind('slidestart', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered on every mouse move during slide. Use ui.value (single-handled sliders) to obtain the value of the current handle, $(..).slider('value', index) to get another handles' value.
+
Return false in order to prevent a slide, based on ui.value.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the slide
event as an init option.
+
+
+$('.selector').slider({
+ slide: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the slide
event by type: slide
.
+
+
+$('.selector').bind('slide', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered on slide stop, or if the value is changed programmatically (by the value
method). Takes arguments event and ui. Use event.orginalEvent to detect whether the value changed by mouse, keyboard, or programmatically. Use ui.value (single-handled sliders) to obtain the value of the current handle, $(this).slider('values', index) to get another handle's value.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the change
event as an init option.
+
+
+$('.selector').slider({
+ change: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the change
event by type: slidechange
.
+
+
+$('.selector').bind('slidechange', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when the user stops sliding.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the stop
event as an init option.
+
+
+$('.selector').slider({
+ stop: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the stop
event by type: slidestop
.
+
+
+$('.selector').bind('slidestop', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Remove the slider functionality completely. This will return the element back to its pre-init state.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Get or set any slider option. If no value is specified, will act as a getter.
+
+
+
+
+
+
+
+
Gets or sets the value of the slider. For single handle sliders.
+
+
+
+
+
+
+
+
Gets or sets the values of the slider. For multiple handle or range sliders.
+
+
+
+
+
+
+
+
The jQuery UI Slider plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+
+
If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.slider.css stylesheet that can be modified. These classes are highlighed in bold below.
+
+
+
Sample markup with jQuery UI CSS Framework classes
+ <div class="ui-slider
ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
+ <a style="left: 0%;" class="
ui-slider-handle ui-state-default ui-corner-all" href="#"></a>
+</div>
+
+
+ Note: This is a sample of markup generated by the slider plugin, not markup you should use to create a slider. The only markup needed for that is <div><div>.
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/sortable.html b/static/development-bundle/docs/sortable.html
new file mode 100644
index 0000000..6ed114b
--- /dev/null
+++ b/static/development-bundle/docs/sortable.html
@@ -0,0 +1,1818 @@
+
+
+
+
jQuery UI Sortable
+
+
+
+
The jQuery UI Sortable plugin makes selected elements sortable by dragging with the mouse.
+
All callbacks receive two arguments: The original browser event and a prepared ui object, view below for a documentation of this object (if you name your second argument 'ui'):
+
+ui.helper - the current helper element (most often a clone of the item)
+ui.position - current position of the helper
+ui.offset - current absolute position of the helper
+ui.item - the current dragged element
+ui.placeholder - the placeholder (if you defined one)
+ui.sender - the sortable where the item comes from (only exists if you move from one connected list to another)
+
+
+
+
+
Example
+
+
+
+A simple jQuery UI Sortable.
+
+
$("#sortable").sortable();
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.sortable.js"></script>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("#sortable").sortable();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="sortable"></div>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
Defines where the helper that moves with the mouse is being appended to during the drag (for example, to resolve overlap/zIndex issues).
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the appendTo
option specified.
+
+
+$('.selector').sortable({ appendTo: 'body' });
+
+
+
+
+ Get or set the appendTo
option, after init.
+
+
+//getter
+var appendTo = $('.selector').sortable('option', 'appendTo');
+//setter
+$('.selector').sortable('option', 'appendTo', 'body');
+
+
+
+
+
+
+
+
+
+
+
If defined, the items can be dragged only horizontally or vertically. Possible values:'x', 'y'.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the axis
option specified.
+
+
+$('.selector').sortable({ axis: 'x' });
+
+
+
+
+ Get or set the axis
option, after init.
+
+
+//getter
+var axis = $('.selector').sortable('option', 'axis');
+//setter
+$('.selector').sortable('option', 'axis', 'x');
+
+
+
+
+
+
+
+
+
+
+
Prevents sorting if you start on elements matching the selector.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the cancel
option specified.
+
+
+$('.selector').sortable({ cancel: 'button' });
+
+
+
+
+ Get or set the cancel
option, after init.
+
+
+//getter
+var cancel = $('.selector').sortable('option', 'cancel');
+//setter
+$('.selector').sortable('option', 'cancel', 'button');
+
+
+
+
+
+
+
+
+
+
+
Takes a jQuery selector with items that also have sortables applied. If used, the sortable is now connected to the other one-way, so you can drag from this sortable to the other.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the connectWith
option specified.
+
+
+$('.selector').sortable({ connectWith: '.otherlist' });
+
+
+
+
+ Get or set the connectWith
option, after init.
+
+
+//getter
+var connectWith = $('.selector').sortable('option', 'connectWith');
+//setter
+$('.selector').sortable('option', 'connectWith', '.otherlist');
+
+
+
+
+
+
+
+
+
+
+
Constrains dragging to within the bounds of the specified element - can be a DOM element, 'parent', 'document', 'window', or a jQuery selector.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the containment
option specified.
+
+
+$('.selector').sortable({ containment: 'parent' });
+
+
+
+
+ Get or set the containment
option, after init.
+
+
+//getter
+var containment = $('.selector').sortable('option', 'containment');
+//setter
+$('.selector').sortable('option', 'containment', 'parent');
+
+
+
+
+
+
+
+
+
+
+
Defines the cursor that is being shown while sorting.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the cursor
option specified.
+
+
+$('.selector').sortable({ cursor: 'crosshair' });
+
+
+
+
+ Get or set the cursor
option, after init.
+
+
+//getter
+var cursor = $('.selector').sortable('option', 'cursor');
+//setter
+$('.selector').sortable('option', 'cursor', 'crosshair');
+
+
+
+
+
+
+
+
+
+
+
Moves the sorting element or helper so the cursor always appears to drag from the same position. Coordinates can be given as a hash using a combination of one or two keys: { top, left, right, bottom }
.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the cursorAt
option specified.
+
+
+$('.selector').sortable({ cursorAt: 'top' });
+
+
+
+
+ Get or set the cursorAt
option, after init.
+
+
+//getter
+var cursorAt = $('.selector').sortable('option', 'cursorAt');
+//setter
+$('.selector').sortable('option', 'cursorAt', 'top');
+
+
+
+
+
+
+
+
+
+
+
Time in milliseconds to define when the sorting should start. It helps preventing unwanted drags when clicking on an element.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the delay
option specified.
+
+
+$('.selector').sortable({ delay: 500 });
+
+
+
+
+ Get or set the delay
option, after init.
+
+
+//getter
+var delay = $('.selector').sortable('option', 'delay');
+//setter
+$('.selector').sortable('option', 'delay', 500);
+
+
+
+
+
+
+
+
+
+
+
Tolerance, in pixels, for when sorting should start. If specified, sorting will not start until after mouse is dragged beyond distance. Can be used to allow for clicks on elements within a handle.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the distance
option specified.
+
+
+$('.selector').sortable({ distance: 30 });
+
+
+
+
+ Get or set the distance
option, after init.
+
+
+//getter
+var distance = $('.selector').sortable('option', 'distance');
+//setter
+$('.selector').sortable('option', 'distance', 30);
+
+
+
+
+
+
+
+
+
+
+
If empty allows for an item to be dropped from a linked selectable.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the dropOnEmpty
option specified.
+
+
+$('.selector').sortable({ dropOnEmpty: false });
+
+
+
+
+ Get or set the dropOnEmpty
option, after init.
+
+
+//getter
+var dropOnEmpty = $('.selector').sortable('option', 'dropOnEmpty');
+//setter
+$('.selector').sortable('option', 'dropOnEmpty', false);
+
+
+
+
+
+
+
+
+
+
+
If true, forces the helper to have a size.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the forceHelperSize
option specified.
+
+
+$('.selector').sortable({ forceHelperSize: true });
+
+
+
+
+ Get or set the forceHelperSize
option, after init.
+
+
+//getter
+var forceHelperSize = $('.selector').sortable('option', 'forceHelperSize');
+//setter
+$('.selector').sortable('option', 'forceHelperSize', true);
+
+
+
+
+
+
+
+
+
+
+
If true, forces the placeholder to have a size.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the forcePlaceholderSize
option specified.
+
+
+$('.selector').sortable({ forcePlaceholderSize: true });
+
+
+
+
+ Get or set the forcePlaceholderSize
option, after init.
+
+
+//getter
+var forcePlaceholderSize = $('.selector').sortable('option', 'forcePlaceholderSize');
+//setter
+$('.selector').sortable('option', 'forcePlaceholderSize', true);
+
+
+
+
+
+
+
+
+
+
+
Snaps the sorting element or helper to a grid, every x and y pixels. Array values: [x, y]
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the grid
option specified.
+
+
+$('.selector').sortable({ grid: [50, 20] });
+
+
+
+
+ Get or set the grid
option, after init.
+
+
+//getter
+var grid = $('.selector').sortable('option', 'grid');
+//setter
+$('.selector').sortable('option', 'grid', [50, 20]);
+
+
+
+
+
+
+
+
+
+
+
Restricts sort start click to the specified element.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the handle
option specified.
+
+
+$('.selector').sortable({ handle: 'h2' });
+
+
+
+
+ Get or set the handle
option, after init.
+
+
+//getter
+var handle = $('.selector').sortable('option', 'handle');
+//setter
+$('.selector').sortable('option', 'handle', 'h2');
+
+
+
+
+
+
+
+
+
+
+
Allows for a helper element to be used for dragging display. The supplied function receives the event and the element being sorted, and should return a DOMElement to be used as a custom proxy helper. Possible values: 'original', 'clone'
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the helper
option specified.
+
+
+$('.selector').sortable({ helper: 'clone' });
+
+
+
+
+ Get or set the helper
option, after init.
+
+
+//getter
+var helper = $('.selector').sortable('option', 'helper');
+//setter
+$('.selector').sortable('option', 'helper', 'clone');
+
+
+
+
+
+
+
+
+
+
+
Specifies which items inside the element should be sortable.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the items
option specified.
+
+
+$('.selector').sortable({ items: 'li' });
+
+
+
+
+ Get or set the items
option, after init.
+
+
+//getter
+var items = $('.selector').sortable('option', 'items');
+//setter
+$('.selector').sortable('option', 'items', 'li');
+
+
+
+
+
+
+
+
+
+
+
Defines the opacity of the helper while sorting. From 0.01 to 1
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the opacity
option specified.
+
+
+$('.selector').sortable({ opacity: 0.6 });
+
+
+
+
+ Get or set the opacity
option, after init.
+
+
+//getter
+var opacity = $('.selector').sortable('option', 'opacity');
+//setter
+$('.selector').sortable('option', 'opacity', 0.6);
+
+
+
+
+
+
+
+
+
+
+
Class that gets applied to the otherwise white space.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the placeholder
option specified.
+
+
+$('.selector').sortable({ placeholder: 'ui-state-highlight' });
+
+
+
+
+ Get or set the placeholder
option, after init.
+
+
+//getter
+var placeholder = $('.selector').sortable('option', 'placeholder');
+//setter
+$('.selector').sortable('option', 'placeholder', 'ui-state-highlight');
+
+
+
+
+
+
+
+
+
+
+
If set to true, the item will be reverted to its new DOM position with a smooth animation.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the revert
option specified.
+
+
+$('.selector').sortable({ revert: true });
+
+
+
+
+ Get or set the revert
option, after init.
+
+
+//getter
+var revert = $('.selector').sortable('option', 'revert');
+//setter
+$('.selector').sortable('option', 'revert', true);
+
+
+
+
+
+
+
+
+
+
+
If set to true, the page scrolls when coming to an edge.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the scroll
option specified.
+
+
+$('.selector').sortable({ scroll: false });
+
+
+
+
+ Get or set the scroll
option, after init.
+
+
+//getter
+var scroll = $('.selector').sortable('option', 'scroll');
+//setter
+$('.selector').sortable('option', 'scroll', false);
+
+
+
+
+
+
+
+
+
+
+
Defines how near the mouse must be to an edge to start scrolling.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the scrollSensitivity
option specified.
+
+
+$('.selector').sortable({ scrollSensitivity: 40 });
+
+
+
+
+ Get or set the scrollSensitivity
option, after init.
+
+
+//getter
+var scrollSensitivity = $('.selector').sortable('option', 'scrollSensitivity');
+//setter
+$('.selector').sortable('option', 'scrollSensitivity', 40);
+
+
+
+
+
+
+
+
+
+
+
The speed at which the window should scroll once the mouse pointer gets within the scrollSensitivity distance.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the scrollSpeed
option specified.
+
+
+$('.selector').sortable({ scrollSpeed: 40 });
+
+
+
+
+ Get or set the scrollSpeed
option, after init.
+
+
+//getter
+var scrollSpeed = $('.selector').sortable('option', 'scrollSpeed');
+//setter
+$('.selector').sortable('option', 'scrollSpeed', 40);
+
+
+
+
+
+
+
+
+
+
+
This is the way the reordering behaves during drag. Possible values: 'intersect', 'pointer'. In some setups, 'pointer' is more natural.
+
+
+intersect : draggable overlaps the droppable at least 50%
+pointer : mouse pointer overlaps the droppable
+
+
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the tolerance
option specified.
+
+
+$('.selector').sortable({ tolerance: 'pointer' });
+
+
+
+
+ Get or set the tolerance
option, after init.
+
+
+//getter
+var tolerance = $('.selector').sortable('option', 'tolerance');
+//setter
+$('.selector').sortable('option', 'tolerance', 'pointer');
+
+
+
+
+
+
+
+
+
+
+
Z-index for element/helper while being sorted.
+
+
+
Code examples
+
+
+
+ Initialize a sortable with the zIndex
option specified.
+
+
+$('.selector').sortable({ zIndex: 5 });
+
+
+
+
+ Get or set the zIndex
option, after init.
+
+
+//getter
+var zIndex = $('.selector').sortable('option', 'zIndex');
+//setter
+$('.selector').sortable('option', 'zIndex', 5);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when sorting starts.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the start
event as an init option.
+
+
+$('.selector').sortable({
+ start: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the start
event by type: sortstart
.
+
+
+$('.selector').bind('sortstart', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered during sorting.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the sort
event as an init option.
+
+
+$('.selector').sortable({
+ sort: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the sort
event by type: sort
.
+
+
+$('.selector').bind('sort', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered during sorting, but only when the DOM position has changed.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the change
event as an init option.
+
+
+$('.selector').sortable({
+ change: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the change
event by type: sortchange
.
+
+
+$('.selector').bind('sortchange', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when sorting stops, but when the placeholder/helper is still available.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the beforeStop
event as an init option.
+
+
+$('.selector').sortable({
+ beforeStop: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the beforeStop
event by type: sortbeforeStop
.
+
+
+$('.selector').bind('sortbeforeStop', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when sorting has stopped.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the stop
event as an init option.
+
+
+$('.selector').sortable({
+ stop: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the stop
event by type: sortstop
.
+
+
+$('.selector').bind('sortstop', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when the user stopped sorting and the DOM position has changed.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the update
event as an init option.
+
+
+$('.selector').sortable({
+ update: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the update
event by type: sortupdate
.
+
+
+$('.selector').bind('sortupdate', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when a connected sortable list has received an item from another list.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the receive
event as an init option.
+
+
+$('.selector').sortable({
+ receive: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the receive
event by type: sortreceive
.
+
+
+$('.selector').bind('sortreceive', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when a sortable item has been dragged out from the list and into another.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the remove
event as an init option.
+
+
+$('.selector').sortable({
+ remove: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the remove
event by type: sortremove
.
+
+
+$('.selector').bind('sortremove', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when a sortable item is moved into a connected list.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the over
event as an init option.
+
+
+$('.selector').sortable({
+ over: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the over
event by type: sortover
.
+
+
+$('.selector').bind('sortover', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when a sortable item is moved away from a connected list.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the out
event as an init option.
+
+
+$('.selector').sortable({
+ out: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the out
event by type: sortout
.
+
+
+$('.selector').bind('sortout', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when using connected lists, every connected list on drag start receives it.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the activate
event as an init option.
+
+
+$('.selector').sortable({
+ activate: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the activate
event by type: sortactivate
.
+
+
+$('.selector').bind('sortactivate', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when sorting was stopped, is propagated to all possible connected lists.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the deactivate
event as an init option.
+
+
+$('.selector').sortable({
+ deactivate: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the deactivate
event by type: sortdeactivate
.
+
+
+$('.selector').bind('sortdeactivate', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Remove the sortable functionality completely. This will return the element back to its pre-init state.
+
+
+
+
+
+
+
+
Disable the sortable.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Get or set any sortable option. If no value is specified, will act as a getter.
+
+
+
+
+
+
+
+
Serializes the sortable's item id's into a form/ajax submittable string. Calling this method produces a hash that can be appended to any url to easily submit a new item order back to the server.
+
It works by default by looking at the id of each item in the format 'setname_number', and it spits out a hash like "setname[]=number&setname[]=number".
+
You can also give in a option hash as second argument to custom define how the function works. The possible options are: 'key' (replaces part1[] with whatever you want), 'attribute' (test another attribute than 'id') and 'expression' (use your own regexp).
+
If serialize returns an empty string, make sure the id attributes include an underscore. They must be in the form: "set_number" For example, a 3 element list with id attributes foo_1, foo_5, foo_2 will serialize to foo[]=1&foo[]=5&foo[]=2. You can use an underscore, equal sign or hyphen to separate the set and number. For example foo=1 or foo-1 or foo_1 all serialize to foo[]=1.
+
+
+
+
+
+
+
+
Serializes the sortable's item id's into an array of string. If you have
+
+
+<ul id="a_sortable"><br>
+<li id="hello">Hello</li><br>
+<li id="goodbye">Good bye</li><br>
+</ul>
+
+
and do
+
+
var result = $('#a_sortable').sortable('toArray');
+
then
+
+
result[0] will contain "hello" and result[1] will contain "goodbye".
+
+
+
+
+
+
+
+
Refresh the sortable items. Custom trigger the reloading of all sortable items, causing new items to be recognized.
+
+
+
+
+
+
+
+
Refresh the cached positions of the sortables' items. Calling this method refreshes the cached item positions of all sortables. This is usually done automatically by the script and slows down performance. Use wisely.
+
+
+
+
+
+
+
+
Cancels a change in the current sortable and reverts it back to how it was before the current sort started. Useful in the stop and receive callback functions.
+
If the sortable item is not being moved from one connected sortable to another:
+
+
$(this).sortable('cancel');
+
will cancel the change.
+
If the sortable item is being moved from one connected sortable to another:
+
+
$(ui.sender).sortable('cancel');
+
will cancel the change. Useful in the 'receive' callback.
+
+
+
+
+
+
+
+
The jQuery UI Sortable plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+
+
If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.sortable.css stylesheet that can be modified. These classes are highlighed in bold below.
+
+
+
Sample markup with jQuery UI CSS Framework classes
+ <ul class="
ui-sortable ">
+ <li></li>
+ <li></li>
+ <li></li>
+</ul>
+
+
+ Note: This is a sample of markup generated by the sortable plugin, not markup you should use to create a sortable. The only markup needed for that is <ul>
+ <li></li>
+ <li></li>
+ <li></li>
+</ul>.
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/switchClass.html b/static/development-bundle/docs/switchClass.html
new file mode 100644
index 0000000..b2e1b83
--- /dev/null
+++ b/static/development-bundle/docs/switchClass.html
@@ -0,0 +1,128 @@
+
+
+
+
jQuery UI switchClass
+
+
+
+
switchClass( remove, add, [ duration] )
+
Switches from the class defined in the first argument to the class defined as second argument, using an optional transition.
+
+
+
+
Example
+
+
+
+Switch the class 'highlight' to 'blue' when a paragraph is clicked with a one second transition.
+
+
$("p").click (function () {
+ $(this).switchClass ("highlight", "blue", 1000);
+ });
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<style type="text/css">
+ p { margin: 4px; font-size:16px; font-weight:bolder;
+ cursor:pointer; }
+ .blue { background: blue; }
+ .highlight { background:yellow; }
+</style>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("p").click (function () {
+ $(this).switchClass ("highlight", "blue", 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p class="highlight">Click to switch</p>
+<p class="highlight">to blue</p>
+<p class="highlight">on these</p>
+<p class="highlight">paragraphs</p>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
The CSS class that will be removed.
+
+
+
+
+
+
+
+
The CSS class that will be added.
+
+
+
+
+
+
+
+
A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).
+
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/tabs.html b/static/development-bundle/docs/tabs.html
new file mode 100644
index 0000000..b500cf5
--- /dev/null
+++ b/static/development-bundle/docs/tabs.html
@@ -0,0 +1,1426 @@
+
+
+
+
jQuery UI Tabs
+
+
+
+
Tabs are generally used to break content into multiple sections that can be swapped to save space, much like an accordion.
+
By default a tab widget will swap between tabbed sections onClick, but the events can be changed to onHover through an option. Tab content can be loaded via Ajax by setting an href on a tab.
+
+
Events
+
A series of events fire when interacting with a tabs interface:
+
+
tabsselect, tabsload, tabsshow (in that order)
+ tabsadd, tabsremove
+ tabsenable, tabsdisable
+
+
Event binding example:
+
+
$('#example').bind('tabsselect', function(event, ui) {
+
+ // Objects available in the function context:
+ ui.tab // anchor element of the selected (clicked) tab
+ ui.panel // element, that contains the selected/clicked tab contents
+ ui.index // zero-based index of the selected (clicked) tab
+
+});
+
Note that if a handler for the tabsselect event returns false, the clicked tab will not become selected (useful for example if switching to the next tab requires a form validation).
+
+
Ajax mode
+
Tabs supports loading tab content via Ajax in an unobtrusive manner.
+
The HTML you need is slightly different from the one that is used for static tabs: A list of links pointing to existing resources (from where the content gets loaded) and no additional containers at all (unobtrusive!). The containers' markup is going to be created on the fly:
+
+
+<div id="example">
+ <ul>
+ <li><a href="ahah_1.html"><span>Content 1</span></a></li>
+ <li><a href="ahah_2.html"><span>Content 2</span></a></li>
+ <li><a href="ahah_3.html"><span>Content 3</span></a></li>
+ </ul>
+</div>
+
+
Obviously this degrades gracefully - the links, e.g. the content, will still be accessible with JavaScript disabled.
+
Note that if you wish to reuse an existing container, you
+could do so by matching a title attribute and the container's id:
+
+
+<li><a href="hello/world.html" title="Todo Overview"> ... </a></li>
+
+
and a container like:
+
+
+<div id="Todo_Overview"> ... </div>
+
+
(Note how white space is replaced with an underscore)
+
This is useful if you want a human readable hash in the URL instead of
+a cryptic generated one.
+
+
Back button and bookmarking
+
Tabs 2 already supported this functionality, although the history plugin needs a rewrite first (it doesn't support Safari 3 and is in general a little inflexible) before it can be build back into the tabs. It is planned and Klaus is working on it whenever he finds the time. Actual bugs in the UI Tabs plugin itself always have higher priority though.
+
+
How to...
+
...retrieve the index of the currently selected tab
+
var $tabs = $('#example').tabs();
+var selected = $tabs.tabs('option', 'selected'); // => 0
+
...open links in the current tab instead of leaving the page
+
"Hijax" links after tab content has been loaded:
+
+
$('#example').tabs({
+ load: function(event, ui) {
+ $('a', ui.panel).click(function() {
+ $(ui.panel).load(this.href);
+ return false;
+ });
+ }
+});
+
...select a tab from a text link instead of clicking a tab itself
+
var $tabs = $('#example').tabs(); // first tab selected
+
+$('#my-text-link').click(function() { // bind click event to link
+ $tabs.tabs('select', 2); // switch to third tab
+ return false;
+});
+
...prevent switching to the tab on click depending on form validation
+
Returning false in the tabs select handler prevents the clicked tab from becoming selected.
+
+
$('#example').tabs({
+ select: function(event, ui) {
+ var isValid = ... // form validation returning true or false
+ return isValid;
+ }
+});
+
...immediately select a just added tab
+
var $tabs = $('#example').tabs({
+ add: function(event, ui) {
+ $tabs.tabs('select', '#' + ui.panel.id);
+ }
+});
+
...follow a tab's URL instead of loading its content via ajax
+
Note that opening a tab in a new window is unexpected, e.g.
+inconsistent behaviour exposing a usablity problem (http://www.useit.com/alertbox/tabs.html ).
+
+
$('#example').tabs({
+ select: function(event, ui) {
+ var url = $.data(ui.tab, 'load.tabs');
+ if( url ) {
+ location.href = url;
+ return false;
+ }
+ return true;
+ }
+});
+
+
+
...prevent a FOUC (Flash of Unstyled Content) before tabs are initialized
+
Add the necessary classes to hide an inactive tab panel to the HTML right away - note that this will not degrade gracefully with JavaScript being disabled:
+
+
<div id="example" class="ui-tabs">
+ ...
+ <div id="a-tab-panel" class="ui-tabs-hide"> </div>
+ ...
+</div>
+
Why does...
+
...my slider, Google Map, sIFR etc. not work when placed in a hidden (inactive) tab?
+
Any component that requires some dimensional computation for its initialization won't work in a hidden tab, because the tab panel itself is hidden via display: none
so that any elements inside won't report their actual width and height (0 in most browsers).
+
There's an easy workaround. Use the off-left technique for hiding inactive tab panels. E.g. in your style sheet replace the rule for the class selector ".ui-tabs .ui-tabs-hide" with
+
+
.ui-tabs .ui-tabs-hide {
+ position: absolute;
+ left: -10000px;
+}
+
For Google maps you can also resize the map once the tab is displayed like this:
+
+
$('#example').bind('tabsshow', function(event, ui) {
+ if (ui.panel.id == "map-tab") {
+ resizeMap();
+ }
+});
+resizeMap() will call Google Maps' checkResize() on the particular map.
+
+
+
+
Example
+
+
+
+A simple jQuery UI Tabs.
+
+
$("#tabs").tabs();
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
+ <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.tabs.js"></script>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("#tabs").tabs();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="tabs">
+ <ul>
+ <li><a href="#fragment-1"><span>One</span></a></li>
+ <li><a href="#fragment-2"><span>Two</span></a></li>
+ <li><a href="#fragment-3"><span>Three</span></a></li>
+ </ul>
+ <div id="fragment-1">
+ <p>First tab is active by default:</p>
+ <pre><code>$('#example').tabs();</code></pre>
+ </div>
+ <div id="fragment-2">
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+ </div>
+ <div id="fragment-3">
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+ </div>
+</div>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
Additional Ajax options to consider when loading tab content (see $.ajax).
+
+
+
Code examples
+
+
+
+ Initialize a tabs with the ajaxOptions
option specified.
+
+
+$('.selector').tabs({ ajaxOptions: { async: false } });
+
+
+
+
+ Get or set the ajaxOptions
option, after init.
+
+
+//getter
+var ajaxOptions = $('.selector').tabs('option', 'ajaxOptions');
+//setter
+$('.selector').tabs('option', 'ajaxOptions', { async: false });
+
+
+
+
+
+
+
+
+
+
+
Whether or not to cache remote tabs content, e.g. load only once or with every click. Cached content is being lazy loaded, e.g once and only once for the first click. Note that to prevent the actual Ajax requests from being cached by the browser you need to provide an extra cache: false flag to ajaxOptions.
+
+
+
Code examples
+
+
+
+ Initialize a tabs with the cache
option specified.
+
+
+$('.selector').tabs({ cache: true });
+
+
+
+
+ Get or set the cache
option, after init.
+
+
+//getter
+var cache = $('.selector').tabs('option', 'cache');
+//setter
+$('.selector').tabs('option', 'cache', true);
+
+
+
+
+
+
+
+
+
+
+
Set to true to allow an already selected tab to become unselected again upon reselection.
+
+
+
Code examples
+
+
+
+ Initialize a tabs with the collapsible
option specified.
+
+
+$('.selector').tabs({ collapsible: true });
+
+
+
+
+ Get or set the collapsible
option, after init.
+
+
+//getter
+var collapsible = $('.selector').tabs('option', 'collapsible');
+//setter
+$('.selector').tabs('option', 'collapsible', true);
+
+
+
+
+
+
+
+
+
+
+
Store the latest selected tab in a cookie. The cookie is then used to determine the initially selected tab if the selected option is not defined. Requires cookie plugin. The object needs to have key/value pairs of the form the cookie plugin expects as options. Available options (example): { expires: 7, path: '/', domain: 'jquery.com', secure: true }. Since jQuery UI 1.7 it is also possible to define the cookie name being used via name property.
+
+
+
Code examples
+
+
+
+ Initialize a tabs with the cookie
option specified.
+
+
+$('.selector').tabs({ cookie: { expires: 30 } });
+
+
+
+
+ Get or set the cookie
option, after init.
+
+
+//getter
+var cookie = $('.selector').tabs('option', 'cookie');
+//setter
+$('.selector').tabs('option', 'cookie', { expires: 30 });
+
+
+
+
+
+
+
+
+
+
+
deprecated in jQuery UI 1.7, use collapsible.
+
+
+
Code examples
+
+
+
+ Initialize a tabs with the deselectable
option specified.
+
+
+$('.selector').tabs({ deselectable: true });
+
+
+
+
+ Get or set the deselectable
option, after init.
+
+
+//getter
+var deselectable = $('.selector').tabs('option', 'deselectable');
+//setter
+$('.selector').tabs('option', 'deselectable', true);
+
+
+
+
+
+
+
+
+
+
+
An array containing the position of the tabs (zero-based index) that should be disabled on initialization.
+
+
+
Code examples
+
+
+
+ Initialize a tabs with the disabled
option specified.
+
+
+$('.selector').tabs({ disabled: [1, 2] });
+
+
+
+
+ Get or set the disabled
option, after init.
+
+
+//getter
+var disabled = $('.selector').tabs('option', 'disabled');
+//setter
+$('.selector').tabs('option', 'disabled', [1, 2]);
+
+
+
+
+
+
+
+
+
+
+
The type of event to be used for selecting a tab.
+
+
+
Code examples
+
+
+
+ Initialize a tabs with the event
option specified.
+
+
+$('.selector').tabs({ event: 'mouseover' });
+
+
+
+
+ Get or set the event
option, after init.
+
+
+//getter
+var event = $('.selector').tabs('option', 'event');
+//setter
+$('.selector').tabs('option', 'event', 'mouseover');
+
+
+
+
+
+
+
+
+
+
+
Enable animations for hiding and showing tab panels. The duration option can be a string representing one of the three predefined speeds ("slow", "normal", "fast") or the duration in milliseconds to run an animation (default is "normal").
+
+
+
Code examples
+
+
+
+ Initialize a tabs with the fx
option specified.
+
+
+$('.selector').tabs({ fx: { opacity: 'toggle' } });
+
+
+
+
+ Get or set the fx
option, after init.
+
+
+//getter
+var fx = $('.selector').tabs('option', 'fx');
+//setter
+$('.selector').tabs('option', 'fx', { opacity: 'toggle' });
+
+
+
+
+
+
+
+
+
+
+
If the remote tab, its anchor element that is, has no title attribute to generate an id from, an id/fragment identifier is created from this prefix and a unique id returned by $.data(el), for example "ui-tabs-54".
+
+
+
Code examples
+
+
+
+ Initialize a tabs with the idPrefix
option specified.
+
+
+$('.selector').tabs({ idPrefix: 'ui-tabs-primary' });
+
+
+
+
+ Get or set the idPrefix
option, after init.
+
+
+//getter
+var idPrefix = $('.selector').tabs('option', 'idPrefix');
+//setter
+$('.selector').tabs('option', 'idPrefix', 'ui-tabs-primary');
+
+
+
+
+
+
+
+
+
+
+
HTML template from which a new tab panel is created in case of adding a tab with the add method or when creating a panel for a remote tab on the fly.
+
+
+
Code examples
+
+
+
+ Initialize a tabs with the panelTemplate
option specified.
+
+
+$('.selector').tabs({ panelTemplate: '<li></li>' });
+
+
+
+
+ Get or set the panelTemplate
option, after init.
+
+
+//getter
+var panelTemplate = $('.selector').tabs('option', 'panelTemplate');
+//setter
+$('.selector').tabs('option', 'panelTemplate', '<li></li>');
+
+
+
+
+
+
+
+
+
+
+
Zero-based index of the tab to be selected on initialization. To set all tabs to unselected pass -1 as value.
+
+
+
Code examples
+
+
+
+ Initialize a tabs with the selected
option specified.
+
+
+$('.selector').tabs({ selected: 3 });
+
+
+
+
+ Get or set the selected
option, after init.
+
+
+//getter
+var selected = $('.selector').tabs('option', 'selected');
+//setter
+$('.selector').tabs('option', 'selected', 3);
+
+
+
+
+
+
+
+
+
+
+
The HTML content of this string is shown in a tab title while remote content is loading. Pass in empty string to deactivate that behavior.
+
+
+
Code examples
+
+
+
+ Initialize a tabs with the spinner
option specified.
+
+
+$('.selector').tabs({ spinner: 'Retrieving data...' });
+
+
+
+
+ Get or set the spinner
option, after init.
+
+
+//getter
+var spinner = $('.selector').tabs('option', 'spinner');
+//setter
+$('.selector').tabs('option', 'spinner', 'Retrieving data...');
+
+
+
+
+
+
+
+
+
+
+
HTML template from which a new tab is created and added. The placeholders #{href} and #{label} are replaced with the url and tab label that are passed as arguments to the add method.
+
+
+
Code examples
+
+
+
+ Initialize a tabs with the tabTemplate
option specified.
+
+
+$('.selector').tabs({ tabTemplate: '<div><a href="#{href}"><span>#{label}</span></a></div>' });
+
+
+
+
+ Get or set the tabTemplate
option, after init.
+
+
+//getter
+var tabTemplate = $('.selector').tabs('option', 'tabTemplate');
+//setter
+$('.selector').tabs('option', 'tabTemplate', '<div><a href="#{href}"><span>#{label}</span></a></div>');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when clicking a tab.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the select
event as an init option.
+
+
+$('.selector').tabs({
+ select: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the select
event by type: tabsselect
.
+
+
+$('.selector').bind('tabsselect', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered after the content of a remote tab has been loaded.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the load
event as an init option.
+
+
+$('.selector').tabs({
+ load: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the load
event by type: tabsload
.
+
+
+$('.selector').bind('tabsload', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when a tab is shown.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the show
event as an init option.
+
+
+$('.selector').tabs({
+ show: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the show
event by type: tabsshow
.
+
+
+$('.selector').bind('tabsshow', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when a tab is added.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the add
event as an init option.
+
+
+$('.selector').tabs({
+ add: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the add
event by type: tabsadd
.
+
+
+$('.selector').bind('tabsadd', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when a tab is removed.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the remove
event as an init option.
+
+
+$('.selector').tabs({
+ remove: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the remove
event by type: tabsremove
.
+
+
+$('.selector').bind('tabsremove', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when a tab is enabled.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the enable
event as an init option.
+
+
+$('.selector').tabs({
+ enable: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the enable
event by type: tabsenable
.
+
+
+$('.selector').bind('tabsenable', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
This event is triggered when a tab is disabled.
+
+
+
Code examples
+
+
+
+ Supply a callback function to handle the disable
event as an init option.
+
+
+$('.selector').tabs({
+ disable: function(event, ui) { ... }
+});
+
+
+
+
+ Bind to the disable
event by type: tabsdisable
.
+
+
+$('.selector').bind('tabsdisable', function(event, ui) {
+ ...
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Remove the tabs functionality completely. This will return the element back to its pre-init state.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Get or set any tabs option. If no value is specified, will act as a getter.
+
+
+
+
+
+
+
+
Add a new tab. The second argument is either a URL consisting of a fragment identifier only to create an in-page tab or a full url (relative or absolute, no cross-domain support) to turn the new tab into an Ajax (remote) tab. The third is the zero-based position where to insert the new tab. Optional, by default a new tab is appended at the end.
+
+
+
+
+
+
+
+
Remove a tab. The second argument is the zero-based index of the tab to be removed.
+
+
+
+
+
+
+
+
Enable a disabled tab. To enable more than one tab at once reset the disabled property like: $('#example').data('disabled.tabs', []);
. The second argument is the zero-based index of the tab to be enabled.
+
+
+
+
+
+
+
+
Disable a tab. The selected tab cannot be disabled. To disable more than one tab at once use: $('#example').data('disabled.tabs', [1, 2, 3]);
The second argument is the zero-based index of the tab to be disabled.
+
+
+
+
+
+
+
+
Select a tab, as if it were clicked. The second argument is the zero-based index of the tab to be selected or the id selector of the panel the tab is associated with (the tab's href fragment identifier, e.g. hash, points to the panel's id).
+
+
+
+
+
+
+
+
Reload the content of an Ajax tab programmatically. This method always loads the tab content from the remote location, even if cache is set to true. The second argument is the zero-based index of the tab to be reloaded.
+
+
+
+
+
+
+
+
Change the url from which an Ajax (remote) tab will be loaded. The specified URL will be used for subsequent loads. Note that you can not only change the URL for an existing remote tab with this method, but also turn an in-page tab into a remote tab. The second argument is the zero-based index of the tab of which its URL is to be updated. The third is a URL the content of the tab is loaded from.
+
+
+
+
+
+
+
+
Retrieve the number of tabs of the first matched tab pane.
+
+
+
+
+
+
+
+
Terminate all running tab ajax requests and animations.
+
+
+
+
+
+
+
+
Set up an automatic rotation through tabs of a tab pane. The second argument is an amount of time in milliseconds until the next tab in the cycle gets activated. Use 0 or null to stop the rotation. The third controls whether or not to continue the rotation after a tab has been selected by a user. Default: false.
+
+
+
+
+
+
+
+
The jQuery UI Tabs plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
+
+
If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.tabs.css stylesheet that can be modified. These classes are highlighed in bold below.
+
+
+
Sample markup with jQuery UI CSS Framework classes
+ <div class="
ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
+ <ul class="
ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
+ <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1">Nunc tincidunt</a></li>
+ <li class="ui-state-default ui-corner-top"><a href="#tabs-2">Proin dolor</a></li>
+ <div class="
ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-1">
+ <p>Tab one content goes here.</p>
+ </div>
+ ...
+</div>
+
+
+ Note: This is a sample of markup generated by the tabs plugin, not markup you should use to create a tabs. The only markup needed for that is <div id="tabs">
+ <ul>
+ <li><a href="#tabs-1">Nunc tincidunt</a></li>
+ <li><a href="#tabs-2">Proin dolor</a></li>
+ <li><a href="#tabs-3">Aenean lacinia</a></li>
+ </ul>
+ <div id="tabs-1">
+ <p>Tab 1 content</p>
+ </div>
+ <div id="tabs-2">
+ <p>Tab 2 content</p>
+ </div>
+ <div id="tabs-3">
+ <p>Tab 3 content</p>
+ </div>
+</div>.
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/toggle.html b/static/development-bundle/docs/toggle.html
new file mode 100644
index 0000000..f569345
--- /dev/null
+++ b/static/development-bundle/docs/toggle.html
@@ -0,0 +1,143 @@
+
+
+
+
jQuery UI toggle
+
+
+
+
toggle( effect, [ options] , [ speed] , [ callback] )
+
The enhanced toggle method optionally accepts jQuery UI advanced effects.
+
Uses a specific effect on an element to toggle the element if the first argument is an effect string.
+
+
+
+
Example
+
+
+
+Apply the effect slide if you click on the p to toggle a div.
+
+
$("p").click (function () {
+ $("div").toggle ("slide", {}, 1000);
+ });
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<script src="http://ui.jquery.com/latest/ui/effects.slide.js"></script>
+<style type="text/css">
+ div { display: none; margin: 0px; width: 100px; height: 80px; background: blue; position: relative; }
+</style>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("p").click (function () {
+ $("div").toggle ("slide", {}, 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p>Click me</p><div></div>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
The effect to be used. Possible values: 'blind', 'clip', 'drop', 'explode', 'fold', 'puff', 'slide', 'scale', 'size', 'pulsate'.
+
+
+
+
+
+
+
+
A object/hash including specific options for the effect.
+
+
+
+
+
+
+
+
A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).
+
+
+
+
+
+
+
+
A function that is called after the effect is completed.
+
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/docs/toggleClass.html b/static/development-bundle/docs/toggleClass.html
new file mode 100644
index 0000000..6740cc3
--- /dev/null
+++ b/static/development-bundle/docs/toggleClass.html
@@ -0,0 +1,110 @@
+
+
+
+
jQuery UI toggleClass
+
+
+
+
toggleClass( class, [ duration] )
+
Adds the specified class if it is not present, and removes the specified class if it is present, using an optional transition.
+
+
+
+
Example
+
+
+
+Adds the 'selected' class if it is not present, and removes the 'selected' class if it is present.
+
+
$("p").click (function () {
+ $(this).toggleClass ("selected", 1000);
+ });
+
+
+
+
<!DOCTYPE html>
+<html>
+<head>
+ <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
+ <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
+ <script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<style type="text/css">
+ p { cursor: pointer; font-size: 1.2em; }
+ .selected { color:red; }
+</style>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $("p").click (function () {
+ $(this).toggleClass ("selected", 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p>Click me to toggle 'selected' class.</p>
+<p class="selected">Click me to toggle 'selected' class.</p>
+<p>Click me to toggle 'selected' class.</p>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
A CSS class to toggle on the elements.
+
+
+
+
+
+
+
+
A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds to run the animation (e.g. 1000).
+
+
+
+
+
+
+
+
+
+
diff --git a/static/development-bundle/external/bgiframe/ChangeLog.txt b/static/development-bundle/external/bgiframe/ChangeLog.txt
new file mode 100644
index 0000000..ccebcbf
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/ChangeLog.txt
@@ -0,0 +1,20 @@
+== New and Noteworthy ==
+
+== 2.1.1 ==
+
+* Removed $.browser.version for jQuery < 1.1.3
+
+== 2.1 ==
+
+* Updated to work with jQuery 1.1.3
+* Added $.browser.version for jQuery < 1.1.3
+* Optimized duplication check by using child selector and using .length test
+
+== 2.0 ==
+
+* Added ability change settings like width, height, src and more.
+
+== 1.0 ==
+
+* Only adds iframe once per an element
+* Works with SSL enabled pages
\ No newline at end of file
diff --git a/static/development-bundle/external/bgiframe/META.json b/static/development-bundle/external/bgiframe/META.json
new file mode 100644
index 0000000..5be79cc
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/META.json
@@ -0,0 +1,32 @@
+{
+ "name": "jQuery-bgiframe",
+ "version": 2.1,
+ "author": [
+ "Brandon Aaron "
+ ],
+ "abstract": "jQuery plugin for fixing z-index issues in IE6",
+ "license": "mit, gpl",
+ "distribution_type": "plugin",
+ "requires": {
+ "jQuery": ">=1.0.3"
+ },
+ "provides": {
+ "jQuery.bgiframe": {
+ "version": 2.1,
+ "file": "jquery.bgiframe.js"
+ }
+ },
+ "keywords": [
+ "iframe",
+ "hack",
+ "zIndex",
+ "z-index",
+ "ie6"
+ ],
+ "stability": "Official",
+ "meta-spec": {
+ "version": 1.3,
+ "url": "http://module-build.sourceforge.net/META-spec-v1.3.html"
+ },
+ "generated_by": "Brandon Aaron"
+}
diff --git a/static/development-bundle/external/bgiframe/docs/index.html b/static/development-bundle/external/bgiframe/docs/index.html
new file mode 100644
index 0000000..1776b4d
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/docs/index.html
@@ -0,0 +1,113 @@
+
+
+
+
+ bgiframe 2.1.1 docs
+
+
+
+
+
+
+
+
bgiframe 2.1.1
+
+
+ What does it do?
+
+ Have you ever experienced the select form element z-index issue in Internet Explorer 6? Most likely you have if you've implemented some sort of drop down menu navigation that shows up over a select form element.
+ The background iframe (bgiframe) plugin provides a very small, quick and easy way to fix that problem so you don't have to worry about it. No matter the size, borders or position the bgiframe plugin can fix it.
+
+
+ When should I use it?
+
+ The bgiframe plugin should be used when you are trying to show elements above a select form control in Internet Explorer 6.
+
+
+ How do I use it?
+
+ The usage is simple. Just call bgiframe
on a jQuery collection of elements.
+ $('.fix-z-index').bgiframe();
+ The plugin tries its best to handle most situations but sometimes some configuration is necessary. For example if your borders are defined in a unit other than pixels, you will need to manually set the top
and left
properties to the negative width of the border. Here are the options/settings available to configure the output.
+
+ top
+
+ The iframe must be offset to the top by the width of the top border. This should be a negative number representing the border-top-width. If a number is is used here, pixels will be assumed. Otherwise, be sure to specify a unit. An expression could also be used. By default the value is "auto" which will use an expression to get the border-top-width if it is in pixels.
+ $('.fix-z-index').bgiframe({ top: '-1em' });
+
+ left
+
+ The iframe must be offset to the left by the width of the left border. This should be a negative number representing the border-left-width. If a number is used here, pixels will be assumed. Otherwise, be sure to specify a unit. An expression could also be used. By default the value is "auto" which will use an expression to get the border-left-width if it is in pixels.
+ $('.fix-z-index').bgiframe({ left: '-1em' });
+
+ width
+
+ This is the width of the iframe. If a number is used here, pixels will be assume. Otherwise, be sure to specify a unit. An expression could also be used. By default the value is "auto" which will use an expression to get the offsetWidth.
+ $('.fix-z-index').bgiframe({ width: 100 });
+
+ height
+
+ This is the height of the iframe. If a number is used here, pixels will be assume. Otherwise, be sure to specify a unit. An expression could also be used. By default the value is "auto" which will use an expression to get the offsetHeight.
+ $('.fix-z-index').bgiframe({ height: 100 });
+
+ opacity
+
+ This is a boolean representing whether or not to use opacity. If set to true, the opacity of 0 is applied. If set to false, the opacity filter is not applied. Default: true.
+ $('.fix-z-index').bgiframe({ opacity: false });
+
+ src
+
+ This setting is provided so that one could change the src of the iframe to whatever they need. Default: "javascript:false;"
+ $('.fix-z-index').bgiframe({ src: '#' });
+
+
+
+
+ How does it work?
+
+ The bgiframe plugin works by prepending an iframe to the element. The iframe is given a class of bgiframe and positioned below all the other children of the element. In the default configuration it automatically adjusts to the width and height of the element (including the borders) and the opacity is set to 0. The element needs to have position (relative or absolute) and should have a background (color or image).
+ Check out the test page to see the plugin in action.
+
+
+ Where can I get it?
+
+
+ 2.1 zip from the bgiframe project page .
+ Latest SVN: http://jqueryjs.googlecode.com/svn/trunk/plugins/bgiframe/
+ Tagged Versions in SVN: Latest SVN: http://jqueryjs.googlecode.com/svn/tags/plugins/bgiframe/
+
+
+
+ Suggestions? Bugs? Patches?
+
+ Feel free to make any suggestions, bug reports or add any patches via the project page .
+
+
+
The bgiframe plugin is authored by Brandon Aaron (http://brandonaaron.net/)
+
+
+
+
\ No newline at end of file
diff --git a/static/development-bundle/external/bgiframe/jquery.bgiframe.js b/static/development-bundle/external/bgiframe/jquery.bgiframe.js
new file mode 100644
index 0000000..3a01f6e
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/jquery.bgiframe.js
@@ -0,0 +1,100 @@
+/* Copyright (c) 2006 Brandon Aaron (http://brandonaaron.net)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * $LastChangedDate: 2007-07-21 18:44:59 -0500 (Sat, 21 Jul 2007) $
+ * $Rev: 2446 $
+ *
+ * Version 2.1.1
+ */
+
+(function($){
+
+/**
+ * The bgiframe is chainable and applies the iframe hack to get
+ * around zIndex issues in IE6. It will only apply itself in IE6
+ * and adds a class to the iframe called 'bgiframe'. The iframe
+ * is appeneded as the first child of the matched element(s)
+ * with a tabIndex and zIndex of -1.
+ *
+ * By default the plugin will take borders, sized with pixel units,
+ * into account. If a different unit is used for the border's width,
+ * then you will need to use the top and left settings as explained below.
+ *
+ * NOTICE: This plugin has been reported to cause perfromance problems
+ * when used on elements that change properties (like width, height and
+ * opacity) a lot in IE6. Most of these problems have been caused by
+ * the expressions used to calculate the elements width, height and
+ * borders. Some have reported it is due to the opacity filter. All
+ * these settings can be changed if needed as explained below.
+ *
+ * @example $('div').bgiframe();
+ * @before
+ * @result
+ *
+ * @param Map settings Optional settings to configure the iframe.
+ * @option String|Number top The iframe must be offset to the top
+ * by the width of the top border. This should be a negative
+ * number representing the border-top-width. If a number is
+ * is used here, pixels will be assumed. Otherwise, be sure
+ * to specify a unit. An expression could also be used.
+ * By default the value is "auto" which will use an expression
+ * to get the border-top-width if it is in pixels.
+ * @option String|Number left The iframe must be offset to the left
+ * by the width of the left border. This should be a negative
+ * number representing the border-left-width. If a number is
+ * is used here, pixels will be assumed. Otherwise, be sure
+ * to specify a unit. An expression could also be used.
+ * By default the value is "auto" which will use an expression
+ * to get the border-left-width if it is in pixels.
+ * @option String|Number width This is the width of the iframe. If
+ * a number is used here, pixels will be assume. Otherwise, be sure
+ * to specify a unit. An experssion could also be used.
+ * By default the value is "auto" which will use an experssion
+ * to get the offsetWidth.
+ * @option String|Number height This is the height of the iframe. If
+ * a number is used here, pixels will be assume. Otherwise, be sure
+ * to specify a unit. An experssion could also be used.
+ * By default the value is "auto" which will use an experssion
+ * to get the offsetHeight.
+ * @option Boolean opacity This is a boolean representing whether or not
+ * to use opacity. If set to true, the opacity of 0 is applied. If
+ * set to false, the opacity filter is not applied. Default: true.
+ * @option String src This setting is provided so that one could change
+ * the src of the iframe to whatever they need.
+ * Default: "javascript:false;"
+ *
+ * @name bgiframe
+ * @type jQuery
+ * @cat Plugins/bgiframe
+ * @author Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net)
+ */
+$.fn.bgIframe = $.fn.bgiframe = function(s) {
+ // This is only for IE6
+ if ( $.browser.msie && /6.0/.test(navigator.userAgent) ) {
+ s = $.extend({
+ top : 'auto', // auto == .currentStyle.borderTopWidth
+ left : 'auto', // auto == .currentStyle.borderLeftWidth
+ width : 'auto', // auto == offsetWidth
+ height : 'auto', // auto == offsetHeight
+ opacity : true,
+ src : 'javascript:false;'
+ }, s || {});
+ var prop = function(n){return n&&n.constructor==Number?n+'px':n;},
+ html = '';
+ return this.each(function() {
+ if ( $('> iframe.bgiframe', this).length == 0 )
+ this.insertBefore( document.createElement(html), this.firstChild );
+ });
+ }
+ return this;
+};
+
+})(jQuery);
\ No newline at end of file
diff --git a/static/development-bundle/external/bgiframe/jquery.bgiframe.min.js b/static/development-bundle/external/bgiframe/jquery.bgiframe.min.js
new file mode 100644
index 0000000..ef8679d
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/jquery.bgiframe.min.js
@@ -0,0 +1,10 @@
+/* Copyright (c) 2006 Brandon Aaron (http://brandonaaron.net)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * $LastChangedDate: 2007-07-21 18:45:56 -0500 (Sat, 21 Jul 2007) $
+ * $Rev: 2447 $
+ *
+ * Version 2.1.1
+ */
+(function($){$.fn.bgIframe=$.fn.bgiframe=function(s){if($.browser.msie&&/6.0/.test(navigator.userAgent)){s=$.extend({top:'auto',left:'auto',width:'auto',height:'auto',opacity:true,src:'javascript:false;'},s||{});var prop=function(n){return n&&n.constructor==Number?n+'px':n;},html='';return this.each(function(){if($('> iframe.bgiframe',this).length==0)this.insertBefore(document.createElement(html),this.firstChild);});}return this;};})(jQuery);
\ No newline at end of file
diff --git a/static/development-bundle/external/bgiframe/jquery.bgiframe.pack.js b/static/development-bundle/external/bgiframe/jquery.bgiframe.pack.js
new file mode 100644
index 0000000..90dee9a
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/jquery.bgiframe.pack.js
@@ -0,0 +1,10 @@
+/* Copyright (c) 2006 Brandon Aaron (http://brandonaaron.net)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * $LastChangedDate: 2007-07-21 18:44:59 -0500 (Sat, 21 Jul 2007) $
+ * $Rev: 2446 $
+ *
+ * Version 2.1.1
+ */
+eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(b($){$.m.E=$.m.g=b(s){h($.x.10&&/6.0/.I(D.B)){s=$.w({c:\'3\',5:\'3\',8:\'3\',d:\'3\',k:M,e:\'F:i;\'},s||{});C a=b(n){f n&&n.t==r?n+\'4\':n},p=\' \';f 2.T(b(){h($(\'> o.g\',2).U==0)2.V(q.X(p),2.u)})}f 2}})(Z);',62,63,'||this|auto|px|left||expression|width|parentNode||function|top|height|src|return|bgiframe|if|false|currentStyle|opacity|parseInt|fn||iframe|html|document|Number||constructor|firstChild|offsetHeight|extend|browser|borderLeftWidth||borderTopWidth|userAgent|var|navigator|bgIframe|javascript|filter|index|test|Alpha|Opacity|absolute|true|position|block|display|style|tabindex|offsetWidth|each|length|insertBefore|frameborder|createElement|class|jQuery|msie'.split('|'),0,{}))
\ No newline at end of file
diff --git a/static/development-bundle/external/bgiframe/test/index.html b/static/development-bundle/external/bgiframe/test/index.html
new file mode 100644
index 0000000..82be8e8
--- /dev/null
+++ b/static/development-bundle/external/bgiframe/test/index.html
@@ -0,0 +1,197 @@
+
+
+
+
+ jQuery bgiframe Visual Test
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ jQuery bgiframe - Visual Test
+
+
+
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+ Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing
+
+
+
nothing
+
+
+ top:
+ 'auto'
+
+ left:
+ 'auto'
+
+ width:
+ 'auto'
+
+ height:
+ 'auto'
+
+
+
+
+ top:
+ 0
+
+ left:
+ 0
+
+ width:
+ 'auto'
+
+ height:
+ 'auto'
+
+
+
+
+ top:
+ -5
+
+ left:
+ -5
+
+ width:
+ 270
+
+ height:
+ 120
+
+
+
+
+ top:
+ 0
+
+ left:
+ 0
+
+ width:
+ 260
+
+ height:
+ 110
+
+
+
+
+ top:
+ '-5px'
+
+ left:
+ '-5px'
+
+ width:
+ '270px'
+
+ height:
+ '120px'
+
+
+
+
+ top:
+ '-.5em'
+
+ left:
+ '-.5em'
+
+ width:
+ '17em'
+
+ height:
+ '12em'
+
+
+
+
+ top:
+ '-.5em'
+
+ left:
+ '-.5em'
+
+ width:
+ 'auto'
+
+ height:
+ 'auto'
+
+
+
+
+ top:
+ 'auto'
+
+ left:
+ 'auto'
+
+ width:
+ 'auto'
+
+ height:
+ 'auto'
+
+ opacity:
+ false
+
+
+
+
+
\ No newline at end of file
diff --git a/static/development-bundle/external/cookie/jquery.cookie.js b/static/development-bundle/external/cookie/jquery.cookie.js
new file mode 100644
index 0000000..a80bfa2
--- /dev/null
+++ b/static/development-bundle/external/cookie/jquery.cookie.js
@@ -0,0 +1,97 @@
+/**
+ * Cookie plugin
+ *
+ * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+
+/**
+ * Create a cookie with the given name and value and other optional parameters.
+ *
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Set the value of a cookie.
+ * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
+ * @desc Create a cookie with all available options.
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Create a session cookie.
+ * @example $.cookie('the_cookie', null);
+ * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
+ * used when the cookie was set.
+ *
+ * @param String name The name of the cookie.
+ * @param String value The value of the cookie.
+ * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
+ * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
+ * If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
+ * If set to null or omitted, the cookie will be a session cookie and will not be retained
+ * when the the browser exits.
+ * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
+ * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
+ * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
+ * require a secure protocol (like HTTPS).
+ * @type undefined
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+
+/**
+ * Get the value of a cookie with the given name.
+ *
+ * @example $.cookie('the_cookie');
+ * @desc Get the value of a cookie.
+ *
+ * @param String name The name of the cookie.
+ * @return The value of the cookie.
+ * @type String
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+jQuery.cookie = function(name, value, options) {
+ if (typeof value != 'undefined') { // name and value given, set cookie
+ options = options || {};
+ if (value === null) {
+ value = '';
+ options = $.extend({}, options); // clone object since it's unexpected behavior if the expired property were changed
+ options.expires = -1;
+ }
+ var expires = '';
+ if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
+ var date;
+ if (typeof options.expires == 'number') {
+ date = new Date();
+ date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
+ } else {
+ date = options.expires;
+ }
+ expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
+ }
+ // NOTE Needed to parenthesize options.path and options.domain
+ // in the following expressions, otherwise they evaluate to undefined
+ // in the packed version for some reason...
+ var path = options.path ? '; path=' + (options.path) : '';
+ var domain = options.domain ? '; domain=' + (options.domain) : '';
+ var secure = options.secure ? '; secure' : '';
+ document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
+ } else { // only name given, get cookie
+ var cookieValue = null;
+ if (document.cookie && document.cookie != '') {
+ var cookies = document.cookie.split(';');
+ for (var i = 0; i < cookies.length; i++) {
+ var cookie = jQuery.trim(cookies[i]);
+ // Does this cookie string begin with the name we want?
+ if (cookie.substring(0, name.length + 1) == (name + '=')) {
+ cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+ break;
+ }
+ }
+ }
+ return cookieValue;
+ }
+};
\ No newline at end of file
diff --git a/static/development-bundle/external/cookie/jquery.cookie.min.js b/static/development-bundle/external/cookie/jquery.cookie.min.js
new file mode 100644
index 0000000..cb09af9
--- /dev/null
+++ b/static/development-bundle/external/cookie/jquery.cookie.min.js
@@ -0,0 +1,10 @@
+/**
+ * Cookie plugin
+ *
+ * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+jQuery.cookie=function(name,value,options){if(typeof value!='undefined'){options=options||{};if(value===null){value='';options=$.extend({},options);options.expires=-1;}var expires='';if(options.expires&&(typeof options.expires=='number'||options.expires.toUTCString)){var date;if(typeof options.expires=='number'){date=new Date();date.setTime(date.getTime()+(options.expires*24*60*60*1000));}else{date=options.expires;}expires='; expires='+date.toUTCString();}var path=options.path?'; path='+(options.path):'';var domain=options.domain?'; domain='+(options.domain):'';var secure=options.secure?'; secure':'';document.cookie=[name,'=',encodeURIComponent(value),expires,path,domain,secure].join('');}else{var cookieValue=null;if(document.cookie&&document.cookie!=''){var cookies=document.cookie.split(';');for(var i=0;i35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('q.5=x(k,d,a){4(m d!=\'H\'){a=a||{};4(d===p){d=\'\';a=$.A({},a);a.3=-1}2 g=\'\';4(a.3&&(m a.3==\'u\'||a.3.s)){2 f;4(m a.3==\'u\'){f=F C();f.B(f.z()+(a.3*y*o*o*v))}n{f=a.3}g=\'; 3=\'+f.s()}2 b=a.7?\'; 7=\'+(a.7):\'\';2 e=a.9?\'; 9=\'+(a.9):\'\';2 l=a.t?\'; t\':\'\';6.5=[k,\'=\',L(d),g,b,e,l].K(\'\')}n{2 h=p;4(6.5&&6.5!=\'\'){2 c=6.5.E(\';\');D(2 i=0;i/g, ">");
+ n = n.replace(/"/g, """);
+
+ return n;
+}
+
+function diffString( o, n ) {
+ o = o.replace(/\s+$/, '');
+ n = n.replace(/\s+$/, '');
+
+ var out = diff(o == "" ? [] : o.split(/\s+/), n == "" ? [] : n.split(/\s+/) );
+ var str = "";
+
+ var oSpace = o.match(/\s+/g);
+ if (oSpace == null) {
+ oSpace = ["\n"];
+ } else {
+ oSpace.push("\n");
+ }
+ var nSpace = n.match(/\s+/g);
+ if (nSpace == null) {
+ nSpace = ["\n"];
+ } else {
+ nSpace.push("\n");
+ }
+
+ if (out.n.length == 0) {
+ for (var i = 0; i < out.o.length; i++) {
+ str += '' + escape(out.o[i]) + oSpace[i] + "";
+ }
+ } else {
+ if (out.n[0].text == null) {
+ for (n = 0; n < out.o.length && out.o[n].text == null; n++) {
+ str += '' + escape(out.o[n]) + oSpace[n] + "";
+ }
+ }
+
+ for ( var i = 0; i < out.n.length; i++ ) {
+ if (out.n[i].text == null) {
+ str += '' + escape(out.n[i]) + nSpace[i] + " ";
+ } else {
+ var pre = "";
+
+ for (n = out.n[i].row + 1; n < out.o.length && out.o[n].text == null; n++ ) {
+ pre += '' + escape(out.o[n]) + oSpace[n] + "";
+ }
+ str += " " + out.n[i].text + nSpace[i] + pre;
+ }
+ }
+ }
+
+ return str;
+}
+
+function randomColor() {
+ return "rgb(" + (Math.random() * 100) + "%, " +
+ (Math.random() * 100) + "%, " +
+ (Math.random() * 100) + "%)";
+}
+function diffString2( o, n ) {
+ o = o.replace(/\s+$/, '');
+ n = n.replace(/\s+$/, '');
+
+ var out = diff(o == "" ? [] : o.split(/\s+/), n == "" ? [] : n.split(/\s+/) );
+
+ var oSpace = o.match(/\s+/g);
+ if (oSpace == null) {
+ oSpace = ["\n"];
+ } else {
+ oSpace.push("\n");
+ }
+ var nSpace = n.match(/\s+/g);
+ if (nSpace == null) {
+ nSpace = ["\n"];
+ } else {
+ nSpace.push("\n");
+ }
+
+ var os = "";
+ var colors = new Array();
+ for (var i = 0; i < out.o.length; i++) {
+ colors[i] = randomColor();
+
+ if (out.o[i].text != null) {
+ os += '' +
+ escape(out.o[i].text) + oSpace[i] + " ";
+ } else {
+ os += "" + escape(out.o[i]) + oSpace[i] + "";
+ }
+ }
+
+ var ns = "";
+ for (var i = 0; i < out.n.length; i++) {
+ if (out.n[i].text != null) {
+ ns += '' +
+ escape(out.n[i].text) + nSpace[i] + " ";
+ } else {
+ ns += "" + escape(out.n[i]) + nSpace[i] + " ";
+ }
+ }
+
+ return { o : os , n : ns };
+}
+
+function diff( o, n ) {
+ var ns = new Object();
+ var os = new Object();
+
+ for ( var i = 0; i < n.length; i++ ) {
+ if ( ns[ n[i] ] == null )
+ ns[ n[i] ] = { rows: new Array(), o: null };
+ ns[ n[i] ].rows.push( i );
+ }
+
+ for ( var i = 0; i < o.length; i++ ) {
+ if ( os[ o[i] ] == null )
+ os[ o[i] ] = { rows: new Array(), n: null };
+ os[ o[i] ].rows.push( i );
+ }
+
+ for ( var i in ns ) {
+ if ( ns[i].rows.length == 1 && typeof(os[i]) != "undefined" && os[i].rows.length == 1 ) {
+ n[ ns[i].rows[0] ] = { text: n[ ns[i].rows[0] ], row: os[i].rows[0] };
+ o[ os[i].rows[0] ] = { text: o[ os[i].rows[0] ], row: ns[i].rows[0] };
+ }
+ }
+
+ for ( var i = 0; i < n.length - 1; i++ ) {
+ if ( n[i].text != null && n[i+1].text == null && n[i].row + 1 < o.length && o[ n[i].row + 1 ].text == null &&
+ n[i+1] == o[ n[i].row + 1 ] ) {
+ n[i+1] = { text: n[i+1], row: n[i].row + 1 };
+ o[n[i].row+1] = { text: o[n[i].row+1], row: i + 1 };
+ }
+ }
+
+ for ( var i = n.length - 1; i > 0; i-- ) {
+ if ( n[i].text != null && n[i-1].text == null && n[i].row > 0 && o[ n[i].row - 1 ].text == null &&
+ n[i-1] == o[ n[i].row - 1 ] ) {
+ n[i-1] = { text: n[i-1], row: n[i].row - 1 };
+ o[n[i].row-1] = { text: o[n[i].row-1], row: i - 1 };
+ }
+ }
+
+ return { o: o, n: n };
+}
+
diff --git a/static/development-bundle/external/qunit/testrunner.js b/static/development-bundle/external/qunit/testrunner.js
new file mode 100644
index 0000000..50fc359
--- /dev/null
+++ b/static/development-bundle/external/qunit/testrunner.js
@@ -0,0 +1,780 @@
+/*
+ * QUnit - jQuery unit testrunner
+ *
+ * http://docs.jquery.com/QUnit
+ *
+ * Copyright (c) 2008 John Resig, Jörn Zaefferer
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * $Id: testrunner.js 6173 2009-02-02 20:09:32Z jeresig $
+ */
+
+(function($) {
+
+// Tests for equality any JavaScript type and structure without unexpected results.
+// Discussions and reference: http://philrathe.com/articles/equiv
+// Test suites: http://philrathe.com/tests/equiv
+// Author: Philippe Rathé
+var equiv = function () {
+
+ var innerEquiv; // the real equiv function
+ var callers = []; // stack to decide between skip/abort functions
+
+ // Determine what is o.
+ function hoozit(o) {
+ if (typeof o === "string") {
+ return "string";
+
+ } else if (typeof o === "boolean") {
+ return "boolean";
+
+ } else if (typeof o === "number") {
+
+ if (isNaN(o)) {
+ return "nan";
+ } else {
+ return "number";
+ }
+
+ } else if (typeof o === "undefined") {
+ return "undefined";
+
+ // consider: typeof null === object
+ } else if (o === null) {
+ return "null";
+
+ // consider: typeof [] === object
+ } else if (o instanceof Array) {
+ return "array";
+
+ // consider: typeof new Date() === object
+ } else if (o instanceof Date) {
+ return "date";
+
+ // consider: /./ instanceof Object;
+ // /./ instanceof RegExp;
+ // typeof /./ === "function"; // => false in IE and Opera,
+ // true in FF and Safari
+ } else if (o instanceof RegExp) {
+ return "regexp";
+
+ } else if (typeof o === "object") {
+ return "object";
+
+ } else if (o instanceof Function) {
+ return "function";
+ }
+ }
+
+ // Call the o related callback with the given arguments.
+ function bindCallbacks(o, callbacks, args) {
+ var prop = hoozit(o);
+ if (prop) {
+ if (hoozit(callbacks[prop]) === "function") {
+ return callbacks[prop].apply(callbacks, args);
+ } else {
+ return callbacks[prop]; // or undefined
+ }
+ }
+ }
+
+ var callbacks = function () {
+
+ // for string, boolean, number and null
+ function useStrictEquality(b, a) {
+ return a === b;
+ }
+
+ return {
+ "string": useStrictEquality,
+ "boolean": useStrictEquality,
+ "number": useStrictEquality,
+ "null": useStrictEquality,
+ "undefined": useStrictEquality,
+
+ "nan": function (b) {
+ return isNaN(b);
+ },
+
+ "date": function (b, a) {
+ return hoozit(b) === "date" && a.valueOf() === b.valueOf();
+ },
+
+ "regexp": function (b, a) {
+ return hoozit(b) === "regexp" &&
+ a.source === b.source && // the regex itself
+ a.global === b.global && // and its modifers (gmi) ...
+ a.ignoreCase === b.ignoreCase &&
+ a.multiline === b.multiline;
+ },
+
+ // - skip when the property is a method of an instance (OOP)
+ // - abort otherwise,
+ // initial === would have catch identical references anyway
+ "function": function () {
+ var caller = callers[callers.length - 1];
+ return caller !== Object &&
+ typeof caller !== "undefined";
+ },
+
+ "array": function (b, a) {
+ var i;
+ var len;
+
+ // b could be an object literal here
+ if ( ! (hoozit(b) === "array")) {
+ return false;
+ }
+
+ len = a.length;
+ if (len !== b.length) { // safe and faster
+ return false;
+ }
+ for (i = 0; i < len; i++) {
+ if( ! innerEquiv(a[i], b[i])) {
+ return false;
+ }
+ }
+ return true;
+ },
+
+ "object": function (b, a) {
+ var i;
+ var eq = true; // unless we can proove it
+ var aProperties = [], bProperties = []; // collection of strings
+
+ // comparing constructors is more strict than using instanceof
+ if ( a.constructor !== b.constructor) {
+ return false;
+ }
+
+ // stack constructor before traversing properties
+ callers.push(a.constructor);
+
+ for (i in a) { // be strict: don't ensures hasOwnProperty and go deep
+
+ aProperties.push(i); // collect a's properties
+
+ if ( ! innerEquiv(a[i], b[i])) {
+ eq = false;
+ }
+ }
+
+ callers.pop(); // unstack, we are done
+
+ for (i in b) {
+ bProperties.push(i); // collect b's properties
+ }
+
+ // Ensures identical properties name
+ return eq && innerEquiv(aProperties.sort(), bProperties.sort());
+ }
+ };
+ }();
+
+ innerEquiv = function () { // can take multiple arguments
+ var args = Array.prototype.slice.apply(arguments);
+ if (args.length < 2) {
+ return true; // end transition
+ }
+
+ return (function (a, b) {
+ if (a === b) {
+ return true; // catch the most you can
+
+ } else if (typeof a !== typeof b || a === null || b === null || typeof a === "undefined" || typeof b === "undefined") {
+ return false; // don't lose time with error prone cases
+
+ } else {
+ return bindCallbacks(a, callbacks, [b, a]);
+ }
+
+ // apply transition with (1..n) arguments
+ })(args[0], args[1]) && arguments.callee.apply(this, args.splice(1, args.length -1));
+ };
+
+ return innerEquiv;
+}(); // equiv
+
+var GETParams = $.map( location.search.slice(1).split('&'), decodeURIComponent ),
+ ngindex = $.inArray("noglobals", GETParams),
+ noglobals = ngindex !== -1;
+
+if( noglobals )
+ GETParams.splice( ngindex, 1 );
+
+var config = {
+ stats: {
+ all: 0,
+ bad: 0
+ },
+ queue: [],
+ // block until document ready
+ blocking: true,
+ //restrict modules/tests by get parameters
+ filters: GETParams,
+ isLocal: !!(window.location.protocol == 'file:')
+};
+
+// public API as global methods
+$.extend(window, {
+ test: test,
+ module: module,
+ expect: expect,
+ ok: ok,
+ equals: equals,
+ start: start,
+ stop: stop,
+ reset: reset,
+ isLocal: config.isLocal,
+ same: function(a, b, message) {
+ push(equiv(a, b), a, b, message);
+ },
+ QUnit: {
+ equiv: equiv,
+ ok: ok,
+ done: function(failures, total){},
+ log: function(result, message){}
+ },
+ // legacy methods below
+ isSet: isSet,
+ isObj: isObj,
+ compare: function() {
+ throw "compare is deprecated - use same() instead";
+ },
+ compare2: function() {
+ throw "compare2 is deprecated - use same() instead";
+ },
+ serialArray: function() {
+ throw "serialArray is deprecated - use jsDump.parse() instead";
+ },
+ q: q,
+ t: t,
+ url: url,
+ triggerEvent: triggerEvent
+});
+
+$(window).load(function() {
+ $('#userAgent').html(navigator.userAgent);
+ var head = $('Hide passed tests
').insertAfter("#userAgent");
+ $(' ').attr("disabled", true).prependTo(head).click(function() {
+ $('li.pass')[this.checked ? 'hide' : 'show']();
+ });
+ $(' ').attr("disabled", true).appendTo(head).click(function() {
+ $("li.fail:contains('missing test - untested code is broken code')").parent('ol').parent('li.fail')[this.checked ? 'hide' : 'show']();
+ });
+ $("#filter-missing").after('Hide missing tests (untested code is broken code) ');
+ runTest();
+});
+
+function synchronize(callback) {
+ config.queue.push(callback);
+ if(!config.blocking) {
+ process();
+ }
+}
+
+function process() {
+ while(config.queue.length && !config.blocking) {
+ config.queue.shift()();
+ }
+}
+
+function stop(timeout) {
+ config.blocking = true;
+ if (timeout)
+ config.timeout = setTimeout(function() {
+ QUnit.ok( false, "Test timed out" );
+ start();
+ }, timeout);
+}
+function start() {
+ // A slight delay, to avoid any current callbacks
+ setTimeout(function() {
+ if(config.timeout)
+ clearTimeout(config.timeout);
+ config.blocking = false;
+ process();
+ }, 13);
+}
+
+function validTest( name ) {
+ var i = config.filters.length,
+ run = false;
+
+ if( !i )
+ return true;
+
+ while( i-- ){
+ var filter = config.filters[i],
+ not = filter.charAt(0) == '!';
+ if( not )
+ filter = filter.slice(1);
+ if( name.indexOf(filter) != -1 )
+ return !not;
+ if( not )
+ run = true;
+ }
+ return run;
+}
+
+function runTest() {
+ config.blocking = false;
+ var started = +new Date;
+ config.fixture = document.getElementById('main').innerHTML;
+ config.ajaxSettings = $.ajaxSettings;
+ synchronize(function() {
+ $('
').html(['Tests completed in ',
+ +new Date - started, ' milliseconds. ',
+ '', config.stats.bad, ' tests of ', config.stats.all, ' failed.']
+ .join(''))
+ .appendTo("body");
+ $("#banner").addClass(config.stats.bad ? "fail" : "pass");
+ QUnit.done( config.stats.bad, config.stats.all );
+ });
+}
+
+var pollution;
+
+function saveGlobal(){
+ pollution = [ ];
+
+ if( noglobals )
+ for( var key in window )
+ pollution.push(key);
+}
+function checkPollution( name ){
+ var old = pollution;
+ saveGlobal();
+
+ if( pollution.length > old.length ){
+ ok( false, "Introduced global variable(s): " + diff(old, pollution).join(", ") );
+ config.expected++;
+ }
+}
+
+function diff( clean, dirty ){
+ return $.grep( dirty, function(name){
+ return $.inArray( name, clean ) == -1;
+ });
+}
+
+function test(name, callback) {
+ if(config.currentModule)
+ name = config.currentModule + " module: " + name;
+ var lifecycle = $.extend({
+ setup: function() {},
+ teardown: function() {}
+ }, config.moduleLifecycle);
+
+ if ( !validTest(name) )
+ return;
+
+ synchronize(function() {
+ config.assertions = [];
+ config.expected = null;
+ try {
+ if( !pollution )
+ saveGlobal();
+ lifecycle.setup();
+ } catch(e) {
+ QUnit.ok( false, "Setup failed on " + name + ": " + e.message );
+ }
+ })
+ synchronize(function() {
+ try {
+ callback();
+ } catch(e) {
+ if( typeof console != "undefined" && console.error && console.warn ) {
+ console.error("Test " + name + " died, exception and test follows");
+ console.error(e);
+ console.warn(callback.toString());
+ }
+ QUnit.ok( false, "Died on test #" + (config.assertions.length + 1) + ": " + e.message );
+ // else next test will carry the responsibility
+ saveGlobal();
+ }
+ });
+ synchronize(function() {
+ try {
+ checkPollution();
+ lifecycle.teardown();
+ } catch(e) {
+ QUnit.ok( false, "Teardown failed on " + name + ": " + e.message );
+ }
+ })
+ synchronize(function() {
+ try {
+ reset();
+ } catch(e) {
+ if( typeof console != "undefined" && console.error && console.warn ) {
+ console.error("reset() failed, following Test " + name + ", exception and reset fn follows");
+ console.error(e);
+ console.warn(reset.toString());
+ }
+ }
+
+ if(config.expected && config.expected != config.assertions.length) {
+ QUnit.ok( false, "Expected " + config.expected + " assertions, but " + config.assertions.length + " were run" );
+ }
+
+ var good = 0, bad = 0;
+ var ol = $(" ").hide();
+ config.stats.all += config.assertions.length;
+ for ( var i = 0; i < config.assertions.length; i++ ) {
+ var assertion = config.assertions[i];
+ $(" ").addClass(assertion.result ? "pass" : "fail").text(assertion.message || "(no message)").appendTo(ol);
+ assertion.result ? good++ : bad++;
+ }
+ config.stats.bad += bad;
+
+ var b = $(" ").html(name + " (" + bad + " , " + good + " , " + config.assertions.length + ") ")
+ .click(function(){
+ $(this).next().toggle();
+ })
+ .dblclick(function(event) {
+ var target = $(event.target).filter("strong").clone();
+ if ( target.length ) {
+ target.children().remove();
+ location.href = location.href.match(/^(.+?)(\?.*)?$/)[1] + "?" + encodeURIComponent($.trim(target.text()));
+ }
+ });
+
+ $(" ").addClass(bad ? "fail" : "pass").append(b).append(ol).appendTo("#tests");
+
+ if(bad) {
+ $("#filter-pass").attr("disabled", null);
+ $("#filter-missing").attr("disabled", null);
+ }
+ });
+}
+
+// call on start of module test to prepend name to all tests
+function module(name, lifecycle) {
+ config.currentModule = name;
+ config.moduleLifecycle = lifecycle;
+}
+
+/**
+ * Specify the number of expected assertions to gurantee that failed test (no assertions are run at all) don't slip through.
+ */
+function expect(asserts) {
+ config.expected = asserts;
+}
+
+/**
+ * Resets the test setup. Useful for tests that modify the DOM.
+ */
+function reset() {
+ $("#main").html( config.fixture );
+ $.event.global = {};
+ $.ajaxSettings = $.extend({}, config.ajaxSettings);
+}
+
+/**
+ * Asserts true.
+ * @example ok( $("a").size() > 5, "There must be at least 5 anchors" );
+ */
+function ok(a, msg) {
+ QUnit.log(a, msg);
+
+ config.assertions.push({
+ result: !!a,
+ message: msg
+ });
+}
+
+/**
+ * Asserts that two arrays are the same
+ */
+function isSet(a, b, msg) {
+ function serialArray( a ) {
+ var r = [];
+
+ if ( a && a.length )
+ for ( var i = 0; i < a.length; i++ ) {
+ var str = a[i].nodeName;
+ if ( str ) {
+ str = str.toLowerCase();
+ if ( a[i].id )
+ str += "#" + a[i].id;
+ } else
+ str = a[i];
+ r.push( str );
+ }
+
+ return "[ " + r.join(", ") + " ]";
+ }
+ var ret = true;
+ if ( a && b && a.length != undefined && a.length == b.length ) {
+ for ( var i = 0; i < a.length; i++ )
+ if ( a[i] != b[i] )
+ ret = false;
+ } else
+ ret = false;
+ QUnit.ok( ret, !ret ? (msg + " expected: " + serialArray(b) + " result: " + serialArray(a)) : msg );
+}
+
+/**
+ * Asserts that two objects are equivalent
+ */
+function isObj(a, b, msg) {
+ var ret = true;
+
+ if ( a && b ) {
+ for ( var i in a )
+ if ( a[i] != b[i] )
+ ret = false;
+
+ for ( i in b )
+ if ( a[i] != b[i] )
+ ret = false;
+ } else
+ ret = false;
+
+ QUnit.ok( ret, msg );
+}
+
+/**
+ * Returns an array of elements with the given IDs, eg.
+ * @example q("main", "foo", "bar")
+ * @result [,
, ]
+ */
+function q() {
+ var r = [];
+ for ( var i = 0; i < arguments.length; i++ )
+ r.push( document.getElementById( arguments[i] ) );
+ return r;
+}
+
+/**
+ * Asserts that a select matches the given IDs
+ * @example t("Check for something", "//[a]", ["foo", "baar"]);
+ * @result returns true if "//[a]" return two elements with the IDs 'foo' and 'baar'
+ */
+function t(a,b,c) {
+ var f = $(b);
+ var s = "";
+ for ( var i = 0; i < f.length; i++ )
+ s += (s && ",") + '"' + f[i].id + '"';
+ isSet(f, q.apply(q,c), a + " (" + b + ")");
+}
+
+/**
+ * Add random number to url to stop IE from caching
+ *
+ * @example url("data/test.html")
+ * @result "data/test.html?10538358428943"
+ *
+ * @example url("data/test.php?foo=bar")
+ * @result "data/test.php?foo=bar&10538358345554"
+ */
+function url(value) {
+ return value + (/\?/.test(value) ? "&" : "?") + new Date().getTime() + "" + parseInt(Math.random()*100000);
+}
+
+/**
+ * Checks that the first two arguments are equal, with an optional message.
+ * Prints out both actual and expected values.
+ *
+ * Prefered to ok( actual == expected, message )
+ *
+ * @example equals( $.format("Received {0} bytes.", 2), "Received 2 bytes." );
+ *
+ * @param Object actual
+ * @param Object expected
+ * @param String message (optional)
+ */
+function equals(actual, expected, message) {
+ push(expected == actual, actual, expected, message);
+}
+
+function push(result, actual, expected, message) {
+ message = message || (result ? "okay" : "failed");
+ QUnit.ok( result, result ? message + ": " + expected : message + ", expected: " + jsDump.parse(expected) + " result: " + jsDump.parse(actual) );
+}
+
+/**
+ * Trigger an event on an element.
+ *
+ * @example triggerEvent( document.body, "click" );
+ *
+ * @param DOMElement elem
+ * @param String type
+ */
+function triggerEvent( elem, type, event ) {
+ if ( $.browser.mozilla || $.browser.opera ) {
+ event = document.createEvent("MouseEvents");
+ event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView,
+ 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+ elem.dispatchEvent( event );
+ } else if ( $.browser.msie ) {
+ elem.fireEvent("on"+type);
+ }
+}
+
+})(jQuery);
+
+/**
+ * jsDump
+ * Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
+ * Licensed under BSD (http://www.opensource.org/licenses/bsd-license.php)
+ * Date: 5/15/2008
+ * @projectDescription Advanced and extensible data dumping for Javascript.
+ * @version 1.0.0
+ * @author Ariel Flesler
+ * @link {http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html}
+ */
+(function(){
+ function quote( str ){
+ return '"' + str.toString().replace(/"/g, '\\"') + '"';
+ };
+ function literal( o ){
+ return o + '';
+ };
+ function join( pre, arr, post ){
+ var s = jsDump.separator(),
+ base = jsDump.indent();
+ inner = jsDump.indent(1);
+ if( arr.join )
+ arr = arr.join( ',' + s + inner );
+ if( !arr )
+ return pre + post;
+ return [ pre, inner + arr, base + post ].join(s);
+ };
+ function array( arr ){
+ var i = arr.length, ret = Array(i);
+ this.up();
+ while( i-- )
+ ret[i] = this.parse( arr[i] );
+ this.down();
+ return join( '[', ret, ']' );
+ };
+
+ var reName = /^function (\w+)/;
+
+ var jsDump = window.jsDump = {
+ parse:function( obj, type ){//type is used mostly internally, you can fix a (custom)type in advance
+ var parser = this.parsers[ type || this.typeOf(obj) ];
+ type = typeof parser;
+
+ return type == 'function' ? parser.call( this, obj ) :
+ type == 'string' ? parser :
+ this.parsers.error;
+ },
+ typeOf:function( obj ){
+ var type = typeof obj,
+ f = 'function';//we'll use it 3 times, save it
+ return type != 'object' && type != f ? type :
+ !obj ? 'null' :
+ obj.exec ? 'regexp' :// some browsers (FF) consider regexps functions
+ obj.getHours ? 'date' :
+ obj.scrollBy ? 'window' :
+ obj.nodeName == '#document' ? 'document' :
+ obj.nodeName ? 'node' :
+ obj.item ? 'nodelist' : // Safari reports nodelists as functions
+ obj.callee ? 'arguments' :
+ obj.call || obj.constructor != Array && //an array would also fall on this hack
+ (obj+'').indexOf(f) != -1 ? f : //IE reports functions like alert, as objects
+ 'length' in obj ? 'array' :
+ type;
+ },
+ separator:function(){
+ return this.multiline ? this.HTML ? ' ' : '\n' : this.HTML ? ' ' : ' ';
+ },
+ indent:function( extra ){// extra can be a number, shortcut for increasing-calling-decreasing
+ if( !this.multiline )
+ return '';
+ var chr = this.indentChar;
+ if( this.HTML )
+ chr = chr.replace(/\t/g,' ').replace(/ /g,' ');
+ return Array( this._depth_ + (extra||0) ).join(chr);
+ },
+ up:function( a ){
+ this._depth_ += a || 1;
+ },
+ down:function( a ){
+ this._depth_ -= a || 1;
+ },
+ setParser:function( name, parser ){
+ this.parsers[name] = parser;
+ },
+ // The next 3 are exposed so you can use them
+ quote:quote,
+ literal:literal,
+ join:join,
+ //
+ _depth_: 1,
+ // This is the list of parsers, to modify them, use jsDump.setParser
+ parsers:{
+ window: '[Window]',
+ document: '[Document]',
+ error:'[ERROR]', //when no parser is found, shouldn't happen
+ unknown: '[Unknown]',
+ 'null':'null',
+ undefined:'undefined',
+ 'function':function( fn ){
+ var ret = 'function',
+ name = 'name' in fn ? fn.name : (reName.exec(fn)||[])[1];//functions never have name in IE
+ if( name )
+ ret += ' ' + name;
+ ret += '(';
+
+ ret = [ ret, this.parse( fn, 'functionArgs' ), '){'].join('');
+ return join( ret, this.parse(fn,'functionCode'), '}' );
+ },
+ array: array,
+ nodelist: array,
+ arguments: array,
+ object:function( map ){
+ var ret = [ ];
+ this.up();
+ for( var key in map )
+ ret.push( this.parse(key,'key') + ': ' + this.parse(map[key]) );
+ this.down();
+ return join( '{', ret, '}' );
+ },
+ node:function( node ){
+ var open = this.HTML ? '<' : '<',
+ close = this.HTML ? '>' : '>';
+
+ var tag = node.nodeName.toLowerCase(),
+ ret = open + tag;
+
+ for( var a in this.DOMAttrs ){
+ var val = node[this.DOMAttrs[a]];
+ if( val )
+ ret += ' ' + a + '=' + this.parse( val, 'attribute' );
+ }
+ return ret + close + open + '/' + tag + close;
+ },
+ functionArgs:function( fn ){//function calls it internally, it's the arguments part of the function
+ var l = fn.length;
+ if( !l ) return '';
+
+ var args = Array(l);
+ while( l-- )
+ args[l] = String.fromCharCode(97+l);//97 is 'a'
+ return ' ' + args.join(', ') + ' ';
+ },
+ key:quote, //object calls it internally, the key part of an item in a map
+ functionCode:'[code]', //function calls it internally, it's the content of the function
+ attribute:quote, //node calls it internally, it's an html attribute value
+ string:quote,
+ date:quote,
+ regexp:literal, //regex
+ number:literal,
+ 'boolean':literal
+ },
+ DOMAttrs:{//attributes to dump from nodes, name=>realName
+ id:'id',
+ name:'name',
+ 'class':'className'
+ },
+ HTML:false,//if true, entities are escaped ( <, >, \t, space and \n )
+ indentChar:' ',//indentation unit
+ multiline:true //if true, items in a collection, are separated by a \n, else just a space.
+ };
+
+})();
diff --git a/static/development-bundle/external/qunit/testsuite.css b/static/development-bundle/external/qunit/testsuite.css
new file mode 100644
index 0000000..dbfc43a
--- /dev/null
+++ b/static/development-bundle/external/qunit/testsuite.css
@@ -0,0 +1,120 @@
+body, div, h1 { font-family: 'trebuchet ms', verdana, arial; margin: 0; padding: 0 }
+body {font-size: 10pt; }
+h1 { padding: 15px; font-size: large; background-color: #06b; color: white; }
+h1 a { color: white; }
+h2 { padding: 10px; background-color: #eee; color: black; margin: 0; font-size: small; font-weight: normal }
+
+.pass { color: green; }
+.fail { color: red; }
+p.result { margin-left: 1em; }
+
+#banner { height: 2em; border-bottom: 1px solid white; }
+h2.pass { background-color: green; }
+h2.fail { background-color: red; }
+
+div.testrunner-toolbar { background: #eee; border-top: 1px solid black; padding: 10px; }
+
+ol#tests > li > strong { cursor:pointer; }
+
+div#fx-tests h4 {
+ background: red;
+}
+
+div#fx-tests h4.pass {
+ background: green;
+}
+
+div#fx-tests div.box {
+ background: red url(data/cow.jpg) no-repeat;
+ overflow: hidden;
+ border: 2px solid #000;
+}
+
+div#fx-tests div.overflow {
+ overflow: visible;
+}
+
+div.inline {
+ display: inline;
+}
+
+div.autoheight {
+ height: auto;
+}
+
+div.autowidth {
+ width: auto;
+}
+
+div.autoopacity {
+ opacity: auto;
+}
+
+div.largewidth {
+ width: 100px;
+}
+
+div.largeheight {
+ height: 100px;
+}
+
+div.largeopacity {
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+
+div.medwidth {
+ width: 50px;
+}
+
+div.medheight {
+ height: 50px;
+}
+
+div.medopacity {
+ opacity: 0.5;
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+}
+
+div.nowidth {
+ width: 0px;
+}
+
+div.noheight {
+ height: 0px;
+}
+
+div.noopacity {
+ opacity: 0;
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
+
+div.hidden {
+ display: none;
+}
+
+div#fx-tests div.widewidth {
+ background-repeat: repeat-x;
+}
+
+div#fx-tests div.wideheight {
+ background-repeat: repeat-y;
+}
+
+div#fx-tests div.widewidth.wideheight {
+ background-repeat: repeat;
+}
+
+div#fx-tests div.noback {
+ background-image: none;
+}
+
+div.chain, div.chain div { width: 100px; height: 20px; position: relative; float: left; }
+div.chain div { position: absolute; top: 0px; left: 0px; }
+
+div.chain.test { background: red; }
+div.chain.test div { background: green; }
+
+div.chain.out { background: green; }
+div.chain.out div { background: red; display: none; }
+
+div#show-tests * { display: none; }
diff --git a/static/development-bundle/external/simulate/jquery.simulate.js b/static/development-bundle/external/simulate/jquery.simulate.js
new file mode 100644
index 0000000..d52140b
--- /dev/null
+++ b/static/development-bundle/external/simulate/jquery.simulate.js
@@ -0,0 +1,152 @@
+/*
+ * jquery.simulate - simulate browser mouse and keyboard events
+ *
+ * Copyright (c) 2009 Eduardo Lundgren (eduardolundgren@gmail.com)
+ * and Richard D. Worth (rdworth@gmail.com)
+ *
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ */
+
+;(function($) {
+
+$.fn.extend({
+ simulate: function(type, options) {
+ return this.each(function() {
+ var opt = $.extend({}, $.simulate.defaults, options || {});
+ new $.simulate(this, type, opt);
+ });
+ }
+});
+
+$.simulate = function(el, type, options) {
+ this.target = el;
+ this.options = options;
+
+ if (/^drag$/.test(type)) {
+ this[type].apply(this, [this.target, options]);
+ } else {
+ this.simulateEvent(el, type, options);
+ }
+}
+
+$.extend($.simulate.prototype, {
+ simulateEvent: function(el, type, options) {
+ var evt = this.createEvent(type, options);
+ this.dispatchEvent(el, type, evt, options);
+ return evt;
+ },
+ createEvent: function(type, options) {
+ if (/^mouse(over|out|down|up|move)|(dbl)?click$/.test(type)) {
+ return this.mouseEvent(type, options);
+ } else if (/^key(up|down|press)$/.test(type)) {
+ return this.keyboardEvent(type, options);
+ }
+ },
+ mouseEvent: function(type, options) {
+ var evt;
+ var e = $.extend({
+ bubbles: true, cancelable: (type != "mousemove"), view: window, detail: 0,
+ screenX: 0, screenY: 0, clientX: 0, clientY: 0,
+ ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
+ button: 0, relatedTarget: undefined
+ }, options);
+
+ var relatedTarget = $(e.relatedTarget)[0];
+
+ if ($.isFunction(document.createEvent)) {
+ evt = document.createEvent("MouseEvents");
+ evt.initMouseEvent(type, e.bubbles, e.cancelable, e.view, e.detail,
+ e.screenX, e.screenY, e.clientX, e.clientY,
+ e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
+ e.button, e.relatedTarget || document.body.parentNode);
+ } else if (document.createEventObject) {
+ evt = document.createEventObject();
+ $.extend(evt, e);
+ evt.button = { 0:1, 1:4, 2:2 }[evt.button] || evt.button;
+ }
+ return evt;
+ },
+ keyboardEvent: function(type, options) {
+ var evt;
+
+ var e = $.extend({ bubbles: true, cancelable: true, view: window,
+ ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
+ keyCode: 0, charCode: 0
+ }, options);
+
+ if ($.isFunction(document.createEvent)) {
+ try {
+ evt = document.createEvent("KeyEvents");
+ evt.initKeyEvent(type, e.bubbles, e.cancelable, e.view,
+ e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
+ e.keyCode, e.charCode);
+ } catch(err) {
+ evt = document.createEvent("Events");
+ evt.initEvent(type, e.bubbles, e.cancelable);
+ $.extend(evt, { view: e.view,
+ ctrlKey: e.ctrlKey, altKey: e.altKey, shiftKey: e.shiftKey, metaKey: e.metaKey,
+ keyCode: e.keyCode, charCode: e.charCode
+ });
+ }
+ } else if (document.createEventObject) {
+ evt = document.createEventObject();
+ $.extend(evt, e);
+ }
+ if ($.browser.msie || $.browser.opera) {
+ evt.keyCode = (e.charCode > 0) ? e.charCode : e.keyCode;
+ evt.charCode = undefined;
+ }
+ return evt;
+ },
+
+ dispatchEvent: function(el, type, evt) {
+ if (el.dispatchEvent) {
+ el.dispatchEvent(evt);
+ } else if (el.fireEvent) {
+ el.fireEvent('on' + type, evt);
+ }
+ return evt;
+ },
+
+ drag: function(el) {
+ var self = this, center = this.findCenter(this.target),
+ options = this.options, x = Math.floor(center.x), y = Math.floor(center.y),
+ dx = options.dx || 0, dy = options.dy || 0, target = this.target;
+ var coord = { clientX: x, clientY: y };
+ this.simulateEvent(target, "mousedown", coord);
+ coord = { clientX: x + 1, clientY: y + 1 };
+ this.simulateEvent(document, "mousemove", coord);
+ coord = { clientX: x + dx, clientY: y + dy };
+ this.simulateEvent(document, "mousemove", coord);
+ this.simulateEvent(document, "mousemove", coord);
+ this.simulateEvent(target, "mouseup", coord);
+ },
+ findCenter: function(el) {
+ var el = $(this.target), o = el.offset();
+ return {
+ x: o.left + el.outerWidth() / 2,
+ y: o.top + el.outerHeight() / 2
+ };
+ }
+});
+
+$.extend($.simulate, {
+ defaults: {
+ speed: 'sync'
+ },
+ VK_TAB: 9,
+ VK_ENTER: 13,
+ VK_ESC: 27,
+ VK_PGUP: 33,
+ VK_PGDN: 34,
+ VK_END: 35,
+ VK_HOME: 36,
+ VK_LEFT: 37,
+ VK_UP: 38,
+ VK_RIGHT: 39,
+ VK_DOWN: 40
+});
+
+})(jQuery);
diff --git a/static/development-bundle/jquery-1.3.2.js b/static/development-bundle/jquery-1.3.2.js
new file mode 100644
index 0000000..462cde5
--- /dev/null
+++ b/static/development-bundle/jquery-1.3.2.js
@@ -0,0 +1,4376 @@
+/*!
+ * jQuery JavaScript Library v1.3.2
+ * http://jquery.com/
+ *
+ * Copyright (c) 2009 John Resig
+ * Dual licensed under the MIT and GPL licenses.
+ * http://docs.jquery.com/License
+ *
+ * Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009)
+ * Revision: 6246
+ */
+(function(){
+
+var
+ // Will speed up references to window, and allows munging its name.
+ window = this,
+ // Will speed up references to undefined, and allows munging its name.
+ undefined,
+ // Map over jQuery in case of overwrite
+ _jQuery = window.jQuery,
+ // Map over the $ in case of overwrite
+ _$ = window.$,
+
+ jQuery = window.jQuery = window.$ = function( selector, context ) {
+ // The jQuery object is actually just the init constructor 'enhanced'
+ return new jQuery.fn.init( selector, context );
+ },
+
+ // A simple way to check for HTML strings or ID strings
+ // (both of which we optimize for)
+ quickExpr = /^[^<]*(<(.|\s)+>)[^>]*$|^#([\w-]+)$/,
+ // Is it a simple selector
+ isSimple = /^.[^:#\[\.,]*$/;
+
+jQuery.fn = jQuery.prototype = {
+ init: function( selector, context ) {
+ // Make sure that a selection was provided
+ selector = selector || document;
+
+ // Handle $(DOMElement)
+ if ( selector.nodeType ) {
+ this[0] = selector;
+ this.length = 1;
+ this.context = selector;
+ return this;
+ }
+ // Handle HTML strings
+ if ( typeof selector === "string" ) {
+ // Are we dealing with HTML string or an ID?
+ var match = quickExpr.exec( selector );
+
+ // Verify a match, and that no context was specified for #id
+ if ( match && (match[1] || !context) ) {
+
+ // HANDLE: $(html) -> $(array)
+ if ( match[1] )
+ selector = jQuery.clean( [ match[1] ], context );
+
+ // HANDLE: $("#id")
+ else {
+ var elem = document.getElementById( match[3] );
+
+ // Handle the case where IE and Opera return items
+ // by name instead of ID
+ if ( elem && elem.id != match[3] )
+ return jQuery().find( selector );
+
+ // Otherwise, we inject the element directly into the jQuery object
+ var ret = jQuery( elem || [] );
+ ret.context = document;
+ ret.selector = selector;
+ return ret;
+ }
+
+ // HANDLE: $(expr, [context])
+ // (which is just equivalent to: $(content).find(expr)
+ } else
+ return jQuery( context ).find( selector );
+
+ // HANDLE: $(function)
+ // Shortcut for document ready
+ } else if ( jQuery.isFunction( selector ) )
+ return jQuery( document ).ready( selector );
+
+ // Make sure that old selector state is passed along
+ if ( selector.selector && selector.context ) {
+ this.selector = selector.selector;
+ this.context = selector.context;
+ }
+
+ return this.setArray(jQuery.isArray( selector ) ?
+ selector :
+ jQuery.makeArray(selector));
+ },
+
+ // Start with an empty selector
+ selector: "",
+
+ // The current version of jQuery being used
+ jquery: "1.3.2",
+
+ // The number of elements contained in the matched element set
+ size: function() {
+ return this.length;
+ },
+
+ // Get the Nth element in the matched element set OR
+ // Get the whole matched element set as a clean array
+ get: function( num ) {
+ return num === undefined ?
+
+ // Return a 'clean' array
+ Array.prototype.slice.call( this ) :
+
+ // Return just the object
+ this[ num ];
+ },
+
+ // Take an array of elements and push it onto the stack
+ // (returning the new matched element set)
+ pushStack: function( elems, name, selector ) {
+ // Build a new jQuery matched element set
+ var ret = jQuery( elems );
+
+ // Add the old object onto the stack (as a reference)
+ ret.prevObject = this;
+
+ ret.context = this.context;
+
+ if ( name === "find" )
+ ret.selector = this.selector + (this.selector ? " " : "") + selector;
+ else if ( name )
+ ret.selector = this.selector + "." + name + "(" + selector + ")";
+
+ // Return the newly-formed element set
+ return ret;
+ },
+
+ // Force the current matched set of elements to become
+ // the specified array of elements (destroying the stack in the process)
+ // You should use pushStack() in order to do this, but maintain the stack
+ setArray: function( elems ) {
+ // Resetting the length to 0, then using the native Array push
+ // is a super-fast way to populate an object with array-like properties
+ this.length = 0;
+ Array.prototype.push.apply( this, elems );
+
+ return this;
+ },
+
+ // Execute a callback for every element in the matched set.
+ // (You can seed the arguments with an array of args, but this is
+ // only used internally.)
+ each: function( callback, args ) {
+ return jQuery.each( this, callback, args );
+ },
+
+ // Determine the position of an element within
+ // the matched set of elements
+ index: function( elem ) {
+ // Locate the position of the desired element
+ return jQuery.inArray(
+ // If it receives a jQuery object, the first element is used
+ elem && elem.jquery ? elem[0] : elem
+ , this );
+ },
+
+ attr: function( name, value, type ) {
+ var options = name;
+
+ // Look for the case where we're accessing a style value
+ if ( typeof name === "string" )
+ if ( value === undefined )
+ return this[0] && jQuery[ type || "attr" ]( this[0], name );
+
+ else {
+ options = {};
+ options[ name ] = value;
+ }
+
+ // Check to see if we're setting style values
+ return this.each(function(i){
+ // Set all the styles
+ for ( name in options )
+ jQuery.attr(
+ type ?
+ this.style :
+ this,
+ name, jQuery.prop( this, options[ name ], type, i, name )
+ );
+ });
+ },
+
+ css: function( key, value ) {
+ // ignore negative width and height values
+ if ( (key == 'width' || key == 'height') && parseFloat(value) < 0 )
+ value = undefined;
+ return this.attr( key, value, "curCSS" );
+ },
+
+ text: function( text ) {
+ if ( typeof text !== "object" && text != null )
+ return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) );
+
+ var ret = "";
+
+ jQuery.each( text || this, function(){
+ jQuery.each( this.childNodes, function(){
+ if ( this.nodeType != 8 )
+ ret += this.nodeType != 1 ?
+ this.nodeValue :
+ jQuery.fn.text( [ this ] );
+ });
+ });
+
+ return ret;
+ },
+
+ wrapAll: function( html ) {
+ if ( this[0] ) {
+ // The elements to wrap the target around
+ var wrap = jQuery( html, this[0].ownerDocument ).clone();
+
+ if ( this[0].parentNode )
+ wrap.insertBefore( this[0] );
+
+ wrap.map(function(){
+ var elem = this;
+
+ while ( elem.firstChild )
+ elem = elem.firstChild;
+
+ return elem;
+ }).append(this);
+ }
+
+ return this;
+ },
+
+ wrapInner: function( html ) {
+ return this.each(function(){
+ jQuery( this ).contents().wrapAll( html );
+ });
+ },
+
+ wrap: function( html ) {
+ return this.each(function(){
+ jQuery( this ).wrapAll( html );
+ });
+ },
+
+ append: function() {
+ return this.domManip(arguments, true, function(elem){
+ if (this.nodeType == 1)
+ this.appendChild( elem );
+ });
+ },
+
+ prepend: function() {
+ return this.domManip(arguments, true, function(elem){
+ if (this.nodeType == 1)
+ this.insertBefore( elem, this.firstChild );
+ });
+ },
+
+ before: function() {
+ return this.domManip(arguments, false, function(elem){
+ this.parentNode.insertBefore( elem, this );
+ });
+ },
+
+ after: function() {
+ return this.domManip(arguments, false, function(elem){
+ this.parentNode.insertBefore( elem, this.nextSibling );
+ });
+ },
+
+ end: function() {
+ return this.prevObject || jQuery( [] );
+ },
+
+ // For internal use only.
+ // Behaves like an Array's method, not like a jQuery method.
+ push: [].push,
+ sort: [].sort,
+ splice: [].splice,
+
+ find: function( selector ) {
+ if ( this.length === 1 ) {
+ var ret = this.pushStack( [], "find", selector );
+ ret.length = 0;
+ jQuery.find( selector, this[0], ret );
+ return ret;
+ } else {
+ return this.pushStack( jQuery.unique(jQuery.map(this, function(elem){
+ return jQuery.find( selector, elem );
+ })), "find", selector );
+ }
+ },
+
+ clone: function( events ) {
+ // Do the clone
+ var ret = this.map(function(){
+ if ( !jQuery.support.noCloneEvent && !jQuery.isXMLDoc(this) ) {
+ // IE copies events bound via attachEvent when
+ // using cloneNode. Calling detachEvent on the
+ // clone will also remove the events from the orignal
+ // In order to get around this, we use innerHTML.
+ // Unfortunately, this means some modifications to
+ // attributes in IE that are actually only stored
+ // as properties will not be copied (such as the
+ // the name attribute on an input).
+ var html = this.outerHTML;
+ if ( !html ) {
+ var div = this.ownerDocument.createElement("div");
+ div.appendChild( this.cloneNode(true) );
+ html = div.innerHTML;
+ }
+
+ return jQuery.clean([html.replace(/ jQuery\d+="(?:\d+|null)"/g, "").replace(/^\s*/, "")])[0];
+ } else
+ return this.cloneNode(true);
+ });
+
+ // Copy the events from the original to the clone
+ if ( events === true ) {
+ var orig = this.find("*").andSelf(), i = 0;
+
+ ret.find("*").andSelf().each(function(){
+ if ( this.nodeName !== orig[i].nodeName )
+ return;
+
+ var events = jQuery.data( orig[i], "events" );
+
+ for ( var type in events ) {
+ for ( var handler in events[ type ] ) {
+ jQuery.event.add( this, type, events[ type ][ handler ], events[ type ][ handler ].data );
+ }
+ }
+
+ i++;
+ });
+ }
+
+ // Return the cloned set
+ return ret;
+ },
+
+ filter: function( selector ) {
+ return this.pushStack(
+ jQuery.isFunction( selector ) &&
+ jQuery.grep(this, function(elem, i){
+ return selector.call( elem, i );
+ }) ||
+
+ jQuery.multiFilter( selector, jQuery.grep(this, function(elem){
+ return elem.nodeType === 1;
+ }) ), "filter", selector );
+ },
+
+ closest: function( selector ) {
+ var pos = jQuery.expr.match.POS.test( selector ) ? jQuery(selector) : null,
+ closer = 0;
+
+ return this.map(function(){
+ var cur = this;
+ while ( cur && cur.ownerDocument ) {
+ if ( pos ? pos.index(cur) > -1 : jQuery(cur).is(selector) ) {
+ jQuery.data(cur, "closest", closer);
+ return cur;
+ }
+ cur = cur.parentNode;
+ closer++;
+ }
+ });
+ },
+
+ not: function( selector ) {
+ if ( typeof selector === "string" )
+ // test special case where just one selector is passed in
+ if ( isSimple.test( selector ) )
+ return this.pushStack( jQuery.multiFilter( selector, this, true ), "not", selector );
+ else
+ selector = jQuery.multiFilter( selector, this );
+
+ var isArrayLike = selector.length && selector[selector.length - 1] !== undefined && !selector.nodeType;
+ return this.filter(function() {
+ return isArrayLike ? jQuery.inArray( this, selector ) < 0 : this != selector;
+ });
+ },
+
+ add: function( selector ) {
+ return this.pushStack( jQuery.unique( jQuery.merge(
+ this.get(),
+ typeof selector === "string" ?
+ jQuery( selector ) :
+ jQuery.makeArray( selector )
+ )));
+ },
+
+ is: function( selector ) {
+ return !!selector && jQuery.multiFilter( selector, this ).length > 0;
+ },
+
+ hasClass: function( selector ) {
+ return !!selector && this.is( "." + selector );
+ },
+
+ val: function( value ) {
+ if ( value === undefined ) {
+ var elem = this[0];
+
+ if ( elem ) {
+ if( jQuery.nodeName( elem, 'option' ) )
+ return (elem.attributes.value || {}).specified ? elem.value : elem.text;
+
+ // We need to handle select boxes special
+ if ( jQuery.nodeName( elem, "select" ) ) {
+ var index = elem.selectedIndex,
+ values = [],
+ options = elem.options,
+ one = elem.type == "select-one";
+
+ // Nothing was selected
+ if ( index < 0 )
+ return null;
+
+ // Loop through all the selected options
+ for ( var i = one ? index : 0, max = one ? index + 1 : options.length; i < max; i++ ) {
+ var option = options[ i ];
+
+ if ( option.selected ) {
+ // Get the specifc value for the option
+ value = jQuery(option).val();
+
+ // We don't need an array for one selects
+ if ( one )
+ return value;
+
+ // Multi-Selects return an array
+ values.push( value );
+ }
+ }
+
+ return values;
+ }
+
+ // Everything else, we just grab the value
+ return (elem.value || "").replace(/\r/g, "");
+
+ }
+
+ return undefined;
+ }
+
+ if ( typeof value === "number" )
+ value += '';
+
+ return this.each(function(){
+ if ( this.nodeType != 1 )
+ return;
+
+ if ( jQuery.isArray(value) && /radio|checkbox/.test( this.type ) )
+ this.checked = (jQuery.inArray(this.value, value) >= 0 ||
+ jQuery.inArray(this.name, value) >= 0);
+
+ else if ( jQuery.nodeName( this, "select" ) ) {
+ var values = jQuery.makeArray(value);
+
+ jQuery( "option", this ).each(function(){
+ this.selected = (jQuery.inArray( this.value, values ) >= 0 ||
+ jQuery.inArray( this.text, values ) >= 0);
+ });
+
+ if ( !values.length )
+ this.selectedIndex = -1;
+
+ } else
+ this.value = value;
+ });
+ },
+
+ html: function( value ) {
+ return value === undefined ?
+ (this[0] ?
+ this[0].innerHTML.replace(/ jQuery\d+="(?:\d+|null)"/g, "") :
+ null) :
+ this.empty().append( value );
+ },
+
+ replaceWith: function( value ) {
+ return this.after( value ).remove();
+ },
+
+ eq: function( i ) {
+ return this.slice( i, +i + 1 );
+ },
+
+ slice: function() {
+ return this.pushStack( Array.prototype.slice.apply( this, arguments ),
+ "slice", Array.prototype.slice.call(arguments).join(",") );
+ },
+
+ map: function( callback ) {
+ return this.pushStack( jQuery.map(this, function(elem, i){
+ return callback.call( elem, i, elem );
+ }));
+ },
+
+ andSelf: function() {
+ return this.add( this.prevObject );
+ },
+
+ domManip: function( args, table, callback ) {
+ if ( this[0] ) {
+ var fragment = (this[0].ownerDocument || this[0]).createDocumentFragment(),
+ scripts = jQuery.clean( args, (this[0].ownerDocument || this[0]), fragment ),
+ first = fragment.firstChild;
+
+ if ( first )
+ for ( var i = 0, l = this.length; i < l; i++ )
+ callback.call( root(this[i], first), this.length > 1 || i > 0 ?
+ fragment.cloneNode(true) : fragment );
+
+ if ( scripts )
+ jQuery.each( scripts, evalScript );
+ }
+
+ return this;
+
+ function root( elem, cur ) {
+ return table && jQuery.nodeName(elem, "table") && jQuery.nodeName(cur, "tr") ?
+ (elem.getElementsByTagName("tbody")[0] ||
+ elem.appendChild(elem.ownerDocument.createElement("tbody"))) :
+ elem;
+ }
+ }
+};
+
+// Give the init function the jQuery prototype for later instantiation
+jQuery.fn.init.prototype = jQuery.fn;
+
+function evalScript( i, elem ) {
+ if ( elem.src )
+ jQuery.ajax({
+ url: elem.src,
+ async: false,
+ dataType: "script"
+ });
+
+ else
+ jQuery.globalEval( elem.text || elem.textContent || elem.innerHTML || "" );
+
+ if ( elem.parentNode )
+ elem.parentNode.removeChild( elem );
+}
+
+function now(){
+ return +new Date;
+}
+
+jQuery.extend = jQuery.fn.extend = function() {
+ // copy reference to target object
+ var target = arguments[0] || {}, i = 1, length = arguments.length, deep = false, options;
+
+ // Handle a deep copy situation
+ if ( typeof target === "boolean" ) {
+ deep = target;
+ target = arguments[1] || {};
+ // skip the boolean and the target
+ i = 2;
+ }
+
+ // Handle case when target is a string or something (possible in deep copy)
+ if ( typeof target !== "object" && !jQuery.isFunction(target) )
+ target = {};
+
+ // extend jQuery itself if only one argument is passed
+ if ( length == i ) {
+ target = this;
+ --i;
+ }
+
+ for ( ; i < length; i++ )
+ // Only deal with non-null/undefined values
+ if ( (options = arguments[ i ]) != null )
+ // Extend the base object
+ for ( var name in options ) {
+ var src = target[ name ], copy = options[ name ];
+
+ // Prevent never-ending loop
+ if ( target === copy )
+ continue;
+
+ // Recurse if we're merging object values
+ if ( deep && copy && typeof copy === "object" && !copy.nodeType )
+ target[ name ] = jQuery.extend( deep,
+ // Never move original objects, clone them
+ src || ( copy.length != null ? [ ] : { } )
+ , copy );
+
+ // Don't bring in undefined values
+ else if ( copy !== undefined )
+ target[ name ] = copy;
+
+ }
+
+ // Return the modified object
+ return target;
+};
+
+// exclude the following css properties to add px
+var exclude = /z-?index|font-?weight|opacity|zoom|line-?height/i,
+ // cache defaultView
+ defaultView = document.defaultView || {},
+ toString = Object.prototype.toString;
+
+jQuery.extend({
+ noConflict: function( deep ) {
+ window.$ = _$;
+
+ if ( deep )
+ window.jQuery = _jQuery;
+
+ return jQuery;
+ },
+
+ // See test/unit/core.js for details concerning isFunction.
+ // Since version 1.3, DOM methods and functions like alert
+ // aren't supported. They return false on IE (#2968).
+ isFunction: function( obj ) {
+ return toString.call(obj) === "[object Function]";
+ },
+
+ isArray: function( obj ) {
+ return toString.call(obj) === "[object Array]";
+ },
+
+ // check if an element is in a (or is an) XML document
+ isXMLDoc: function( elem ) {
+ return elem.nodeType === 9 && elem.documentElement.nodeName !== "HTML" ||
+ !!elem.ownerDocument && jQuery.isXMLDoc( elem.ownerDocument );
+ },
+
+ // Evalulates a script in a global context
+ globalEval: function( data ) {
+ if ( data && /\S/.test(data) ) {
+ // Inspired by code by Andrea Giammarchi
+ // http://webreflection.blogspot.com/2007/08/global-scope-evaluation-and-dom.html
+ var head = document.getElementsByTagName("head")[0] || document.documentElement,
+ script = document.createElement("script");
+
+ script.type = "text/javascript";
+ if ( jQuery.support.scriptEval )
+ script.appendChild( document.createTextNode( data ) );
+ else
+ script.text = data;
+
+ // Use insertBefore instead of appendChild to circumvent an IE6 bug.
+ // This arises when a base node is used (#2709).
+ head.insertBefore( script, head.firstChild );
+ head.removeChild( script );
+ }
+ },
+
+ nodeName: function( elem, name ) {
+ return elem.nodeName && elem.nodeName.toUpperCase() == name.toUpperCase();
+ },
+
+ // args is for internal usage only
+ each: function( object, callback, args ) {
+ var name, i = 0, length = object.length;
+
+ if ( args ) {
+ if ( length === undefined ) {
+ for ( name in object )
+ if ( callback.apply( object[ name ], args ) === false )
+ break;
+ } else
+ for ( ; i < length; )
+ if ( callback.apply( object[ i++ ], args ) === false )
+ break;
+
+ // A special, fast, case for the most common use of each
+ } else {
+ if ( length === undefined ) {
+ for ( name in object )
+ if ( callback.call( object[ name ], name, object[ name ] ) === false )
+ break;
+ } else
+ for ( var value = object[0];
+ i < length && callback.call( value, i, value ) !== false; value = object[++i] ){}
+ }
+
+ return object;
+ },
+
+ prop: function( elem, value, type, i, name ) {
+ // Handle executable functions
+ if ( jQuery.isFunction( value ) )
+ value = value.call( elem, i );
+
+ // Handle passing in a number to a CSS property
+ return typeof value === "number" && type == "curCSS" && !exclude.test( name ) ?
+ value + "px" :
+ value;
+ },
+
+ className: {
+ // internal only, use addClass("class")
+ add: function( elem, classNames ) {
+ jQuery.each((classNames || "").split(/\s+/), function(i, className){
+ if ( elem.nodeType == 1 && !jQuery.className.has( elem.className, className ) )
+ elem.className += (elem.className ? " " : "") + className;
+ });
+ },
+
+ // internal only, use removeClass("class")
+ remove: function( elem, classNames ) {
+ if (elem.nodeType == 1)
+ elem.className = classNames !== undefined ?
+ jQuery.grep(elem.className.split(/\s+/), function(className){
+ return !jQuery.className.has( classNames, className );
+ }).join(" ") :
+ "";
+ },
+
+ // internal only, use hasClass("class")
+ has: function( elem, className ) {
+ return elem && jQuery.inArray( className, (elem.className || elem).toString().split(/\s+/) ) > -1;
+ }
+ },
+
+ // A method for quickly swapping in/out CSS properties to get correct calculations
+ swap: function( elem, options, callback ) {
+ var old = {};
+ // Remember the old values, and insert the new ones
+ for ( var name in options ) {
+ old[ name ] = elem.style[ name ];
+ elem.style[ name ] = options[ name ];
+ }
+
+ callback.call( elem );
+
+ // Revert the old values
+ for ( var name in options )
+ elem.style[ name ] = old[ name ];
+ },
+
+ css: function( elem, name, force, extra ) {
+ if ( name == "width" || name == "height" ) {
+ var val, props = { position: "absolute", visibility: "hidden", display:"block" }, which = name == "width" ? [ "Left", "Right" ] : [ "Top", "Bottom" ];
+
+ function getWH() {
+ val = name == "width" ? elem.offsetWidth : elem.offsetHeight;
+
+ if ( extra === "border" )
+ return;
+
+ jQuery.each( which, function() {
+ if ( !extra )
+ val -= parseFloat(jQuery.curCSS( elem, "padding" + this, true)) || 0;
+ if ( extra === "margin" )
+ val += parseFloat(jQuery.curCSS( elem, "margin" + this, true)) || 0;
+ else
+ val -= parseFloat(jQuery.curCSS( elem, "border" + this + "Width", true)) || 0;
+ });
+ }
+
+ if ( elem.offsetWidth !== 0 )
+ getWH();
+ else
+ jQuery.swap( elem, props, getWH );
+
+ return Math.max(0, Math.round(val));
+ }
+
+ return jQuery.curCSS( elem, name, force );
+ },
+
+ curCSS: function( elem, name, force ) {
+ var ret, style = elem.style;
+
+ // We need to handle opacity special in IE
+ if ( name == "opacity" && !jQuery.support.opacity ) {
+ ret = jQuery.attr( style, "opacity" );
+
+ return ret == "" ?
+ "1" :
+ ret;
+ }
+
+ // Make sure we're using the right name for getting the float value
+ if ( name.match( /float/i ) )
+ name = styleFloat;
+
+ if ( !force && style && style[ name ] )
+ ret = style[ name ];
+
+ else if ( defaultView.getComputedStyle ) {
+
+ // Only "float" is needed here
+ if ( name.match( /float/i ) )
+ name = "float";
+
+ name = name.replace( /([A-Z])/g, "-$1" ).toLowerCase();
+
+ var computedStyle = defaultView.getComputedStyle( elem, null );
+
+ if ( computedStyle )
+ ret = computedStyle.getPropertyValue( name );
+
+ // We should always get a number back from opacity
+ if ( name == "opacity" && ret == "" )
+ ret = "1";
+
+ } else if ( elem.currentStyle ) {
+ var camelCase = name.replace(/\-(\w)/g, function(all, letter){
+ return letter.toUpperCase();
+ });
+
+ ret = elem.currentStyle[ name ] || elem.currentStyle[ camelCase ];
+
+ // From the awesome hack by Dean Edwards
+ // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
+
+ // If we're not dealing with a regular pixel number
+ // but a number that has a weird ending, we need to convert it to pixels
+ if ( !/^\d+(px)?$/i.test( ret ) && /^\d/.test( ret ) ) {
+ // Remember the original values
+ var left = style.left, rsLeft = elem.runtimeStyle.left;
+
+ // Put in the new values to get a computed value out
+ elem.runtimeStyle.left = elem.currentStyle.left;
+ style.left = ret || 0;
+ ret = style.pixelLeft + "px";
+
+ // Revert the changed values
+ style.left = left;
+ elem.runtimeStyle.left = rsLeft;
+ }
+ }
+
+ return ret;
+ },
+
+ clean: function( elems, context, fragment ) {
+ context = context || document;
+
+ // !context.createElement fails in IE with an error but returns typeof 'object'
+ if ( typeof context.createElement === "undefined" )
+ context = context.ownerDocument || context[0] && context[0].ownerDocument || document;
+
+ // If a single string is passed in and it's a single tag
+ // just do a createElement and skip the rest
+ if ( !fragment && elems.length === 1 && typeof elems[0] === "string" ) {
+ var match = /^<(\w+)\s*\/?>$/.exec(elems[0]);
+ if ( match )
+ return [ context.createElement( match[1] ) ];
+ }
+
+ var ret = [], scripts = [], div = context.createElement("div");
+
+ jQuery.each(elems, function(i, elem){
+ if ( typeof elem === "number" )
+ elem += '';
+
+ if ( !elem )
+ return;
+
+ // Convert html string into DOM nodes
+ if ( typeof elem === "string" ) {
+ // Fix "XHTML"-style tags in all browsers
+ elem = elem.replace(/(<(\w+)[^>]*?)\/>/g, function(all, front, tag){
+ return tag.match(/^(abbr|br|col|img|input|link|meta|param|hr|area|embed)$/i) ?
+ all :
+ front + ">" + tag + ">";
+ });
+
+ // Trim whitespace, otherwise indexOf won't work as expected
+ var tags = elem.replace(/^\s+/, "").substring(0, 10).toLowerCase();
+
+ var wrap =
+ // option or optgroup
+ !tags.indexOf("", "" ] ||
+
+ !tags.indexOf("", "" ] ||
+
+ tags.match(/^<(thead|tbody|tfoot|colg|cap)/) &&
+ [ 1, "" ] ||
+
+ !tags.indexOf("", " " ] ||
+
+ // matched above
+ (!tags.indexOf(" ", " " ] ||
+
+ !tags.indexOf("", " " ] ||
+
+ // IE can't serialize and
+
+
+
+
+
+ Welcome to jQuery UI!
+ This page demonstrates the widgets you downloaded using the theme you selected in the download builder. We've included and linked to minified versions of jQuery , your personalized copy of jQuery UI (js/jquery-ui-1.7.2.custom.min.js) , and css/ui-lightness/jquery-ui-1.7.2.custom.css which imports the entire jQuery UI CSS Framework. You can choose to link a subset of the CSS Framework depending on your needs.
+ You've downloaded components and a theme that are compatible with jQuery 1.3+. Please make sure you are using jQuery 1.3+ in your production environment. If you need jQuery UI components that work with an earlier version of jQuery, you can choose an older version in the jQuery UI download builder .
+
+ YOUR COMPONENTS:
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
+
+
+
+
Phasellus mattis tincidunt nibh.
+
+
+
+
Nam dui erat, auctor a, dignissim quis.
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.
+
Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.
+
+
+
+
+ Open Dialog
+
+
+
+
+
Lorem ipsum dolor sit amet, Nulla nec tortor. Donec id elit quis purus consectetur consequat.
Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci.
Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat.
Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam.
Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante.
Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi.
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+