Changeset 6294 for trunk/bp-xprofile/admin/js/admin.js

Timestamp:

09/03/2012 02:28:05 AM (13 years ago)

Author:

johnjamesjacoby

Message:

XProfile:

• Allow options to be sorted.
• Escape all the things.
• Props humanshell.
• Fixes #3778.

File:

• trunk/bp-xprofile/admin/js/admin.js (modified) (7 diffs)

trunk/bp-xprofile/admin/js/admin.js

@@ -4 +4 @@
     var newDiv    = document.createElement('p');
     var newOption = document.createElement('input');
-    var label     = document.createElement( 'label' );
-    var txt       = document.createTextNode( "Option " + theId + ": " );
+    var span     = document.createElement( 'span' );
+    var txt       = document.createTextNode( "\u00A0\u039E\u00A0" );
     var isDefault = document.createElement( 'input' );
-    var label1    = document.createElement( 'label' );
+    var span1    = document.createElement( 'span' );
     var txt1      = document.createTextNode( " Default Value " );
 
     newDiv.setAttribute('id', forWhat + '_div' + theId);
+    newDiv.setAttribute('class', 'sortable');
     
     newOption.setAttribute( 'type', 'text' );
@@ -16 +17 @@
     newOption.setAttribute( 'id', forWhat + '_option' + theId );
 
-    label.setAttribute( 'for', forWhat + '_option' + theId );
-    label.appendChild( txt );
+    span.appendChild( txt );
 
     if ( forWhat == 'checkbox' || forWhat == 'multiselectbox' ) {
@@ -29 +29 @@
     isDefault.setAttribute( 'value', theId );
 
-    label1.appendChild( txt1 );
-    label1.setAttribute( 'for', 'isDefault_' + forWhat + '_option[]' );
+    span1.appendChild( txt1 );
 
     var toDelete     = document.createElement( 'a' );
@@ -39 +38 @@
     toDelete.appendChild( toDeleteText );
 
-    newDiv.appendChild( label );
+    newDiv.appendChild( span );
     newDiv.appendChild( newOption );
     newDiv.appendChild( document.createTextNode( " " ) );
     newDiv.appendChild( isDefault );
-    newDiv.appendChild( label1 );
+    newDiv.appendChild( span1 );
     newDiv.appendChild( toDelete );
     holder.appendChild( newDiv );
 
+    // re-initialize the sorable ui
+    enableSortableFieldOptions( forWhat );
 
     theId++;
@@ -86 +87 @@
 };
 
-// Set up deleting options ajax
+function enableSortableFieldOptions( forWhat ) {
+    if ( jQuery( '#' + forWhat + ' p.sortable' ).length > 1 ) {
+        jQuery( '.options-box' ).sortable( {
+            items: 'p.sortable',
+            tolerance: 'pointer',
+            axis: 'y',
+            handle: 'span'
+        });
+
+        jQuery( '.sortable span' ).css( 'cursor', 'move' );
+    }
+}
+
+function destroySortableFieldOptions() {
+    jQuery( '.options-box' ).sortable( 'destroy' );
+    jQuery( '.sortable span' ).css( 'cursor', 'default' );
+}
+
 jQuery( document ).ready( function() {
 
+    // Set up deleting options ajax
     jQuery( 'a.ajax-option-delete' ).click(
         function() {
@@ -103 +122 @@
         }
     );
+
+    // 
+    jQuery( '[id^="sort_order_"]' ).change(function() {
+        if ( jQuery( this ).val() != 'custom' ) {
+            destroySortableFieldOptions();
+        } else {
+            enableSortableFieldOptions( jQuery('#fieldtype :selected').val() );
+        }
+    });
 
     // Show object if JS is enabled
@@ -150 +178 @@
     // Change cursor to move if JS is enabled
     .css( 'cursor', 'move' );
+
+    // Allow reordering of field options
+    enableSortableFieldOptions( jQuery('#fieldtype :selected').val() );
 
     // tabs init with a custom tab template and an "add" callback filling in the content