From 66340ac819731f9c127b3b17e5d4bafb290c0c72 Mon Sep 17 00:00:00 2001
From: jorge-vitrubio <jorge@vitrubio.net>
Date: Thu, 12 Jan 2023 08:59:33 +0100
Subject: [PATCH] custom post ajuts added filter for $_GET and function for
 filter form

---
 ...m-field-ajuts-filter-function-frontend.php | 185 ++++++++++++++++++
 includes/custom-field-ajuts-filter.php        |   9 +
 ofisuport-wp-plugin.php                       |   1 +
 3 files changed, 195 insertions(+)
 create mode 100644 includes/custom-field-ajuts-filter-function-frontend.php

diff --git a/includes/custom-field-ajuts-filter-function-frontend.php b/includes/custom-field-ajuts-filter-function-frontend.php
new file mode 100644
index 0000000..97460ee
--- /dev/null
+++ b/includes/custom-field-ajuts-filter-function-frontend.php
@@ -0,0 +1,185 @@
+<?php                                                                                                    
+/**
+ * Function to display the front end checkboxes for the ajut filter 
+ *
+ * references:
+ * basic start
+ * https://www.advancedcustomfields.com/resources/creating-wp-archive-custom-field-filter/
+ * 
+ * wordpress full form example
+ * https://wordpress.stackexchange.com/questions/383599/form-checkbox-value-going-to-dynamic-url
+ *
+ * checkbox adaptation query
+ * https://wordpress.stackexchange.com/a/102915
+ *
+ * form GET and POST
+ * https://www.formget.com/php-checkbox/
+ * 
+ * @package Oficina_de_Suport_theme
+ */
+?>
+
+<?php 
+if( ! function_exists( 'ofisuport_ajuts_filters_form' ) ):
+  function ofisuport_ajuts_filters_form() {
+?>
+    <div id="archive-filters" class="ofisuport-filters">
+    <?php
+    // output all possible values of a checkbox
+    $groupkey = "group_63ab636898703"; // write here the key for the group of fields from acf
+    if( $groupkey ) {
+    ?>
+      <?php // start the form ?> 
+      <form id="form-ajuts" name="search-ajuts">
+
+      <?php
+      $groupkey_fields = acf_get_fields($groupkey);
+      foreach( $groupkey_fields as $field_key ) {
+		  
+        if( $field_key['type'] == 'checkbox' ){
+
+          // https://wordpress.stackexchange.com/a/102915
+          $fields = get_field_object($field_key['key']);
+          if( $fields ) {
+
+            // check for values from meta fields db in url
+            foreach( $GLOBALS['my_query_filters'] as $key => $fieldname ) {
+
+              // check for values in url and  get value if available
+              if( isset($_GET[ $fieldname ]) ) {
+
+                $filteredvalues['value'] = explode(',', $_GET[ $fieldname ]);
+                //$filteredvalues['value'] = ($_GET[ $fieldname ]);
+		          };
+		          //end check for values in url
+
+              // construct the checkboxes
+              if( $fieldname == $fields['name']) {
+?>
+
+        <section id="fund-filter-<?php echo $fields['name']; ?>" class="<?php echo $fields['name']; ?>"> 
+          <h5><?php echo $fields['label'];?></h5>
+            <?php  foreach( $fields['choices'] as $choicevalue => $choicelabel ) { ?>
+
+          <div class="filter" data-filter="<?php echo $fields['name'];?>">
+            <input
+ class="ofisuport-filter"
+ type="checkbox"
+ <?php if( in_array($choicevalue,$filteredvalues['value']) ) { echo 'checked';}; ?>
+ value="<?php echo $choicevalue ?>"
+ name="<?php echo $fields['name'];?>" />
+            <label for="<?php echo $choicevalue; ?>"><?php echo $choicelabel;?></label>
+          </div>
+
+            <?php };//end foreach fields['choices'] ?>
+
+        </section>
+
+        <?php  }; //end if fieldname == fields['name'] ?>
+        <?php  // end of construct checkboxes ?>
+                
+           <?php }; // end check for values from meta fields db in url ?>
+
+         <?php }; //end if field_key['key'] ?>
+       
+        <?php }; //end if type checkbox ?>
+
+      <?php }; //end foreach groupkey field ?>
+      <p><b>Results:</b> <span id="results"></span></p>
+      <button type="submit" class="button-more">enviar</button> 
+      </form>
+<?php //close the form and subit ?>
+
+<?php }; //end if groupkey ?>
+
+</div>
+
+<script type="text/javascript">
+
+//https://wordpress.stackexchange.com/questions/383599/form-checkbox-value-going-to-dynamic-url
+// sample form on submiit
+//
+(function($){
+
+  $('#form-ajuts').on('submit', function(e) {
+  
+    // prevent default
+    e.preventDefault();
+  
+    // set empty submission object
+    let submission = {};
+  
+    // for each of this form submit event target object entries as key/field
+    for (const [key, field] of Object.entries(e.target)) {
+  
+      // if object entry (field) has a name attribute
+      if (field.name) {
+  
+        // if field type is
+        if (field.type === 'checkbox') {
+
+         // set field name as array
+         submission[field.name] = [];
+          // if checkbox is checked
+          if (field.checked) {
+            
+            // add name/value to submission object
+            submission[field.name].push(field.value);
+
+          }
+  
+        } else if (field.value) {
+  
+          // add name/value to submission object
+          submission[field.name] = field.value;
+  
+        }
+  
+      }
+  
+    }
+  
+    // now let loop through our submission and check for arrays
+    for (const [name, value] of Object.entries(submission)) {
+  
+      // if submission value is array
+      //if (Array.isArray(value)) {
+        // let convert array to string
+        //submission[name] = value.join(',');
+  
+      //}
+  
+    }
+    
+    // convert submission object to url safe params string
+    let submission_url_params = $.param(submission);
+    
+    // if we have submission params
+    if(submission_url_params) {
+    
+      // success actions
+    
+      // create our submission action url
+          let submission_url_action = this.action + (submission_url_params ? '?' + submission_url_params : '');
+      
+      // un-comment this to actually fire the form submission
+      window.location.href = submission_url_action;
+  
+    // else no submission params
+    } else {
+    
+      // no submission data actions
+    
+    }
+  
+  });
+
+});
+
+
+</script>
+
+<?php 
+  }; //end ofisuport_display_filters()
+  endif; // end if ! functionexists
+?>
diff --git a/includes/custom-field-ajuts-filter.php b/includes/custom-field-ajuts-filter.php
index db775e1..fb1d939 100644
--- a/includes/custom-field-ajuts-filter.php
+++ b/includes/custom-field-ajuts-filter.php
@@ -1,6 +1,15 @@
 <?php
 /**
  * Makes a filter for the custom post type ajut and its custom fields
+ *
+ * references:
+ * basic start
+ * https://www.advancedcustomfields.com/resources/creating-wp-archive-custom-field-filter/
+ * 
+ * checkbox adaptation query filter
+ * https://barn2.com/blog/querying-posts-by-custom-field-acf/#array-based-fields
+ *
+ * @package Oficina_de_Suport_theme
  */
 
 // define the filter fields
diff --git a/ofisuport-wp-plugin.php b/ofisuport-wp-plugin.php
index 4e1b955..c60b9b1 100644
--- a/ofisuport-wp-plugin.php
+++ b/ofisuport-wp-plugin.php
@@ -69,3 +69,4 @@ include( OFISUPORT_WPPLUGIN_PATH . 'includes/custom-post-type-ajuts.php');
 
 include( OFISUPORT_WPPLUGIN_PATH . 'includes/custom-field-ajuts-filter.php');
 
+include( OFISUPORT_WPPLUGIN_PATH . 'includes/custom-field-ajuts-filter-function-frontend.php');