From 6eb2e028e0cceb3dafb38c435ab33a0aad26a10d Mon Sep 17 00:00:00 2001
From: Skylar Ittner <skylar@netsyms.com>
Date: Wed, 18 Mar 2020 15:43:58 -0600
Subject: [PATCH] Add support for addresses with letters in number (close #32)

---
 www/assets/js/add.js | 14 ++++++++++++++
 www/pages/add.html   | 19 ++++++++++++++-----
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/www/assets/js/add.js b/www/assets/js/add.js
index 5dc261f..aa22cf2 100644
--- a/www/assets/js/add.js
+++ b/www/assets/js/add.js
@@ -115,4 +115,18 @@ if (inStorage("zipcode") && getStorage("zipcode").trim() != "") {
     if (inStorage("citystate") && /^.+ [0-9]{5}$/.test(getStorage("citystate"))) {
         $("input[name=zipcode]").val(getStorage("citystate").split(" ").pop());
     }
+}
+
+function toggleLettersInAddressNumber() {
+    if ($("#address-has-letters-checkbox").prop("checked")) {
+        // disallow
+        $("#address-has-letters-checkbox").prop("checked", false);
+        $("#housenumberinput").attr("type", "number");
+        $("#housenumberinput").attr("placeholder", "1234");
+    } else {
+        // allow
+        $("#address-has-letters-checkbox").prop("checked", true);
+        $("#housenumberinput").attr("type", "text");
+        $("#housenumberinput").attr("placeholder", "1A2B3");
+    }
 }
\ No newline at end of file
diff --git a/www/pages/add.html b/www/pages/add.html
index f634fba..2c53270 100644
--- a/www/pages/add.html
+++ b/www/pages/add.html
@@ -14,12 +14,21 @@
                 </a>
             </div>
             <div class="title">Add Items</div>
-            <!--<div class="right">
-                <a class="link" id="addpackagebtn">
-                    <i class="icon fas fa-plus"></i>
-                    <span>Add</span>
+            <div class="right">
+                <a class="link popover-open" data-popover="#popover-add-options">
+                    <i class="icon material-icons">more_vert</i>
                 </a>
-            </div>-->
+            </div>
+        </div>
+    </div>
+    
+    <div class="popover" id="popover-add-options">
+        <div class="popover-inner">
+            <div class="list">
+                <ul>
+                    <li><a class="list-button item-link popover-close" href="" onclick="toggleLettersInAddressNumber()"><label class="checkbox"><input type="checkbox" id="address-has-letters-checkbox"><i class="icon-checkbox"></i></label> Address contains letters</a></li>
+                </ul>
+            </div>
         </div>
     </div>