Create PhoneInput macro for phone and ext form fields

2018-10-31 15:40:07 -04:00
parent 8b9fe61a94
commit b13ba188bf
4 changed files with 20 additions and 31 deletions
--- a/templates/components/phone_input.html
+++ b/templates/components/phone_input.html
@@ -0,0 +1,12 @@
+{% from "components/text_input.html" import TextInput %}
+
+{% macro PhoneInput(phone_number, phone_ext, placeholder_phone="") %}
+  <div class='phone-input'>
+      <div class='phone-input__phone'>
+        {{ TextInput(phone_number, placeholder=placeholder_phone, validation='usPhone') }}
+      </div>
+      <div class='phone-input__extension'>
+        {{ TextInput(phone_ext)}}
+      </div>
+  </div>
+{%- endmacro %}