jQuery UI Sortable - Connect lists with Tabs

From 02afd8a32edb13ea7fc2266ac80092ea15c0930c Mon Sep 17 00:00:00 2001 From: Alvin Li Date: Wed, 9 Oct 2013 15:52:53 +0800 Subject: * treat 'apps/utils' as regular django app; which used to store general tools for used in other apps * moved 'templatetags' from 'apps/indicator' to 'apps/utils' * '.gitignore' to ignore 'fixtures_bak' * moved js plugins from 'apps/indicator/static/plugins' to 'staticfiles/plugins' apps/recommend: * updated 'recommend.models'; o commented 'recommend.models.ResearchCombination' (not used) * implemented views 'add_edit_blog_info' and 'ajax_add_edit_configs'; * added pages 'templates/recommend/add_edit_blog_info.html', 'add_edit_blog_info_error.html'; o related css and javascripts files * added 'tools.py'; * added 'utils/tools.py' for placing generic functions; * deleted 'initial_data.json' (mv 'fixtures' to 'fixtures_bak'); * small fixes to 'indicator.models', 'sciblog.models' and 'sfaccount.views' * fixed automatically show 'proper_nouns' annotation in blog: recovered the line 'import signals' in 'sciblog.models' * added 'is_ok()' method for 'recommend.models.ResearchConfig'; --- .../demos/sortable/connect-lists-through-tabs.html | 72 +++++++++++++++++ .../jquery-ui/demos/sortable/connect-lists.html | 52 +++++++++++++ .../plugins/jquery-ui/demos/sortable/default.html | 45 +++++++++++ .../jquery-ui/demos/sortable/delay-start.html | 61 +++++++++++++++ .../jquery-ui/demos/sortable/display-grid.html | 48 ++++++++++++ .../jquery-ui/demos/sortable/empty-lists.html | 63 +++++++++++++++ .../plugins/jquery-ui/demos/sortable/index.html | 22 ++++++ .../plugins/jquery-ui/demos/sortable/items.html | 64 +++++++++++++++ .../jquery-ui/demos/sortable/placeholder.html | 50 ++++++++++++ .../plugins/jquery-ui/demos/sortable/portlets.html | 91 ++++++++++++++++++++++ 10 files changed, 568 insertions(+) create mode 100644 97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/connect-lists-through-tabs.html create mode 100644 97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/connect-lists.html create mode 100644 97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/default.html create mode 100644 97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/delay-start.html create mode 100644 97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/display-grid.html create mode 100644 97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/empty-lists.html create mode 100644 97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/index.html create mode 100644 97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/items.html create mode 100644 97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/placeholder.html create mode 100644 97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/portlets.html (limited to '97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable') diff --git a/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/connect-lists-through-tabs.html b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/connect-lists-through-tabs.html new file mode 100644 index 0000000..48f7a67 --- /dev/null +++ b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/connect-lists-through-tabs.html @@ -0,0 +1,72 @@ + + + + + jQuery UI Sortable - Connect lists with Tabs + + + + + + + + + + + + + + +

Nunc tincidunt
Proin dolor

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/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/connect-lists.html b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/connect-lists.html new file mode 100644 index 0000000..87569ca --- /dev/null +++ b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/connect-lists.html @@ -0,0 +1,52 @@ + + + + + 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/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/default.html b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/default.html new file mode 100644 index 0000000..9058a3f --- /dev/null +++ b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/default.html @@ -0,0 +1,45 @@ + + + + + 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/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/delay-start.html b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/delay-start.html new file mode 100644 index 0000000..e48d8cf --- /dev/null +++ b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/delay-start.html @@ -0,0 +1,61 @@ + + + + + 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/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/display-grid.html b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/display-grid.html new file mode 100644 index 0000000..e644eae --- /dev/null +++ b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/display-grid.html @@ -0,0 +1,48 @@ + + + + + jQuery UI Sortable - Display as grid + + + + + + + + + + + + +

+ +

+ To arrange sortable items as a grid, give them identical dimensions and + float them using CSS. +

+ + diff --git a/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/empty-lists.html b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/empty-lists.html new file mode 100644 index 0000000..2311254 --- /dev/null +++ b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/empty-lists.html @@ -0,0 +1,63 @@ + + + + + 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/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/index.html b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/index.html new file mode 100644 index 0000000..66b0b5c --- /dev/null +++ b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/index.html @@ -0,0 +1,22 @@ + + + + + jQuery UI Sortable Demos + + + +

+ + + diff --git a/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/items.html b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/items.html new file mode 100644 index 0000000..bdb0e02 --- /dev/null +++ b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/items.html @@ -0,0 +1,64 @@ + + + + + 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/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/placeholder.html b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/placeholder.html new file mode 100644 index 0000000..95a843f --- /dev/null +++ b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/placeholder.html @@ -0,0 +1,50 @@ + + + + + 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/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/portlets.html b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/portlets.html new file mode 100644 index 0000000..5a3f2b6 --- /dev/null +++ b/97suifangqa/staticfiles/plugins/jquery-ui/demos/sortable/portlets.html @@ -0,0 +1,91 @@ + + + + + jQuery UI Sortable - Portlets + + + + + + + + + + + + +

+ +

Feeds