NIHVIVO-1316: Added add/edit/delete functionality to object properties in individual pages.

webapp/web/css/individual/individual.css

@@ -369,3 +369,18 @@ article.property ul.subclass-property-list li{
     font-size: 0.8em;
     background: #f4f4f4;
 }
+/* EDITING DISPLAY------>  */
+.add-individual{
+    vertical-align: middle;
+    margin-left: 2px;
+}
+.edit-individual{
+    border-left: 1px dotted #B2D15A;
+    margin-left: 10px;
+    padding-left: 8px;
+    padding-right: 1px;
+    vertical-align: text-top;
+}
+.delete-individual{
+    vertical-align: text-top;
+}

webapp/web/templates/freemarker/body/partials/individual/individual-properties.ftl

@@ -24,7 +24,7 @@
         <#list group.properties as property>
             <article class="property" role="article">
                 <#-- Property display name -->
-                <h3>${property.name}</h3> <@p.addLink property showEditingLinks />
+                <h3>${property.name} <@p.addLink property showEditingLinks /></h3> 
 
                 <#-- List the statements for each property -->   
                 <ul class="property-list" role="list"> 

webapp/web/templates/freemarker/body/partials/individual/lib-properties.ftl

@@ -36,7 +36,7 @@
     <#if showEditingLinks>
         <#local url = property.addUrl>
         <#if url?has_content>
-            <a href="${url}">add</a>
+            <a href="${url}"><img class="add-individual" src="${urls.images}/individual/addIcon.gif" alt="add relationship" /></a>
         </#if>
     </#if>
 </#macro>
@@ -44,6 +44,7 @@
 <#macro propertyListItem statement showEditingLinks>
     <li role="listitem">    
         <#nested>
+        
         <@editingLinks statement showEditingLinks />
     </li>
 </#macro>
@@ -58,13 +59,13 @@
 <#macro editLink statement>
     <#local url = statement.editUrl>
     <#if url?has_content>
-        <a href="${url}">edit</a>
+        <a href="${url}"><img class="edit-individual" src="${urls.images}/individual/editIcon.gif" alt="change this relationship" /></a>
     </#if>
 </#macro>
 
 <#macro deleteLink statement> 
     <#local url = statement.deleteUrl>
     <#if url?has_content>
-        <a href="${url}">delete</a>
+        <a href="${url}"><img  class="delete-individual" src="${urls.images}/individual/deleteIcon.gif" alt="delete this relationship" /></a>
     </#if>
 </#macro>