Adde autocomplete in AddressDB/Index bulk update

Layout/default/AddressDB/Index.php

@@ -174,7 +174,7 @@
 
                     <div class="col-sm-12 col-md-1">
                         <label class="form-label" for="filter_fcp">FCP</label>
-                        <select name="filter[rimo_fcp_name][]" id="filter_fcp" multiple class="form-control">
+                        <select name="filter[rimo_fcp_name][]" id="filter_rimo_fcp_name" multiple class="form-control">
                             <option value="">Kein FCP gefunden</option>
                         </select>
                     </div>
@@ -193,6 +193,8 @@
               </div>
 
 
+                <button class="btn btn-secondary mt-3" onclick="console.log(getFilter())">get filter</button>
+
               <?php if($me->is("Admin")): ?>
                   <button type="button" class="form-control btn btn-outline-purple mt-3 text-left" id="bulk-toggle-button" onclick="toggleBulkupdate()"><i id="bulk-update-chevron" class="fas fa-fw fa-chevron-right"></i> Bulk Update</button>
 
@@ -201,19 +203,21 @@
                           <h3 class="mb-4">Bulk Update</h3>
                           <p>Die hier eingegebenen Daten werden für alle Adressen übernommen, welche mit dem <strong>oben eingestellten Filter</strong> gefunden werden.</p>
 
-                          <div class="mb-2">
-                              <label for="street" class="form-label">Straße</label>
-                              <input type="text" class="form-control" id="street" name="strasse">
+                          <div class="row mb-2">
+                              <div class="col">
+                                <label for="street" class="form-label">Straße</label>
+                                <input type="text" class="form-control basicAutoComplete" autocomplete="off" data-url="<?=self::getUrl('AddressDB','api')?>?do=findStreets&autocomplete=1" name="strasse" id="street" placeholder="Straße" />
+                              </div>
                           </div>
 
                           <div class="row mb-2">
                               <div class="col-md-4">
                                   <label for="zip" class="form-label">PLZ</label>
-                                  <input type="text" class="form-control" id="zip" name="plz">
+                                  <input type="text" class="form-control basicAutoComplete" autocomplete="off" data-url="<?=self::getUrl('AddressDB','api')?>?do=findZips&autocomplete=1" name="plz" id="zip" placeholder="PLZ" />
                               </div>
                               <div class="col-md-8">
                                   <label for="city" class="form-label">Ort</label>
-                                  <input type="text" class="form-control" id="city" name="ort">
+                                  <input type="text" class="form-control basicAutoComplete" autocomplete="off" data-url="<?=self::getUrl('AddressDB','api')?>?do=findDistricts&autocomplete=1" name="ort" id="city" placeholder="Ort" />
                               </div>
                           </div>
 
@@ -345,9 +349,25 @@
 
 <script>
     $(document).ready(function() {
-        $("#filter_status_id, #filter_status_flag, #filter_network_id").select2({ closeOnSelect: false });
+        $("#filter_status_id, #filter_status_flag, #filter_network_id, #filter_rimo_fcp_name").select2({ closeOnSelect: false });
+        //$("#filter_rimo_fcp_name")
 
-        const fcpSelect = $("#filter_fcp");
+        $('#street').autoComplete({minLength: 2}).on("autocomplete.select", getBulkupdateCount());
+        $('#zip').autoComplete({minLength: 1}).on("autocomplete.select", getBulkupdateCount());
+        $('#city').autoComplete({minLength: 2}).on("autocomplete.select", getBulkupdateCount());
+
+        function preventEnter() {
+            if(event.keyCode == 13) {
+                event.preventDefault();
+                return false;
+            }
+        }
+
+        function getBulkupdateCount() {
+
+        }
+
+        const fcpSelect = $("#filter_rimo_fcp_name");
         const networkSelect = $("#filter_network_id");
         const apiUrl = "<?=self::getUrl("AddressDB", "api")?>";
 
@@ -415,5 +435,39 @@
             $("#bulk-toggle-button").addClass("btn-purple").removeClass("btn-outline-purple");
         }
     }
+
+    //toggleBulkupdate();
+
+    function getFilter() {
+        var fields = ['preordercampaign_id', 'status', 'type', 'address', 'kunde', 'address_source'];
+        var filter = {};
+
+        $("#filter_form input, #filter_form select").each(function(idx) {
+            if(!$(this).attr("id") || !$(this).attr("id").match(/^filter_/)) return;
+
+            field = $(this).attr("id").replace("filter_", "");
+            if(!$(this).length) {
+                return;
+            }
+            let val = $(this).val();
+            if(val.length) {
+                filter[field] = val;
+            }
+        });
+        /*fields.forEach(function(field) {
+            if(!field) {
+                return;
+            }
+            if(!$('#filter_' + field).length) {
+                return;
+            }
+            let val = $('#filter_' + field).val();
+            if(val.length) {
+                filter[field] = val;
+            }
+        });*/
+
+        return filter;
+    }
 </script>
 <?php include(realpath(dirname(__FILE__)."/../../$mfLayoutPackage")."/footer.php"); ?>