From 60bd9bf61e4d1f3fb3925807ca754f89743cfade Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Mon, 30 Nov 2015 18:20:38 -0500
Subject: country updates when u pick state

---
 StoneIsland/www/index.html                |  4 ++--
 StoneIsland/www/js/lib/nav/AddressView.js | 16 ++++++++++++++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html
index 516a8ff1..3d84d4dc 100644
--- a/StoneIsland/www/index.html
+++ b/StoneIsland/www/index.html
@@ -945,7 +945,7 @@
         <option value="WV">West Virginia</option>
         <option value="WI">Wisconsin</option>
         <option value="WY">Wyoming</option>
-        <option disabled>──────────</option>
+        <option disabled>_________________</option>
         <option value="AB">Alberta</option>
         <option value="BC">British Columbia</option>
         <option value="MB">Manitoba</option>
@@ -965,7 +965,7 @@
   <div class="half-input">
     <input type="text" name="ZipCode" placeholder="ZIP" required>
     <div class="country-wrapper-static">
-      UNITED STATES
+      <span class="country-label">UNITED STATES</span>
 <!-- 
       <div id="country-select">
         <input type="text" name="Country" placeholder="UNITED STATES" required>
diff --git a/StoneIsland/www/js/lib/nav/AddressView.js b/StoneIsland/www/js/lib/nav/AddressView.js
index 31e9d802..ad5745fb 100644
--- a/StoneIsland/www/js/lib/nav/AddressView.js
+++ b/StoneIsland/www/js/lib/nav/AddressView.js
@@ -6,6 +6,7 @@ var AddressView = SerializableView.extend({
   disabled: false,
   
   events: {
+    "change [name=Province]": 'update_country',
   },
   
   initialize: function(opt){
@@ -22,6 +23,7 @@ var AddressView = SerializableView.extend({
     data.Address2 = address[1]
     this.$(".address input").val("")
     this.load_data(data)
+    this.update_country()
   },
   
   validate_presence: {
@@ -43,8 +45,22 @@ var AddressView = SerializableView.extend({
     delete data.Address2
   },
 
+  update_country: function(){
+    var state = this.$("[name=Province]").val()
+      console.log(state)
+    if (CANADIAN_LOOKUP[state]) {
+      this.$(".country-label").html("CANADA")
+    }
+    else {
+      this.$(".country-label").html("UNITED STATES")
+    }
+  },
+
 })
 
+var CANADIAN_PROVINCES = "AB BC MB NB NL NS NT NU ON PE SK QC YT".split(" ")
+var CANADIAN_LOOKUP = {}
+CANADIAN_PROVINCES.forEach(function(k){ CANADIAN_LOOKUP[k] = true })
 
 var COUNTRIES = [
   ['Country Name', 'NONE'],
-- 
cgit v1.2.3-70-g09d2