From 4a2890206f00710b719ed79655ca2186f67a959d Mon Sep 17 00:00:00 2001
From: tworrall <tworrall@43c2fc9b-1942-4403-87b2-35b4218f7473>
Date: Wed, 16 Nov 2011 21:04:26 +0000
Subject: [PATCH] NIHVIVO-3188 updates to template

---
 .../edit/forms/addRoleToPersonTwoStage.ftl    |  11 +-
 .../edit/forms/personHasPositionHistory.ftl   | 138 +++++++++++-------
 .../freemarker/lib/lib-vivo-form.ftl          |  30 ++--
 3 files changed, 100 insertions(+), 79 deletions(-)

diff --git a/productMods/templates/freemarker/edit/forms/addRoleToPersonTwoStage.ftl b/productMods/templates/freemarker/edit/forms/addRoleToPersonTwoStage.ftl
index dd5ffc94..6348da39 100644
--- a/productMods/templates/freemarker/edit/forms/addRoleToPersonTwoStage.ftl
+++ b/productMods/templates/freemarker/edit/forms/addRoleToPersonTwoStage.ftl
@@ -144,17 +144,8 @@
             	<input type="hidden" id="roleActivityType" name="roleActivityType" value="${activityTypeValue}"/>
             	<input type="hidden" id="activityLabel" name="activityLabel" value="${activityLabelValue}"/>
             </#if>
+            <@lvf.acSelection urls.base />
 
-            <div class="acSelection">
-                <p class="inline">
-                    <label>Selected ${roleDescriptor?capitalize}:</label>
-                    <span class="acSelectionInfo"></span>
-                    <a href="/vivo/individual?uri=" class="verifyMatch">(Verify this match)</a>
-                    </p>
-                    <input class="acUriReceiver" type="hidden" id="roleActivityUri" name="roleActivity" value="" />
-                    <!-- Field value populated by JavaScript -->
-            </div>
-            
             <#if showRoleLabelField = true>
             <p><label for="roleLabel">Role in ### ${requiredHint} ${roleExamples}</label>
                 <input  size="50"  type="text" id="roleLabel" name="roleLabel" value="${roleLabel}" />
diff --git a/productMods/templates/freemarker/edit/forms/personHasPositionHistory.ftl b/productMods/templates/freemarker/edit/forms/personHasPositionHistory.ftl
index ee4e87b0..c10c0436 100644
--- a/productMods/templates/freemarker/edit/forms/personHasPositionHistory.ftl
+++ b/productMods/templates/freemarker/edit/forms/personHasPositionHistory.ftl
@@ -2,9 +2,13 @@
 
 <#-- Template for adding a position history-->
 
-<#import "lib-vivo-form.ftl" as lf>
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
 
-<#if editConfig.object?has_content>
+<#-- Template for adding a position history-->
+
+<#import "lib-vivo-form.ftl" as lvf>
+
+<#if editConfiguration.objectUri?has_content>
     <#assign editMode = "edit">
 <#else>
     <#assign editMode = "add">
@@ -15,14 +19,21 @@
         <#assign submitButtonText="Edit Position">
 <#else>
         <#assign formAction="Create">        
-        <#assign submitButtonText="Create">
+        <#assign submitButtonText="Create Position">
 </#if>
 
+<#--Get existing value for specific data literals and uris-->
+
+<#assign orgLabel = lvf.getFormFieldValue(editSubmission, editConfiguration, "orgLabel")/>
+<#assign positionTitle = lvf.getFormFieldValue(editSubmission, editConfiguration, "positionTitle")/>
+<#assign startField = lvf.getFormFieldValue(editSubmission, editConfiguration, "startField") />
+<#assign endField = lvf.getFormFieldValue(editSubmission, editConfiguration, "endField") />
+
 <#assign requiredHint="<span class='requiredHint'> *</span>"/> 
 
-<@lf.unsupportedBrowser>
+<#-- <@lvf.unsupportedBrowser urls.base /> -->
 
-<h2>${formAction} position entry for ${subjectName}</h2>
+<h2>${formAction} position entry for ${editConfiguration.subjectName}</h2>
 
 <#if errorOrgType??>
     <#assign errorMessage = "You must supply an organization type." />
@@ -48,73 +59,88 @@
 </#if>
 
 <form class="customForm" action ="${submitUrl}" class="customForm" role="${formAction} position entry">
-    <label for="typeSelector">Organization Type ${requiredHint}</label>
-
-    <select id="typeSelector" name="orgType"> 
-        <option value="" <#if typeSelector = "">selected</#if> >Select one</option>
-        <#list orgType as key>
-        <option value="${key.uri}" <#if key = key.uri>selected</#if> >${key.label}</option>
+  <p class="inline">    
+    <label for="orgType">Organization Type ${requiredHint}</label>
+    <#assign orgTypeOpts = editConfiguration.pageData.orgType />
+    <select id="typeSelector" name="orgType"  >
+        <option value="" selected="selected">Select one</option>                
+        <#list orgTypeOpts?keys as key>             
+            <#if editConfiguration.objectUri?has_content && editConfiguration.objectUri = key>
+                <option value="${key}"  selected >${orgTypeOpts[key]}</option>     
+            <#else>
+                <option value="${key}">${orgTypeOpts[key]}</option>
+            </#if>             
         </#list>
-    </select>
-    
-    <a title="Cancel" href="${formUrl}" class="cancel <#if key??>hidden</#>">Cancel</a>
+    </select>   
+  </p>
 
-    <#if orgType??>
-        <label for="relatedIndLabel">${organizationType.label} ${requiredHint}</label>
-        <input type="text" value="Select an existing ${orgType.label} or create a new one." name="orgLabel" id="relatedIndLabel" size="50" class="acSelector ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
+  <div class="fullViewOnly">        
+  <p>
+    <label for="relatedIndLabel">### Name ${requiredHint}</label>
+    <input type="text" name="orgLabel" id="relatedIndLabel" size="50" class="acSelector" value="${orgLabel}" >
+  </p>
 
-        <label for="positionTitle">Position Title ${requiredHint}</label>
-        <input  size="30"  type="text" id="positionTitle" name="positionTitle" value="${positionTitle}" role="input" />
+    <@lvf.acSelection urls.base />
 
-        <label for="positionType">Position Type ${requiredHint}</label>
-        <select id="positionType" name="positionType" role="select">    
-            <option value="" role="option" <#if positionType = "">selected</#if> >Select one</option>
-            <#list positionTypes as positionType>
-            <option value="${positionType.uri}" role="option" <#if positionType = positionType.uri>selected</#if> >${positionType.label}</option>
-            </#list>
-        </select> <#--Should we do something like this  <@widget name="SelectList" fieldName="orgType" />, have a macro where we specified 
-                      the type of form element and the type of list, in this case an organization type-->
 
-        <label for="startField">Start Year</label>
-        <input class="text-field" name="startField-year" id="startField-year" type="textxt" value="<#if startField-year??>${startField-year}</#if>" size="4" maxlength="4" role="input" />
-        <span class='hint'>(YYYY)</span>
+    <label for="positionTitle">Position Title ${requiredHint}</label>
+    <input  size="30"  type="text" id="positionTitle" name="positionTitle" value="${positionTitle}" role="input" />
 
-        <label for="endField">End Year</label>
-        <input class="text-field" name="endField-year" id="endField-year" type="text" value="<#if endField-year??>${endField-year}</#if>" size="4" maxlength="4" role="input" />        
-        <span class='hint'>(YYYY)</span>
-        
-        <input type="hidden" name = "editKey" value="${editKey}" role="input"/>
+      <label for="positionType">Position Type ${requiredHint}</label>
+      <#assign posnTypeOpts = editConfiguration.pageData.positionType />
+      <select id="typeSelector" name="positionType" style="margin-top:-2px" >
+          <option value="" selected="selected">Select one</option>                
+          <#list posnTypeOpts?keys as key>             
+              <#if editConfiguration.objectUri?has_content && editConfiguration.objectUri = key>
+                  <option value="${key}"  selected >${posnTypeOpts[key]}</option>     
+              <#else>
+                  <option value="${key}">${posnTypeOpts[key]}</option>
+              </#if>             
+          </#list>
+      </select>   
 
+      <label for="startField">Start Year</label>
+      <input class="text-field" name="startField-year" id="startField-year" type="text" value="${startField}" size="4" maxlength="4" role="input" />
+      <span class='hint'>(YYYY)</span>
+      <label for="endField">End Year</label>
+      <input class="text-field" name="endField-year" id="endField-year" type="text" value="${endField}" size="4" maxlength="4" role="input" />        
+      <span class='hint'>(YYYY)</span>
+      <input type="hidden" name = "editKey" value="${editKey}" role="input"/>
+
+   </div>
+      <p class="submit">
         <#if editMode == "edit">  
-            <input type="submit" name="submit-${titleAction}" value="${submitButtonText}" class="submit" /> 
+            <input type="submit" id="submit" name="submit-${formAction}" value="${submitButtonText}" class="submit" /> 
         <#else>
-            <input type="submit" name="submit-${titleAction}" value="${submitButtonText} ${positionType.uri} and Position" class="submit" /> 
+            <input type="submit" id="submit" name="submit-${formAction}" value="${submitButtonText}" class="submit" /> 
         </#if>
 
-        or <a class="cancel" href="${formUrl.cancel}">Cancel</a>
-
-        <p class="requiredHint">* required fields</p>
-    </#if>
+        <span class="or"> or </span><a class="cancel" href="${editConfiguration.cancelUrl}">Cancel</a>
+      </p>
+      <p class="requiredHint"  id="requiredLegend" >* required fields</p>
+      
 </form>
-    
-    <#assign acUrl="//autocomplete?tokenize=true" >
 
-    <script type="text/javascript">
-    var customFormData  = {
-        acUrl: '${acUrl?url}',
-        editMode: '${editMode}',
-        submitButtonTextType: 'compound',
-        defaultTypeName: 'organization' // used in repair mode, to generate button text and org name field label
-    };
-    </script>
+<script type="text/javascript">
+var customFormData  = {
+    acUrl: '${urls.base}/autocomplete?tokenize=true',
+    editMode: '${editMode}',
+    submitButtonTextType: 'compound',
+    defaultTypeName: 'organization' // used in repair mode, to generate button text and org name field label
+};
+</script>
 
 
-${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customForm.css" />',
-                  '<link rel="stylesheet" href="${urls.base}/edit/forms/css/personHasEducationalTraining.css" />')}
+${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}/edit/forms/css/customForm.css" />')}
+${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customFormWithAutocomplete.css" />')}
 
-${scripts.add('<script type="text/javascript" src="${urls.base}/js/utils.js"></script>',
-              '<script type="text/javascript" src="${urls.base}/js/customFormUtils.js"></script>',
-              '<script type="text/javascript" src="${urls.base}/edit/forms/js/customFormWithAutocomplete.js"></script>')}   
+
+${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/customFormUtils.js"></script>',
+             '<script type="text/javascript" src="${urls.base}/js/extensions/String.js"></script>',
+             '<script type="text/javascript" src="${urls.base}/js/jquery_plugins/jquery.bgiframe.pack.js"></script>',
+             '<script type="text/javascript" src="${urls.base}/edit/forms/js/customFormWithAutocomplete.js"></script>')}
 
 
 
diff --git a/productMods/templates/freemarker/lib/lib-vivo-form.ftl b/productMods/templates/freemarker/lib/lib-vivo-form.ftl
index c7602750..1892f3ba 100644
--- a/productMods/templates/freemarker/lib/lib-vivo-form.ftl
+++ b/productMods/templates/freemarker/lib/lib-vivo-form.ftl
@@ -1,28 +1,32 @@
 <#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
 
-<#-- Macros for form controls -->
+<#-- Macros and functions for form controls -->
 
-<#---------------------------------------------------------------------------->
 
-<#-- 
-    Macro: unsupportedBrowser
-    
-    Output: html notifying the user that the browser is an unsupported version
-    
-    Input: none.
-    
-    Usage: <@unsupportedBrowser />
--->
-<#macro unsupportedBrowser >
+<#-- Output: html notifying the user that the browser is an unsupported version -->
+<#macro unsupportedBrowser  urlsBase>
 <div id="ie67DisableWrapper">
     <div id="ie67DisableContent">
-	    <img src="/vivo/site_icons/iconAlertBig.png" alt="Alert Icon"/>
+	    <img src="${urlsBase}/site_icons/iconAlertBig.png" alt="Alert Icon"/>
 	    <p>This form is not supported in versions of Internet Explorer below version 8. Please upgrade your browser, or
 	    switch to another browser, such as FireFox.</p>
     </div>
 </div>
 </#macro>
 
+<#-- After selecting an individual via autocomplete, display highlighted and with verify link -->
+<#macro acSelection urlsBase>
+<div class="acSelection">
+    <p class="inline">
+        <label></label>
+        <span class="acSelectionInfo"></span>
+        <a href="${urlsBase}/individual?uri=" class="verifyMatch">(Verify this match)</a>
+        </p>
+        <input class="acUriReceiver" type="hidden" id="org" name="org" value="" />
+        <!-- Field value populated by JavaScript -->
+</div>
+</#macro>
+
 <#--Given an edit configuration template object, get the current value for a uri field using the field name-->