From 5e83c482c7b6eef437c7892bc543f99e15136d79 Mon Sep 17 00:00:00 2001
From: tworrall <tlw72@cornell.edu>
Date: Wed, 30 Oct 2013 11:35:52 -0400
Subject: [PATCH] VIVO-439 mailing address update

---
 .../propStatement-mailingAddress.ftl          | 18 +++++--
 .../edit/forms/js/mailingAddressUtils.js      | 51 +++++++++++++++++++
 .../edit/forms/subjectHasMailingAddress.ftl   | 19 +++++--
 3 files changed, 80 insertions(+), 8 deletions(-)
 create mode 100644 productMods/templates/freemarker/edit/forms/js/mailingAddressUtils.js

diff --git a/productMods/templates/freemarker/body/partials/individual/propStatement-mailingAddress.ftl b/productMods/templates/freemarker/body/partials/individual/propStatement-mailingAddress.ftl
index f5a45eec..5b18d090 100644
--- a/productMods/templates/freemarker/body/partials/individual/propStatement-mailingAddress.ftl
+++ b/productMods/templates/freemarker/body/partials/individual/propStatement-mailingAddress.ftl
@@ -13,9 +13,17 @@
 <#macro showAddress statement>
  
     <#if statement.street?has_content>
-        <p class="address-line">
-            ${statement.street}
-        </p>
+        <#if statement.street?contains(";") >
+            <#list statement.street?split("; ") as lines>
+                <p class="address-line">
+                    ${lines}
+                </p>
+            </#list>
+        <#else>
+            <p class="address-line">
+                ${statement.street}
+            </p>
+        </#if>
     </#if>    
 
     <#if ( statement.country?has_content && (statement.country == "US" || statement.country?contains("United States") || statement.country?contains("U.S.") || statement.country?contains("U.S.A.") || statement.country?contains("USA")))>
@@ -23,7 +31,7 @@
         <#local cityStateZip><@s.join [ cityState!, statement.postalCode!], "&nbsp;" /></#local>
         <#if cityStateZip?has_content>
             <p class="address-line">${cityStateZip}</p>
-            <p class="address-line">${statement.country!}</p>
+            <p class="address-line" style="float:left; padding-right:20px">${statement.country!}</p>
      	</#if>
     <#else>        
         <#if statement.locality?has_content>
@@ -42,7 +50,7 @@
             </p>
         </#if>    
         <#if statement.country?has_content>
-            <p class="address-line">
+            <p class="address-line" style="float:left; padding-right:20px">
                 ${statement.country}
             </p>
         </#if>
diff --git a/productMods/templates/freemarker/edit/forms/js/mailingAddressUtils.js b/productMods/templates/freemarker/edit/forms/js/mailingAddressUtils.js
new file mode 100644
index 00000000..d2104330
--- /dev/null
+++ b/productMods/templates/freemarker/edit/forms/js/mailingAddressUtils.js
@@ -0,0 +1,51 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+
+var mailingAddressUtils = {
+
+    onLoad: function(editMode) {
+        this.initObjectReferences();                 
+        this.bindEventListeners();
+        
+        if ( editMode != "add" ) {
+            this.setStreetAddressDisplayFields();
+        }
+    },
+
+    initObjectReferences: function() {
+    
+        this.form = $('#personHasMailingAddress');
+        this.street1 = $('#streetAddressOne');
+        this.street2 = $('#streetAddressTwo');
+        this.streetAddress = $('#streetAddress');
+
+    },
+    
+    bindEventListeners: function() {
+        this.idCache = {};
+        
+        this.form.submit(function() {
+            mailingAddressUtils.setStreetAddressField();
+        }); 
+        
+    },
+
+    // the vcard only has one address field, so combine the two 
+    // displayed addresses into the hidden field which gets asserted in the N3
+    setStreetAddressField: function() {
+        var tempString = this.street1.val() + "; " + this.street2.val();
+        this.streetAddress.val(tempString);
+    },
+
+    // in edit mode, take the asserted streetAddress value and parse it into
+    // the two displayed address fields
+    setStreetAddressDisplayFields: function() {
+        var tempString = this.streetAddress.val();
+        var lineOne = tempString.substring(0,tempString.lastIndexOf(";"));
+        var lineTwo = tempString.substring(tempString.lastIndexOf(";") + 2);
+        
+        this.street1.val(lineOne);
+        this.street2.val(lineTwo);
+    }
+    
+}
\ No newline at end of file
diff --git a/productMods/templates/freemarker/edit/forms/subjectHasMailingAddress.ftl b/productMods/templates/freemarker/edit/forms/subjectHasMailingAddress.ftl
index 99236069..e44041ea 100644
--- a/productMods/templates/freemarker/edit/forms/subjectHasMailingAddress.ftl
+++ b/productMods/templates/freemarker/edit/forms/subjectHasMailingAddress.ftl
@@ -68,13 +68,19 @@
 
 <section id="personHasMailingAddress" role="region">        
     
-    <form id="personHasMailingAddress" class="customForm noIE67" action="${submitUrl}"  role="add/edit educational training">
+    <form id="personHasMailingAddress" class="customForm noIE67" action="${submitUrl}"  role="add/edit mailing address">
 
         <p>
-            <label for="streetAddress">${i18n().street_address} ${requiredHint}</label>
-            <input  size="50"  type="text" id="streetAddress" name="streetAddress" value="${streetAddressValue}" />
+            <label for="streetAddress">${i18n().street_address} 1 ${requiredHint}</label>
+            <input  size="40"  type="text" id="streetAddressOne" name="streetAddressOne" value="" />
         </p>
     
+        <p>
+            <label for="streetAddress">${i18n().street_address} 2 ${requiredHint}</label>
+            <input  size="40"  type="text" id="streetAddressTwo" name="streetAddressTwo" value="" />
+            <input  type="hidden" id="streetAddress" name="streetAddress" value="${streetAddressValue}" />
+        </p>
+
         <p>
             <label for="locality">${i18n().city_locality} ${requiredHint}</label>
             <input  size="40"  type="text" id="city" name="locality" value="${localityValue}" />
@@ -107,6 +113,12 @@
     </form>
 
 </section>
+
+<script type="text/javascript">
+ $(document).ready(function(){
+    mailingAddressUtils.onLoad('${editMode}');
+}); 
+</script>
  
 ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/js/jquery-ui/css/smoothness/jquery-ui-1.8.9.custom.css" />')}
 ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/templates/freemarker/edit/forms/css/customForm.css" />')}
@@ -114,6 +126,7 @@ ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/templates/freemarke
 
 ${scripts.add('<script type="text/javascript" src="${urls.base}/js/jquery-ui/js/jquery-ui-1.8.9.custom.min.js"></script>',
              '<script type="text/javascript" src="${urls.base}/js/extensions/String.js"></script>',
+             '<script type="text/javascript" src="${urls.base}/templates/freemarker/edit/forms/js/mailingAddressUtils.js"></script>',
              '<script type="text/javascript" src="${urls.base}/js/browserUtils.js"></script>',
              '<script type="text/javascript" src="${urls.base}/js/jquery_plugins/jquery.bgiframe.pack.js"></script>')}