fixing drag bug

war/src/main/js/config-tabbar.js

@@ -7,6 +7,9 @@ $(function() {
     // We need to use Behaviour.js to wait until after radioBlock.js Behaviour.js rules
     // have been applied, otherwise row-set rows become visible across sections.
     var done = false;
+    
+    Behaviour.specify(".dd-handle", 'config-drag-start',1000,fixDragEvent);
+    
     Behaviour.specify(".block-control", 'row-set-block-control', 1000, function() { // jshint ignore:line
         if (done) {
             return;
@@ -18,7 +21,9 @@ $(function() {
         if (configTables.size() > 0) {
             var tabBarShowPreferenceKey = 'config:usetabs';
             var tabBarShowPreference = jenkinsLocalStorage.getGlobalItem(tabBarShowPreferenceKey, "yes");
-
+            
+            fixDragEvent(configTables);
+            
             var tabBarWidget = require('./widgets/config/tabbar.js');
             if (tabBarShowPreference === "yes") {
                 configTables.each(function() {
@@ -94,3 +99,25 @@ function addFinderToggle(configTableMetadata) {
 function fireBottomStickerAdjustEvent() {
     Event.fire(window, 'jenkins:bottom-sticker-adjust'); // jshint ignore:line
 }
+// YUI Drag widget does not like to work on elements with a relative position.
+// This tells the element to switch to static position at the start of the drag, so it can work.
+function fixDragEvent(handle){
+    var isReady = false;
+    var $handle = $(handle);
+    var $chunk = $handle.closest('.repeated-chunk');
+    $handle
+    	.mousedown(function(){
+    	    isReady = true; 
+    	})
+    	.mousemove(function(){
+    	    if(isReady && !$chunk.hasClass('dragging')){
+    		$chunk.addClass('dragging');
+    		console.log('.....drag.....');
+    	    }
+    	})
+    	.mouseup(function(){
+    	    isReady = false;
+    	    console.log('stop');
+    	    $chunk.removeClass('dragging');
+    	});
+}

war/src/main/js/widgets/config/tabbar.js

@@ -67,7 +67,6 @@ exports.addTabs = function(configTable) {
 };
 
 exports.addTabsActivator = function(configTable) {
-
     var $ = jQD.getJQuery();
     var configWidgets = $('<div class="jenkins-config-widgets"><div class="showTabs" title="Add configuration section tabs">Add tabs</div></div>');
     configWidgets.insertBefore(configTable.parent());

war/src/main/js/widgets/config/tabbar.less

@@ -234,7 +234,11 @@
         border-color:@line-blue; 
         box-shadow:0 2px 10px @shade, inset 0 200px 200px -200px @birghtest; 
         position:relative; 
-        z-index:2}
+        z-index:2
+      }
+      .repeated-chunk.dragging{
+        position:static;
+      }
       .repeated-chunk{
         border:1px solid @shade;
         margin:2px;
@@ -285,4 +289,9 @@
     }
   }
 }
+#ygddfdiv {
+  background:@light-backgrond;
+  border:1px solid @line-blue !important;
+  opacity:.5;
+}
 .yui-skin-sam .yuimenu {z-index:9999 !important}
\ No newline at end of file