Add location to contact details in sidebar

example-resume.json

@@ -6,6 +6,10 @@
     "email": "[email protected]",
     "phone": "0123 456 789",
     "url": "http://portfoliosite.com",
+    "location": {
+      "city": "San Francisco",
+      "countryCode": "US"
+    },
     "summary": "Summarise your career here lorem ipsum dolor sit amet, consectetuer adipiscing elit. You can [download this free resume/CV template here](https://github.com/XuluWarrior/jsonresume-theme-orbit-original). Aenean commodo ligula eget dolor aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu.",
     "profiles": [
       {

index.js

@@ -70,6 +70,23 @@ Handlebars.registerHelper('skillLevel', function(str) {
 	}
 });
 
+function formatLocation(locationDetails) {
+	const { postalCode, city, countryCode, region } = locationDetails;
+	const cityPlusCode = [city, postalCode].filter(value => !!value).join(" ")
+	return [cityPlusCode, region, countryCode ]
+		.filter(value => !!value)
+		.join(', ')
+}
+
+Handlebars.registerHelper('formatLocation', function(locationDetails) {
+	return formatLocation(locationDetails);
+});
+
+Handlebars.registerHelper('locationUrl', function(locationDetails) {
+	const locationString = formatLocation(locationDetails);
+	return `https://www.google.com/maps/place/${locationString.replace(/ /g, "+")}`;
+});
+
 // Resume.json used to have website property in some entries.  This has been renamed to url.
 // However the demo data still uses the website property so we will also support the "wrong" property name.
 // Fix the resume object to use url property

partials/basics.hbs

@@ -9,6 +9,7 @@
         <ul class="list-unstyled contact-list">
             {{#if email}}<li class="email"><i class="fa fa-envelope"></i><a href="mailto:{{email}}">{{email}}</a></li>{{/if}}
             {{#if phone}}<li class="phone"><i class="fa fa-phone"></i><a href="tel:{{phone}}">{{phone}}</a></li>{{/if}}
+            {{#if location}}<li class="location"><i class="fa fa-map-marker"></i><a href="{{locationUrl location}}" target="_blank">{{formatLocation location}}</a></li>{{/if}}
             {{#if url}}<li class="website"><i class="fa fa-globe"></i><a href="{{url}}" target="_blank">{{displayUrl url}}</a></li>{{/if}}
 
             {{#each profiles}}