From d6d8b7ed10227e66e1d324891ceae8af308b1549 Mon Sep 17 00:00:00 2001
From: Erik Groener <erik.groener@aareon.nl>
Date: Thu, 2 Jun 2016 13:54:57 +0000
Subject: [PATCH] AAIT#36424 Zoek filter in Mijn urenbesteding / weeklijst

svn path=/Website/trunk/; revision=29628
---
 APPL/MLD/opdr_edit_uren.asp | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/APPL/MLD/opdr_edit_uren.asp b/APPL/MLD/opdr_edit_uren.asp
index c12e9dc067..eff5a7cd1b 100644
--- a/APPL/MLD/opdr_edit_uren.asp
+++ b/APPL/MLD/opdr_edit_uren.asp
@@ -267,6 +267,40 @@ if (urole != "fe" && canWrite)
                                               }
                                   });
         }
+
+        var timerID = null;
+        function delayed(delay, fn)
+        {
+            if (window.timerID)
+                clearTimeout(window.timerID);
+            window.timerID = setTimeout(fn, delay);
+        }
+        function doFilter(deze)
+        {
+            var deze = $("#autofilter");
+            var valThis = deze.val().toLowerCase();
+            $('#opdrUrenList table.fcltblocktab>tbody>tr.mldimpropdruren,tr.colhandler,tr.mldopdruren').each(function(){
+                var text = $(this).text().toLowerCase();
+                var moretext = ($(this).find("span.rsTruncmore").attr('resttxt')||"").toLowerCase();
+                $(this).toggle(text.indexOf(valThis) > -1 || moretext.indexOf(valThis) > -1);
+            });
+        }
+
+        $(function () {
+
+            if ($('#opdrUrenList table.fcltblocktab>tbody>tr').length > 12)
+            {
+                $("#opdrUren .fcltblockhead").append("<input id='autofilter' type='text' placeholder='"+L("lcl_autofilter")+"'>");
+                $("#autofilter")
+                    .click(function (e) {e.stopPropagation()})
+                    .keyup(function(e){
+                        if (e.which == 27) {
+                            $("#autofilter").val("");
+                        }
+                        delayed(200, doFilter);
+                    });
+            }
+        });
     </script>
   </head>