From 8a55d4db222b6ec0587461492e322332631e9350 Mon Sep 17 00:00:00 2001 From: Stephen Paul Weber Date: Mon, 17 Jun 2024 09:32:28 -0500 Subject: [PATCH] Require attentation of compatibility if ordering without PCSC --- views/esim_adapter.slim | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/views/esim_adapter.slim b/views/esim_adapter.slim index 664dbedbc3f7c5ec312b6031e074bd82568ae92b..2ec5c4e81ec9e1dcbe04af3138ff907723bd4321 100644 --- a/views/esim_adapter.slim +++ b/views/esim_adapter.slim @@ -31,6 +31,11 @@ } }); + document.querySelector("input[name=pcsc_quantity]").addEventListener("change", (e) => { + document.querySelector("#compatible").style.display = e.target.value < 1 ? "flex" : "none"; + document.querySelector("#compatible input").required = e.target.value < 1; + }); + country.trigger("change", document.querySelector("select[name=country-name]").value); }); @@ -66,6 +71,9 @@ scss: padding: 0.5em; font-size: 1.2em; } + #compatible input { + flex: 0 0 2em; + } } .htmx-indicator { margin-top: 1em; @@ -117,6 +125,10 @@ section data-hx-get="/esim-adapter/total" data-hx-trigger="input delay:1s,change input type="hidden" name="atfd" value=antifraud input type="hidden" name="braintree_nonce" + label.half#compatible + span I have verified that my Android device is compatible with the app + input type="checkbox" required=true + button Place Order javascript: