Compare commits
17 Commits
reset-post
...
e57a7aadb9
| Author | SHA1 | Date | |
|---|---|---|---|
|
e57a7aadb9 | ||
|
|
0ba7c07287 | ||
|
|
558ea24cec | ||
|
|
f0b7c405fa | ||
|
|
a9c7f7c70f | ||
|
|
5345b86a25 | ||
|
|
f458be3293 | ||
|
|
a08d0527b4 | ||
|
|
458c216fea | ||
|
|
5828269a70 | ||
|
|
d4be70eb78 | ||
|
|
f1d0414f58 | ||
|
|
41f44b1200 | ||
|
|
7f32a4bb1b | ||
|
|
492289deb1 | ||
|
|
318eb8f0c5 | ||
|
|
6fd3f4a13c |
167
admin.php
Normal file
167
admin.php
Normal file
@@ -0,0 +1,167 @@
|
||||
<?php
|
||||
|
||||
function init_postode_admin()
|
||||
{
|
||||
add_action("admin_menu", "local_postcodes_admin_menu", 99);
|
||||
add_action("admin_head", "local_postcodes_admin_css");
|
||||
add_action("admin_init", "local_postcodes_register_settings"); // Correct
|
||||
}
|
||||
|
||||
function local_postcodes_admin_menu()
|
||||
{
|
||||
add_submenu_page(
|
||||
"woocommerce", // Parent menu slug
|
||||
"Lokale Postcodes", // Page title
|
||||
"Lokale Postcodes", // Menu title
|
||||
"manage_options", // Capability
|
||||
"local-postcodes", // Menu slug
|
||||
"generate_admin_page", // Callback function
|
||||
"dashicons-buddicons-pm", // Optional icon URL or dashicon
|
||||
);
|
||||
}
|
||||
|
||||
function local_postcodes_register_settings()
|
||||
{
|
||||
register_setting(
|
||||
"my_plugin_options",
|
||||
"local_postcodes_values",
|
||||
"local_postcodes_input_validate",
|
||||
);
|
||||
}
|
||||
|
||||
function generate_admin_page()
|
||||
{
|
||||
?>
|
||||
<div class="wrap">
|
||||
<h1><span class="dashicons dashicons-admin-home"></span> Lokale Postcodereeksen</h1>
|
||||
<?php settings_errors("local_postcodes_error_messages"); ?>
|
||||
<div class="info">
|
||||
<p class="info">Vul hier de lokale postcodereeksen in.</p>
|
||||
<ul>
|
||||
<li>Het formaat voor een reeks is #### - #### (voorbeeld: 5000 - 5199).</li>
|
||||
<li>Plaats één reeks op één regel.</li>
|
||||
<li>Een reeks van 1 is geldig. (voorbeeld: 5000 - 5000)</li>
|
||||
<li>Om een reeks te verwijderen. Wis de reeks en sla vervolgens de wijzigen op.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<form id="postcodes_form" method="post" action="options.php">
|
||||
<?php
|
||||
settings_fields("my_plugin_options");
|
||||
do_settings_sections("my_plugin_options");
|
||||
?>
|
||||
<textarea id="local_postcodes_values" name="local_postcodes_values"><?php echo esc_textarea(
|
||||
get_option("local_postcodes_values"),
|
||||
); ?></textarea>
|
||||
<?php submit_button(); ?>
|
||||
</form>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
|
||||
function local_postcodes_admin_css()
|
||||
{
|
||||
?>
|
||||
<style>
|
||||
h1 .dashicons{
|
||||
font-size: 25px;
|
||||
|
||||
}
|
||||
|
||||
.info {
|
||||
font-size: 1.1rem;
|
||||
max-width: 60ch;
|
||||
|
||||
ul {
|
||||
list-style: square inside;
|
||||
}
|
||||
}
|
||||
|
||||
#postcodes_form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 60ch;
|
||||
align-items: flex-end;
|
||||
font-size: 1.1rem;
|
||||
|
||||
#local_postcodes_values{
|
||||
width: 100% !important;
|
||||
height: 50vh !important;
|
||||
font-size: 1.1rem;
|
||||
font-family: "Consolas", "Monaco", "Courier New", monospace;
|
||||
}
|
||||
|
||||
|
||||
.submit{
|
||||
margin-top: .2rem;
|
||||
}
|
||||
}
|
||||
</style>';
|
||||
<?php
|
||||
}
|
||||
|
||||
function local_postcodes_input_validate($input)
|
||||
{
|
||||
$valid_input = "";
|
||||
$lines = preg_split("/\R/", $input, -1, PREG_SPLIT_NO_EMPTY);
|
||||
$pattern = '/^\d{4}\s*\-\s*\d{4}$/';
|
||||
$pc_arr = [];
|
||||
|
||||
foreach ($lines as $line) {
|
||||
$line = trim($line);
|
||||
if (preg_match($pattern, $line)) {
|
||||
$parts = explode("-", $line);
|
||||
$first = (int) $parts[0];
|
||||
$second = (int) $parts[1];
|
||||
|
||||
if ($first <= $second) {
|
||||
$pc_arr[] = [$first, $second];
|
||||
} else {
|
||||
$pc_arr[] = [$second, $first];
|
||||
}
|
||||
} else {
|
||||
add_settings_error(
|
||||
"local_postcodes_error_messages",
|
||||
"invalid_postcode_" . md5($line),
|
||||
'❌️ Ongeldige regel: "' .
|
||||
esc_html($line) .
|
||||
'". Gebruik het formaat #### - ####.(bijvoorbeeld: 5000 - 5199)',
|
||||
"error",
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
usort($pc_arr, function ($a, $b) {
|
||||
return $a[0] <=> $b[0];
|
||||
});
|
||||
|
||||
$old_pc_arr_len = count($pc_arr);
|
||||
$pc_arr = array_map(
|
||||
"unserialize",
|
||||
array_unique(array_map("serialize", $pc_arr)),
|
||||
);
|
||||
$new_pc_arr_len = count($pc_arr);
|
||||
|
||||
if ($new_pc_arr_len < $old_pc_arr_len) {
|
||||
add_settings_error(
|
||||
"local_postcodes_error_messages",
|
||||
"Duplicaten",
|
||||
// @formatter:off
|
||||
"⚠️ " .
|
||||
$old_pc_arr_len -
|
||||
$new_pc_arr_len .
|
||||
" " .
|
||||
($old_pc_arr_len - $new_pc_arr_len > 1
|
||||
? "duplicaten"
|
||||
: "duplicaat") .
|
||||
" verwijderd.",
|
||||
// @formatter:on
|
||||
"warning",
|
||||
);
|
||||
}
|
||||
|
||||
foreach ($pc_arr as $range) {
|
||||
$valid_input .= $range[0] . " - " . $range[1] . "\n";
|
||||
}
|
||||
|
||||
return $valid_input;
|
||||
}
|
||||
@@ -1,70 +1,127 @@
|
||||
.postcode_modal {
|
||||
border-radius: 20px;
|
||||
box-shadow(10px);
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
max-width: 80ch;
|
||||
box-shadow: 0 0 20pc black;
|
||||
max-width: 65ch;
|
||||
padding: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease, display 0.3s allow-discrete;
|
||||
transition:
|
||||
opacity 0.3s ease,
|
||||
display 0.3s allow-discrete;
|
||||
|
||||
&[open] {
|
||||
opacity: 1;
|
||||
transition-behavior: allow-discrete;
|
||||
transition: opacity 0.3s ease, display 0.3s allow-discrete;
|
||||
}
|
||||
|
||||
&:not([open]) {
|
||||
display: none;
|
||||
opacity: 1;
|
||||
transition-behavior: allow-discrete;
|
||||
transition:
|
||||
opacity 0.3s ease,
|
||||
display 0.3s allow-discrete;
|
||||
@starting-style {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.5rem;
|
||||
margin: .6rem;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
&:not([open]) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
form {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
padding: .3rem;
|
||||
font-size: 1.4rem;
|
||||
caret-color: hsl(344 98 40);
|
||||
padding: 0.3rem;
|
||||
font-size: 1.2rem;
|
||||
caret-color: var(--wp--preset--color--vivid-red);
|
||||
background: hsl(0 1 80);
|
||||
border: none;
|
||||
text-transform: uppercase;
|
||||
|
||||
&:focus,
|
||||
&:valid,
|
||||
&:invalid,
|
||||
&:autofill,
|
||||
&:autofill:focus {
|
||||
background: hsl(0 1 80) !important;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
border: none;
|
||||
font-size: 1.4rem;
|
||||
#postcode_modal_submit {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
place-items: center;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 700;
|
||||
color: hsl(233 100 100);
|
||||
padding: .4rem 1rem;
|
||||
border-radius: 5px;
|
||||
background: hsl(344 98 40);
|
||||
border: 1px hsl(344 98 40) solid;
|
||||
margin: 0 0 0 .3rem;
|
||||
transition: .2s all linear;
|
||||
|
||||
&:hover{
|
||||
color: hsl(344 98 40 );
|
||||
padding: 0.4rem 1rem;
|
||||
background: var(--wp--preset--color--vivid-red);
|
||||
border: 1px var(--wp--preset--color--vivid-red) solid;
|
||||
transition: 0.2s all linear;
|
||||
padding: 0.2em 2.5em;
|
||||
&:hover {
|
||||
color: var(--wp--preset--color--vivid-red);
|
||||
background: hsl(344 98 100);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover > .btn_loader > svg > circle {
|
||||
fill: var(--wp--preset--color--vivid-red);
|
||||
}
|
||||
|
||||
.btn_loader,
|
||||
.btn_text {
|
||||
transition: 0.2s opacity linear;
|
||||
grid-row: 1 / -1;
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
}
|
||||
.form_fields {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
&>{
|
||||
display: flex;
|
||||
}
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
&::backdrop {
|
||||
backdrop-filter: blur(1px);
|
||||
background-color: hsl(40deg 100 0 /0.4);
|
||||
background: radial-gradient(circle,rgba(33, 33, 33, 0.68) 0%, rgba(15, 15, 15, 0.8) 23%, rgba(0, 0, 0, 0.87) 100%);
|
||||
backdrop-filter: blur(2px);
|
||||
background: hsl(0 1 65 / 0.6);
|
||||
}
|
||||
|
||||
.error_message_modal_postcode {
|
||||
min-height: 1lh;
|
||||
color: hsl(344 98 40 );
|
||||
}/* HTML: <div class="loader"></div> */
|
||||
color: var(--wp--preset--color--vivid-red);
|
||||
} /* HTML: <div class="loader"></div> */
|
||||
}
|
||||
|
||||
/* HTML: <div class="loader"></div> */
|
||||
.btn_loader {
|
||||
opacity: 0;
|
||||
svg {
|
||||
height: 0.4rem;
|
||||
}
|
||||
circle {
|
||||
fill: white;
|
||||
transition: 0.2s fill linear;
|
||||
animation: loader-pulse 1.5s ease-in-out infinite;
|
||||
animation-delay: calc((var(--i, 0)) * 0.2s);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes loader-pulse {
|
||||
0%,
|
||||
100% {
|
||||
opacity: 0.3; /* Dim state */
|
||||
}
|
||||
50% {
|
||||
opacity: 1; /* Bright state */
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
<?php
|
||||
|
||||
session_start();
|
||||
require_once "session_dialog.php";
|
||||
require_once plugin_dir_path(__FILE__) . "session_dialog.php";
|
||||
require_once plugin_dir_path(__FILE__) . "admin.php";
|
||||
/*
|
||||
* Plugin Name: prijzen per poscode range
|
||||
* Description: posctcodes in de 5000-5800 range krijgen een lokaal tarief aangeboden.
|
||||
* Plugin Name: Prijzen per poscodeereeks.
|
||||
* Description: Producten worden gefiltered aan de hand van opgegegeven postcodereksen.Klanten met een postcode Die in de opgegegeven postcode reeks vallen zullen een lokale prijs zien. Waar iedereen die niet in de reeks vallen de overige regios prijs te zien krijgt.
|
||||
* Author: Remo Zaros
|
||||
* Version: 0.9.1
|
||||
* Version: 0.9.6
|
||||
* Text Domeain: prijs-per-postcode
|
||||
*/
|
||||
|
||||
@@ -19,15 +19,21 @@ class PrijsPerPostcode
|
||||
{
|
||||
public function __construct()
|
||||
{
|
||||
add_action("init", [$this, "init"]);
|
||||
add_action("init", [$this, "init"], 1);
|
||||
add_action("rest_api_init", "register_modal_api");
|
||||
}
|
||||
|
||||
public function init()
|
||||
{
|
||||
if (session_status() == PHP_SESSION_NONE) {
|
||||
ob_start();
|
||||
@session_start();
|
||||
}
|
||||
$uri = $_SERVER["REQUEST_URI"];
|
||||
add_filter("woocommerce_sale_flash", "__return_null");
|
||||
init_postcode_handlers($uri);
|
||||
init_postode_admin();
|
||||
|
||||
add_filter("woocommerce_sale_flash", "__return_null");
|
||||
|
||||
//add_action("template_redirect", [$this, "redirect_if_missing_tag"]);
|
||||
add_action(
|
||||
@@ -57,6 +63,18 @@ class PrijsPerPostcode
|
||||
$this,
|
||||
"controleer_postcode_op_woocommerce_paginas",
|
||||
]);
|
||||
add_filter(
|
||||
"woocommerce_variation_is_visible",
|
||||
[$this, "filter_variation_by_local_price"],
|
||||
10,
|
||||
4,
|
||||
);
|
||||
add_filter(
|
||||
"gettext",
|
||||
[$this, "change_variation_regular_price_label"],
|
||||
99,
|
||||
3,
|
||||
);
|
||||
}
|
||||
|
||||
public function add_local_price_field($loop, $variation_data, $variation)
|
||||
@@ -155,6 +173,53 @@ class PrijsPerPostcode
|
||||
}
|
||||
return $price_html;
|
||||
}
|
||||
|
||||
function filter_variation_by_local_price(
|
||||
$visible,
|
||||
$variation_id,
|
||||
$parent_id,
|
||||
$variation,
|
||||
) {
|
||||
// Ensure $variation is a valid object
|
||||
if (!$variation instanceof WC_Product_Variation) {
|
||||
$variation = wc_get_product($variation_id);
|
||||
}
|
||||
|
||||
if (!$variation) {
|
||||
return false;
|
||||
}
|
||||
|
||||
$is_local = isset($_SESSION["postcode_is_local"])
|
||||
? $_SESSION["postcode_is_local"]
|
||||
: false;
|
||||
$price = $is_local
|
||||
? $variation->get_meta("_local_price", true)
|
||||
: $variation->get_regular_price();
|
||||
|
||||
if (empty($price) || floatval($price) == 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return $visible;
|
||||
}
|
||||
|
||||
public function change_variation_regular_price_label(
|
||||
$translated_text,
|
||||
$text,
|
||||
$domain,
|
||||
) {
|
||||
if (
|
||||
"woocommerce" === $domain &&
|
||||
is_admin() &&
|
||||
isset($_REQUEST["action"]) &&
|
||||
"woocommerce_load_variations" === $_REQUEST["action"]
|
||||
) {
|
||||
if ($translated_text === "Reguliere prijs (%s)") {
|
||||
$translated_text = "Prijs overige regios (%s)";
|
||||
}
|
||||
}
|
||||
return $translated_text;
|
||||
}
|
||||
}
|
||||
|
||||
new PrijsPerPostcode();
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<?php
|
||||
|
||||
session_start();
|
||||
function init_postcode_handlers($uri)
|
||||
{
|
||||
if (strpos($uri, "/winkel/") !== false) {
|
||||
@@ -25,113 +24,165 @@ function modal_styles()
|
||||
wp_enqueue_style(
|
||||
"prijs-per-postcode",
|
||||
plugins_url("/assets/postcode_modal.css", __FILE__),
|
||||
[], // Voeg een lege dependencies array toe (verplicht)
|
||||
filemtime(plugin_dir_path(__FILE__) . "assets/postcode_modal.css"), // Voeg versie toe
|
||||
);
|
||||
}
|
||||
|
||||
function show_modal()
|
||||
{
|
||||
?>
|
||||
<script id="postcode_modal">
|
||||
echo <<<'HTML'
|
||||
<script id="postcode_modal_open">
|
||||
const postcodeModal = document.querySelector("#postcode_modal");
|
||||
postcodeModal.showModal();
|
||||
</script>
|
||||
<?php
|
||||
HTML;
|
||||
}
|
||||
|
||||
function send_postcode_data()
|
||||
{
|
||||
?>
|
||||
$URL = get_rest_url(null, "postcode-modal/v1/submit");
|
||||
$nonce = wp_create_nonce("wp_rest");
|
||||
|
||||
echo <<<HTML
|
||||
<script type="module">
|
||||
const postcodeModal = document.querySelector("#postcode_modal");
|
||||
const modalForm = document.querySelector("#postcode_modal_form");
|
||||
const sndBtn = document.querySelector("#postcode_modal_submit");
|
||||
const sndBtnLdr = sndBtn.querySelector(".btn_loader");
|
||||
const sndBtnTxt = sndBtn.querySelector(".btn_text");
|
||||
const errorMsg = document.querySelector("#error_message_modal_postcode");
|
||||
|
||||
// 1. Validatie bij blur (client-side checks)
|
||||
modalForm.querySelectorAll("input").forEach(input => {
|
||||
input.addEventListener("blur", ev => {
|
||||
errorMsg.innerHTML = "";
|
||||
if (!ev.target.validity.valid && ev.target.value !== "") {
|
||||
errorMsg.innerHTML = ev.target.title;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 2. Submit Handler
|
||||
modalForm.addEventListener('submit', async (e) => {
|
||||
e.preventDefault();
|
||||
errorMsg.innerHTML = "";
|
||||
|
||||
// UI: Laadstatus
|
||||
sndBtn.disabled = true;
|
||||
sndBtnLdr.style.opacity = "1";
|
||||
sndBtnTxt.style.opacity = "0";
|
||||
|
||||
const formData = new FormData(e.target);
|
||||
const data = Object.fromEntries(formData.entries());
|
||||
const json = JSON.stringify(data);
|
||||
const payload = Object.fromEntries(formData.entries());
|
||||
|
||||
try {
|
||||
const resp = await fetch('<?php echo get_rest_url(
|
||||
null,
|
||||
"postcode-modal/v1/submit",
|
||||
); ?>', {
|
||||
method: 'POST',
|
||||
credentials: 'same-origin',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'X-WP-Nonce': '<?php echo wp_create_nonce("wp_rest"); ?>'
|
||||
},
|
||||
body: json
|
||||
});
|
||||
const resp = await fetch('{$URL}', {
|
||||
method: 'POST',
|
||||
credentials: 'same-origin',
|
||||
|
||||
if(!resp.ok){
|
||||
throw new Error(`HTTP Error! status: ${resp.status}` );
|
||||
}
|
||||
const data = await resp.json();
|
||||
console.log("Data returnd", data);
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'X-WP-Nonce': '{$nonce}'
|
||||
},
|
||||
body: JSON.stringify(payload)
|
||||
});
|
||||
|
||||
if (data.status === "error"){
|
||||
const err = data.message;
|
||||
let errmsg
|
||||
// Parse altijd eerst de JSON, zelfs bij HTTP fouten
|
||||
const data = await resp.json();
|
||||
|
||||
switch (err) {
|
||||
case "Huisnummer not found":
|
||||
errmsg = "Adres niet gevonden.";
|
||||
break;
|
||||
case "Multiple addresses match this huisnummer; add huisletter and/or huisnummertoevoeging":
|
||||
errmsg = "Huisnummertovoeging mist.";
|
||||
break;
|
||||
default:
|
||||
errmsg = "Gegevens niet correct.";
|
||||
}
|
||||
document.querySelector("#error_message_modal_postcode").innerHTML = errmsg;
|
||||
}
|
||||
// UI: Reset knop
|
||||
sndBtn.disabled = false;
|
||||
sndBtnLdr.style.opacity = "0";
|
||||
sndBtnTxt.style.opacity = "1";
|
||||
|
||||
if (data.status === "success"){
|
||||
postcodeModal.close();
|
||||
//location.reload();
|
||||
}
|
||||
}catch(err){
|
||||
console.error("Fetch Failed:", err);
|
||||
throw err;
|
||||
if (data.status === "error") {
|
||||
const errorCode = data.code; // Komt nu correct door vanuit PHP
|
||||
const apiMessage = data.message;
|
||||
|
||||
let userErrorMessage = "Gegevens zijn niet correct.";
|
||||
|
||||
// Specifieke foutafhandeling
|
||||
if (errorCode === "HUISNUMMER_NOT_FOUND" || apiMessage.includes("not found")) {
|
||||
userErrorMessage = "Adres is niet gevonden.";
|
||||
}
|
||||
else if (errorCode === "HUISNUMMER_AMBIGUOUS") {
|
||||
const suggestions = data.suggestions || [];
|
||||
if (suggestions.length > 0) {
|
||||
userErrorMessage = `Meerdere opties: \${suggestions.join(", ")}. Voeg een toevoeging toe.`;
|
||||
} else {
|
||||
userErrorMessage = "Huisnummertoevoeging is verplicht.";
|
||||
}
|
||||
}
|
||||
else if (errorCode === "CURL_ERROR" || errorCode === "JSON_ERROR") {
|
||||
userErrorMessage = "Serverfout. Probeer het later opnieuw.";
|
||||
}
|
||||
|
||||
errorMsg.innerHTML = userErrorMessage;
|
||||
}
|
||||
|
||||
if (data.status === "success") {
|
||||
// Succes: Modal sluiten en eventueel reload of update
|
||||
postcodeModal.close();
|
||||
// Optioneel: location.reload(); of update de pagina content
|
||||
}
|
||||
|
||||
} catch (err) {
|
||||
sndBtn.disabled = false;
|
||||
sndBtnLdr.style.opacity = "0";
|
||||
sndBtnTxt.style.opacity = "1";
|
||||
errorMsg.innerHTML = "Er ging iets mis bij het verbinden.";
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<?php
|
||||
HTML;
|
||||
}
|
||||
|
||||
function render_dialog_html()
|
||||
{
|
||||
?>
|
||||
echo <<<'HTML'
|
||||
<dialog id="postcode_modal" class="postcode_modal" closedby="none">
|
||||
<h2>Vul je postcode en huisnummer in.</h2>
|
||||
<form id="postcode_modal_form" method="post" action="" novalidation>
|
||||
<p>Onze prijzen zijn afhankelijk van de regio. Vul daarom de postcode en het huisnummer in om de exacte prijzen te bekijken.</p>
|
||||
<form id="postcode_modal_form" method="post" action="" novalidate>
|
||||
<div class="form_fields">
|
||||
<div>
|
||||
<input type="text" name="postcode"
|
||||
title="Voer een geldige Nederlandse postcode in (bijv. 1234AB of 1234 AB)."
|
||||
<!-- Dutch Postcode Field -->
|
||||
<input
|
||||
type="text"
|
||||
name="postcode"
|
||||
title="Voer een geldige postcode in (bijv. 1234AB of 1234 AB)."
|
||||
pattern="[1-9][0-9]{3} ?(?!sa|sd|ss)[a-zA-Z]{2}"
|
||||
placeholder= "1010 AA"
|
||||
size="10"
|
||||
placeholder="5010 AA"
|
||||
size="8"
|
||||
required
|
||||
autocomplete="off"
|
||||
/>
|
||||
|
||||
<input type="text" name="huisnummer"
|
||||
pattern="/\d+([-\\s]?[a-zA-Z]+)?/"
|
||||
title="Voer een geldig huisnummer in (bijv. 1, 1A, 1-A, 1a)."
|
||||
placeholder= "12A"
|
||||
size="5"
|
||||
<!-- House Number Field -->
|
||||
<input
|
||||
type="text"
|
||||
name="huisnummer"
|
||||
title="Voer een geldig huisnummer in (bijv. 1, 1A, 1-A)."
|
||||
pattern="\d+([\- ]?[a-zA-Z]+)?"
|
||||
placeholder="10"
|
||||
size="3"
|
||||
required
|
||||
autocomplete="off"
|
||||
/>
|
||||
<button id="postcode_modal_submit" type="submit"><span class="btn_text">OK</span>
|
||||
<div class="btn_loader">
|
||||
<svg viewBox="0 0 128 30" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle style="--i:0" cx="14" cy="15" r="14" />
|
||||
<circle style="--i:1" cx="64" cy="15" r="14" />
|
||||
<circle style="--i:2" cx="114" cy="15" r="14" />
|
||||
</svg>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
<button id="postcode_modal_submit" type="submit">verzend</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="error_message_modal_postcode" id="error_message_modal_postcode" aria-live="polite"></div>
|
||||
<div class="loader_modal"></div>
|
||||
</dialog>
|
||||
<?php
|
||||
HTML;
|
||||
}
|
||||
|
||||
function has_postcode()
|
||||
@@ -147,64 +198,99 @@ function handle_postcode_modal($data)
|
||||
$params = $data->get_params();
|
||||
$nonce = $data->get_header("X-WP-Nonce");
|
||||
|
||||
if (wp_verify_nonce($nonce, "wp_rest")) {
|
||||
if (!verify_postcode($params["postcode"])) {
|
||||
$resp = [
|
||||
"status" => "error",
|
||||
"message" => "postcode",
|
||||
];
|
||||
echo json_encode($resp);
|
||||
exit();
|
||||
}
|
||||
|
||||
if (!verify_huisnummer($params["huisnummer"])) {
|
||||
$resp = [
|
||||
"status" => "error",
|
||||
"message" => "huisnummer",
|
||||
];
|
||||
echo json_encode($resp);
|
||||
exit();
|
||||
}
|
||||
|
||||
$result = getStraatnaam($params["postcode"], $params["huisnummer"]);
|
||||
if (isset($result["error"])) {
|
||||
$resp = [
|
||||
"status" => "error",
|
||||
"message" => $result["error"],
|
||||
"apirequest" => "openpostcode.nl",
|
||||
];
|
||||
echo json_encode($resp);
|
||||
exit();
|
||||
}
|
||||
|
||||
$_SESSION["postcode"] = $params["postcode"];
|
||||
$_SESSION["huisnummer"] = $params["huisnummer"];
|
||||
$_SESSION["straatnaam"] = $result["straatnaam"];
|
||||
$_SESSION["woonplaats"] = $result["woonplaats"];
|
||||
|
||||
$_SESSION["postcode_is_local"] = postcode_in_range(
|
||||
$params["postcode"],
|
||||
5000,
|
||||
5800,
|
||||
);
|
||||
|
||||
$resp = [
|
||||
"status" => "success",
|
||||
"message" => "all good",
|
||||
"straatnaam" => $result["straatnaam"],
|
||||
"lokaal_trarief" => postcode_in_range(
|
||||
$params["postcode"],
|
||||
5000,
|
||||
5800,
|
||||
),
|
||||
];
|
||||
} else {
|
||||
$resp = [
|
||||
"status" => "error",
|
||||
"message" => "nononce",
|
||||
];
|
||||
// 1. Security
|
||||
if (!wp_verify_nonce($nonce, "wp_rest")) {
|
||||
echo json_encode(["status" => "error", "message" => "nononce"]);
|
||||
exit();
|
||||
}
|
||||
echo json_encode($resp);
|
||||
|
||||
// 2. Basis Validatie
|
||||
if (!verify_postcode($params["postcode"])) {
|
||||
echo json_encode(["status" => "error", "message" => "postcode"]);
|
||||
exit();
|
||||
}
|
||||
if (!verify_huisnummer($params["huisnummer"])) {
|
||||
echo json_encode(["status" => "error", "message" => "huisnummer"]);
|
||||
exit();
|
||||
}
|
||||
|
||||
// 3. API Call (Ruwe data)
|
||||
$result = getStraatnaam($params["postcode"], $params["huisnummer"]);
|
||||
|
||||
// 4. Validatie & Logic
|
||||
$hasError = isset($result["error"]);
|
||||
$errorCode = null;
|
||||
$errorMessage = null;
|
||||
$candidates = [];
|
||||
$straatnaam = null;
|
||||
$woonplaats = null;
|
||||
|
||||
if ($hasError) {
|
||||
$errorCode = $result["error"]["code"] ?? "UNKNOWN_ERROR";
|
||||
$errorMessage = $result["error"]["message"] ?? "Onbekende fout";
|
||||
$candidates = $result["error"]["details"]["candidates"] ?? [];
|
||||
|
||||
// SPECIAL CASE: HUISNUMMER_AMBIGUOUS
|
||||
if ($errorCode === "HUISNUMMER_AMBIGUOUS" && !empty($candidates)) {
|
||||
$plainMatch = null;
|
||||
|
||||
// Zoek naar candidate ZONDER toevoeging
|
||||
foreach ($candidates as $candidate) {
|
||||
if (
|
||||
empty($candidate["huisletter"]) &&
|
||||
empty($candidate["huisnummertoevoeging"])
|
||||
) {
|
||||
$plainMatch = $candidate;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// Als we een 'platte' match hebben (bijv. 15), dan is het SUCCES
|
||||
if ($plainMatch) {
|
||||
$hasError = false; // Negeer de error
|
||||
$straatnaam = $plainMatch["straat"];
|
||||
$woonplaats = $plainMatch["woonplaats"];
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// Normaal succes (geen error in response)
|
||||
if (!empty($result["results"])) {
|
||||
$straatnaam = $result["results"][0]["straat"];
|
||||
$woonplaats = $result["results"][0]["woonplaats"];
|
||||
} else {
|
||||
// Edge case: geen error veld, maar ook geen results
|
||||
$hasError = true;
|
||||
$errorCode = "NO_RESULTS";
|
||||
$errorMessage = "Adres niet gevonden";
|
||||
}
|
||||
}
|
||||
|
||||
// 5. Response sturen
|
||||
if ($hasError) {
|
||||
echo json_encode([
|
||||
"status" => "error",
|
||||
"code" => $errorCode,
|
||||
"message" => $errorMessage,
|
||||
"suggestions" => $result["error"]["details"]["suggestions"] ?? [],
|
||||
"apirequest" => "openpostcode.nl",
|
||||
]);
|
||||
exit();
|
||||
}
|
||||
|
||||
// 6. Succes: Sessie opslaan & response
|
||||
$_SESSION["postcode"] = $params["postcode"];
|
||||
$_SESSION["huisnummer"] = $params["huisnummer"];
|
||||
$_SESSION["straatnaam"] = $straatnaam;
|
||||
$_SESSION["woonplaats"] = $woonplaats;
|
||||
$_SESSION["postcode_is_local"] = postcode_in_range($params["postcode"]);
|
||||
|
||||
echo json_encode([
|
||||
"status" => "success",
|
||||
"message" => "all good",
|
||||
"straatnaam" => $straatnaam,
|
||||
"woonplaats" => $woonplaats,
|
||||
"lokaal_tarief" => postcode_in_range($params["postcode"]),
|
||||
]);
|
||||
exit();
|
||||
}
|
||||
|
||||
@@ -247,31 +333,45 @@ function getStraatnaam($postcode, $huisnummer)
|
||||
curl_setopt($ch, CURLOPT_USERAGENT, "PHP/OpenPostcodeClient");
|
||||
|
||||
$response = curl_exec($ch);
|
||||
$httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
|
||||
|
||||
if (curl_error($ch)) {
|
||||
curl_close($ch);
|
||||
return ["error" => "cURL error: " . curl_error($ch)];
|
||||
return [
|
||||
"error" => ["code" => "CURL_ERROR", "message" => curl_error($ch)],
|
||||
];
|
||||
}
|
||||
|
||||
curl_close($ch);
|
||||
|
||||
// Decodeer als associatieve array (true)
|
||||
$data = json_decode($response, true);
|
||||
|
||||
if (isset($data["error"])) {
|
||||
// Als JSON decode faalt
|
||||
if (json_last_error() !== JSON_ERROR_NONE) {
|
||||
return [
|
||||
"error" => $data["error"]["message"],
|
||||
"code" => $data["error"]["code"],
|
||||
"error" => [
|
||||
"code" => "JSON_ERROR",
|
||||
"message" => "Invalid JSON response",
|
||||
],
|
||||
];
|
||||
}
|
||||
|
||||
return [
|
||||
"straatnaam" => $data["results"][0]["straat"],
|
||||
"woonplaats" => $data["results"][0]["woonplaats"],
|
||||
];
|
||||
// Geef de RUWE response terug (inclusief meta, error, results, etc.)
|
||||
return $data;
|
||||
}
|
||||
|
||||
function postcode_in_range($postcode, $start, $end)
|
||||
function postcode_in_range($postcode)
|
||||
{
|
||||
$vals = get_option("local_postcodes_values", "");
|
||||
$rows = preg_split("/\R/", $vals, -1, PREG_SPLIT_NO_EMPTY);
|
||||
$pc_arr = [];
|
||||
|
||||
foreach ($rows as $row) {
|
||||
$row = trim($row);
|
||||
$postcode_range = explode("-", $row);
|
||||
$pc_arr[] = [(int) $postcode_range[0], (int) $postcode_range[1]];
|
||||
}
|
||||
$cleanPostcode = strtoupper(preg_replace("/\s+/", "", $postcode));
|
||||
|
||||
if (!preg_match('/^\d{4}[A-Z]{2}$/', $cleanPostcode)) {
|
||||
@@ -280,7 +380,12 @@ function postcode_in_range($postcode, $start, $end)
|
||||
|
||||
$numberPart = (int) substr($cleanPostcode, 0, 4);
|
||||
|
||||
return $numberPart >= $start && $numberPart <= $end;
|
||||
foreach ($pc_arr as $pc_to_check) {
|
||||
if ($numberPart >= $pc_to_check[0] && $numberPart <= $pc_to_check[1]) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function modify_checkout_with_js()
|
||||
@@ -300,63 +405,63 @@ function modify_checkout_with_js()
|
||||
);
|
||||
$address =
|
||||
$_SESSION["straatnaam"] . " " . strtoupper($_SESSION["huisnummer"]);
|
||||
// Output the JavaScript
|
||||
?>
|
||||
<script type="text/javascript" id="fill_address_fields">
|
||||
jQuery(document).ready(function($) {
|
||||
fillCheckoutFields();
|
||||
$(document.body).on('updated_checkout', fillCheckoutFields);
|
||||
});
|
||||
|
||||
function fillCheckoutFields() {
|
||||
if (typeof wp !== 'undefined' && wp.data && wp.data.dispatch) {
|
||||
const store = 'wc/store/cart';
|
||||
echo <<<HTML
|
||||
<script type="text/javascript" id="fill_address_fields">
|
||||
jQuery(document).ready(function(\$) {
|
||||
fillCheckoutFields();
|
||||
\$(document.body).on('updated_checkout', fillCheckoutFields);
|
||||
});
|
||||
|
||||
wp.data.dispatch(store).setShippingAddress({
|
||||
first_name: '',
|
||||
last_name: '',
|
||||
address_1: '<?php echo esc_js($address); ?>',
|
||||
address_2: '',
|
||||
city: '<?php echo esc_js($woonplaats); ?>',
|
||||
state: '',
|
||||
postcode: '<?php echo esc_js($postcode); ?>',
|
||||
country: 'NL',
|
||||
phone: '',
|
||||
email: ''
|
||||
});
|
||||
function fillCheckoutFields() {
|
||||
if (typeof wp !== 'undefined' && wp.data && wp.data.dispatch) {
|
||||
const store = 'wc/store/cart';
|
||||
|
||||
//make fields READONLY and ppstcode reset.
|
||||
setTimeout(() => {
|
||||
// make prefilled fiields readonly.
|
||||
$('#shipping-postcode, #shipping-city, #shipping-address_1')
|
||||
.prop('readonly', true)
|
||||
.css('background', '#f9f9f9');
|
||||
wp.data.dispatch(store).setShippingAddress({
|
||||
first_name: '',
|
||||
last_name: '',
|
||||
address_1: '{$address}',
|
||||
address_2: '',
|
||||
city: '{$woonplaats}',
|
||||
state: '',
|
||||
postcode: '{$postcode}',
|
||||
country: 'NL',
|
||||
phone: '',
|
||||
email: ''
|
||||
});
|
||||
|
||||
// create postcode reset button
|
||||
const div = document.createElement("div");
|
||||
const script = document.createElement('script');
|
||||
div.setAttribute("class", "postcode-reset")
|
||||
div.innerHTML = `
|
||||
<a href="#" class="reset-postcode-show-comfirm" >Reset postcode.</a>
|
||||
<span class="bevestiging"> Weet je het zeker?
|
||||
<a href="#" class="accept">ja</a>/<a href="#" class="decline">nee</a>
|
||||
(Deze handeling leegt de winkelwagen.)
|
||||
</span> `;
|
||||
div.style.width = "100%";
|
||||
document.querySelector(".wc-block-components-address-form__city").after(div);
|
||||
}, 500);
|
||||
//make fields READONLY and ppstcode reset.
|
||||
setTimeout(() => {
|
||||
// make prefilled fiields readonly.
|
||||
\$('#shipping-postcode, #shipping-city, #shipping-address_1')
|
||||
.prop('readonly', true)
|
||||
.css('background', '#f9f9f9');
|
||||
|
||||
// create postcode reset button
|
||||
const div = document.createElement("div");
|
||||
div.setAttribute("class", "postcode-reset")
|
||||
div.innerHTML = `
|
||||
<a href="#" class="reset-postcode-show-comfirm" >Reset postcode.</a>
|
||||
<span class="bevestiging"> Deze handeling leegt ook de winkelwagen. Weet je het zeker?
|
||||
<a href="#" class="accept"> JA </a>/<a href="#" class="decline"> nee </a>
|
||||
</span> `;
|
||||
div.style.width = "100%";
|
||||
document.querySelector(".wc-block-components-address-form__city").after(div);
|
||||
}, 500);
|
||||
|
||||
|
||||
jQuery(document.body).trigger('update_checkout');
|
||||
} else {
|
||||
console.error('WooCommerce Blocks API is niet beschikbaar');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<?php
|
||||
jQuery(document.body).trigger('update_checkout');
|
||||
} else {
|
||||
console.error('WooCommerce Blocks API is niet beschikbaar');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
HTML;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function load_assets_reset_postcode_on_checkout()
|
||||
{
|
||||
if (is_checkout() && !is_wc_endpoint_url()) {
|
||||
|
||||
Reference in New Issue
Block a user