Changeset 22933 for main/trunk/greenstone3/web/interfaces/oran/js/gui_div.js

Timestamp:

2010-09-21T16:35:47+12:00 (14 years ago)

Author:

sjb48

Message:

 

File:

• main/trunk/greenstone3/web/interfaces/oran/js/gui_div.js (modified) (21 diffs)

main/trunk/greenstone3/web/interfaces/oran/js/gui_div.js

@@ -35 +35 @@
 
     $(".element_type_text").draggable({
-            connectToSortable: '.gsf_otherwise',
+            connectToSortable: '.gsf_otherwise, .gsf_link',
             helper: 'clone',
             revert: 'invalid'
@@ -41 +41 @@
     
     $(".element_type_gsf_choose_metadata").draggable({
-            connectToSortable: '.gsf_template',
+            connectToSortable: '.td-div',
             helper: 'clone',
             revert: 'invalid'
@@ -53 +53 @@
 
     $(".element_type_gsf_link").draggable({
-            connectToSortable: '.gsf_template',
+            connectToSortable: '.td-div',
             helper: 'clone',
             revert: 'invalid'
@@ -60 +60 @@
     // switch, when, otherwise, icon
     $(".element_type_gsf_switch").draggable({
-            connectToSortable: '.gsf_template',
+            connectToSortable: '.td-div',
             helper: 'clone',
             revert: 'invalid'
@@ -88 +88 @@
     /******************************************/
 
+    bind_td_sortable();
     bind_all_sortables();
 
@@ -183 +184 @@
 function replace_with(item, me)
 {
-    console.log('function replace_with(item, me)');
+    //console.log('function replace_with(item, me)');
     item.replaceWith(me); //'<div class="element element-txt">This text box has been added!</div>');
 
@@ -193 +194 @@
 function resize_tables(item)
 {
-    console.log('function resize_tables(item)');
+    //console.log('function resize_tables(item)');
     var max_height = 0;
     (item.parents('.table')).each(function(index) {
@@ -213 +214 @@
 function bind_template_sortable()
 {
-    console.log('function bind_template_sortable()');
+    //console.log('function bind_template_sortable()');
     $('.gsf_template').sortable({
             'cursor':'pointer',
-            'items':'.table, .gsf_choose_metadata, .gsf_metadata',
+            'items':'.table', //.gsf_choose_metadata, .gsf_metadata',
             'placeholder':'placeholder',
             //'nested':'.gsf:metadata'
@@ -238 +239 @@
 function bind_td_sortable()
 {
-    console.log('function bind_td_sortable()');
+    //console.log('function bind_td_sortable()');
     $('.td-div').sortable({
             'cursor':'pointer',
-            'tolerance': 'pointer',
             'items':'.gsf_metadata, .gsf_choose_metadata, .gsf_link, .gsf_switch',
             'placeholder':'placeholder',
+            'connectWith':'.td-div',
             //'nested':'.gsf:metadata'
             receive: function(event, ui) { alert("Attempted to receive"); },
@@ -254 +255 @@
 
     $('.td-div').click(function () {    
-         console.log('td class click');
+         //console.log('td class click');
          return true;
     });
@@ -265 +266 @@
 function bind_choose_metadata_sortable()
 {
-    console.log('function bind_choose_metadata_sortable()');
+    //console.log('function bind_choose_metadata_sortable()');
     $('.gsf_choose_metadata').sortable({
             'cursor':'pointer',
-            'tolerance': 'fit',
-            'items':'.gsf_metadata',
+            'items':'.gsf_metadata, .gsf_default',
             'placeholder':'placeholder',
             'connectWith':'.gsf_choose_metadata',
             //'nested':'.gsf:metadata'
             stop: function(event, ui) {
+                //alert("STOP");
                 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); }
             }
@@ -281 +282 @@
 function bind_link_sortable()
 {
-    console.log('function bind_link_sortable()');
+    //console.log('function bind_link_sortable()');
     $('.gsf_link').sortable({
             'cursor':'pointer',
-            'tolerance': 'fit',
-            'items':'.gsf_icon',
+            'tolerance': 'pointer',
+            'items':'.gsf_icon, .gsf_text',
             'placeholder':'placeholder',
             'connectWith':'.gsf_link',
@@ -291 +292 @@
             stop: function(event, ui) {
                 if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_gsf_icon')) { replace_with(ui.item, gsf_icon_element); }
+                if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('element_type_text')) { replace_with(ui.item, "<input type=\"text\" name=\"rawtextinput\" size=\"10\"/>"); }
             }
     });
@@ -297 +299 @@
 function bind_switch_sortable()
 {
-    console.log('function bind_switch_sortable()');
+    //console.log('function bind_switch_sortable()');
     $('.gsf_switch').sortable({
             'cursor':'pointer',
@@ -303 +305 @@
             'items':'.gsf_metadata, .gsf_when, .gsf_otherwise',
             'placeholder':'placeholder',
+            'connectWith':'.gsf_switch',
             //'nested':'.gsf:metadata'
             stop: function(event, ui) {
@@ -313 +316 @@
 function bind_when_sortable()
 {
-    console.log('function bind_when_sortable()');
+    //console.log('function bind_when_sortable()');
     $('.gsf_when').sortable({
             'cursor':'pointer',
@@ -328 +331 @@
 function bind_otherwise_sortable()
 {
-    console.log('function bind_otherwise_sortable()');
+    //console.log('function bind_otherwise_sortable()');
     $('.gsf_otherwise').sortable({
             'cursor':'pointer',
@@ -344 +347 @@
 function bind_block_mouseover()
 {
-    console.log('function bind_block_mouseover()');
+    //console.log('function bind_block_mouseover()');
     $(".block").mouseover(function()
     {
@@ -364 +367 @@
 
 var removeContent = (function () {
-    console.log('var removeContent = (function ()');
+    //console.log('var removeContent = (function ()');
         // this -> a -> td -> tr -> tbody -> table -> div
         $(this).parent().parent().parent().parent().parent().remove();
@@ -372 +375 @@
 var toggleContent = function(e)
 {
-    console.log('var toggleContent = function(e)');
+    //console.log('var toggleContent = function(e)');
     console.log('parent: ' + $(this).html());
     if ($(this).html() == '[+]'){ //targetContent.css('display') == 'none') {
@@ -395 +398 @@
 
 function equalHeights(item, height) {
-    console.log('function equalHeights(item, height)');
+    //console.log('function equalHeights(item, height)');
     (item.parents('.table')).each(function(index) {
         $(this).children().children().children().each(function() {