change picture paths

src/web/static/js/dashboard.js

@@ -541,8 +541,12 @@ generateShelterList  = function (data) {
     $('#shelterList').empty();
     for (var i = 0; i <data.length; i ++)
     {
+		var url = '';
+		if(typeof(data[i].shelterpicture) !== 'undefined' && Object.keys(data[i].shelterpicture).length > 0){
+			url = data[i].shelterpicture[Object.keys(data[i].shelterpicture[0])][0];
+		}
         var shelter = $('<div class="shelter"/>').appendTo('#shelterList');
-        shelter.append('<div class="image" style="background-image: url(' + '' + ')"></div> ' +
+        shelter.append('<div class="image" style="background-image: url(' + url  + ')"></div> ' +
             '<h4 class="title"><a href="/shelter/' + data[i].db_id + '">' +data[i].nameofshelter+ '</a></h4>'  +
             '<div class="country">'+data[i].country+'</div> ' +
             '<div class="description"><p>' +'' + '</p></div>');

src/web/templates/shelter.html

@@ -24,14 +24,18 @@
                 <div class="dot"></div>
             </div>
         </section>
-        <section class="details">
-		    <div class="content">
-                <table id="identification">
-					<tr>
-						<td>No data available in this category</td>
-					</tr>
-				</table>
-            </div>
+		<section>
+            <div class="details">
+				<h3>Identification</h3>
+			    <div id="location-map" style="width:100%; height:400px;"></div>
+				<div class="content">
+					<table id="identification">
+						<tr>
+							<td>No data available in this category</td>
+						</tr>
+					</table>
+				</div>
+			</div>
         </section>
 		<section class="details details-1">
             <div class="content">
@@ -43,11 +47,6 @@
 				</table>
             </div>
         </section>
-        <section>
-            <div class="details">
-			    <div id="location-map" style="width:100%; height:400px;"></div>
-            </div>
-        </section>
         <section class="details details-2">
             <div class="content">
                 <h3>Disaster & Response</h3>
@@ -140,12 +139,17 @@
 			if(typeof data[shelter_id]['Foundation'] !== 'undefined') {
 				var foundation = data[shelter_id]['Foundation']['Attributes'];
 				$("#foundation").empty();
-				tabulate("#foundation", foundation, d3.keys(general));
+				tabulate("#foundation", foundation, d3.keys(foundation));
 			}
 			
 			if(typeof data[shelter_id]['Identification'] !== 'undefined') {
 				// Set shelter name
 				$('#shelter-name').text(data[shelter_id]['Identification']['Attributes']['Name of shelter']);
+				
+				// add attributes
+				var identification = data[shelter_id]['Identification']['Attributes'];
+				$("#identification").empty();
+				tabulate("#identification", identification, d3.keys(identification));
 			
 				// Get coordinates for this shelter
 				var lat = data[shelter_id]['Identification']['Attributes']['GPS Latitude'];
@@ -172,7 +176,7 @@
 		
 		function addCoverPicture(elementId, section){
 			if(typeof section['Cover'] !== 'undefined' && section['Cover'].length > 0) {
-				$(elementId).css("background-image", "url('" + section['Cover'][0] + "')");		
+				$(elementId).css("background-image", "url('/" + section['Cover'][0] + "')");		
 			}
 		}
 		
@@ -189,7 +193,7 @@
 				   .enter()
 				   .append("div")
 					   .attr("class","pane")
-					   .attr("style",function (d){ return "background-image:  url('" + d + "')";});
+					   .attr("style",function (d){ return "background-image:  url('/" + d + "')";});
 				
 				// add dots
 				// TODO increment show id