Add debounce option for filtering

Author: acoumb

src/Umbraco.Cms.Integrations.Crm.ActiveCampaign/App_Plugins/UmbracoCms.Integrations/Crm/ActiveCampaign/js/formpicker.controller.js

@@ -19,10 +19,6 @@
     vm.changePage = goToPage;
     vm.goToPage = goToPage;
 
-    vm.filterForms = () => {
-        loadForms(vm.pagination.pageNumber, vm.searchTerm);
-    }
-
     umbracoCmsIntegrationsCrmActiveCampaignResource.checkApiAccess().then(function (response) {
         vm.isApiConfigurationValid = response.isApiConfigurationValid;
         if (response.isApiConfigurationValid) {
@@ -71,6 +67,14 @@
         editorService.open(options);
     };
 
+    let timer;
+    vm.filterForms = () => {
+        if (timer) {
+            clearTimeout(timer);
+        }
+        timer = setTimeout(() => { loadForms(vm.pagination.pageNumber, vm.searchTerm); }, 500);
+    }
+
     function getFormDetails(id) {
         vm.loading = true;
         umbracoCmsIntegrationsCrmActiveCampaignResource.getForm(id).then(function (response) {