FSN#38071 hamburgers voor inline acties toegevoegd (in touch modus)

svn path=/Website/trunk/; revision=31113

APPL/Localscripts/resultset_table_v2.js

@@ -15,6 +15,10 @@
 // maar <form> mag niet binnen een ander <form> voorkomen en moet eigenlijk wel binnen body staan
 // Formulier als tekststring samenstellen en m.b.v. $(document).ready(function(){}) binnen de body zetten
 var timerID=null;
+var showingInlineDetails = false;
+var touch = null;
+var currentRowKey = null;
+
 function delayed(delay, fn)
 {
     if (window.timerID)
@@ -151,7 +155,15 @@ function initActions(tableID, isTouch)
                             .on('mouseout', 'tr', hideActions);
                 $("#allactions_" + tableID +".allactions")
                             .on('mouseover', function (evt) { evt.stopPropagation() } )
-                            .on('mouseout', function (evt) { evt.stopPropagation() } )
+                            .on('mouseout', function (evt) { evt.stopPropagation() } );
+                touch = false;
+            }
+            else
+            {
+                $("#" + tableID)
+                            .on('click', ".hamburger", showHamburgerActions)
+                            .on('click', '.hamburger', FcltMgr.stopPropagation );
+                touch = true;
             }
     });
 
@@ -187,20 +199,34 @@ function defaultAction(event)
 
 function hideActions(event)
 {
-    if (window.activerow != this) // voorkom hide als je muis boven de buttons beweegt
+    if ((!touch && window.activerow != this) || (touch && showingInlineDetails)) // voorkom hide als je muis boven de buttons beweegt
+    {
         $currentActionsDiv().hide();
+        if (touch) showingInlineDetails = false;
+    }
     event.stopPropagation();
 }
 
+function showHamburgerActions(event)
+{
+    var thisTR = $(this).closest('tr')[0];
+    showActions.apply(thisTR, [event]);
+}
+
 window.activerow = null;
 function showActions(event) // event op de mouseover van resultsettable
 {
     var key = this.getAttribute("ROWKEY");
-    if (!key)
+    if (!key || (touch && currentRowKey == key && showingInlineDetails))
     {
         hideActions(event)
         return;
     }
+    else if (touch)
+    {
+        currentRowKey = key;
+        showingInlineDetails = true;
+    }
     var mustHide = ( window.activerow != this );
     window.activerow = this;
     var $actiondiv = $currentActionsDiv();