Merge branch 'develop'

Author: pilgreen

index.js

@@ -5,6 +5,7 @@
 import * as zones from "./lib/zones.js";
 import * as section from "./lib/section.js";
 import * as story from "./lib/story.js";
+import * as homepage from "./lib/homepage.js";
 
 function distributeZones(locker) {
   // Add the communication bridge and vip method to the zones API
@@ -21,6 +22,9 @@ function distributeZones(locker) {
         case "story":
           story.render(locker);
           break;
+        case "homepage":
+          homepage.render(locker);
+          break;
         default:
           reject("not a matching page type");
       }

lib/homepage.js

@@ -0,0 +1,24 @@
+/*
+ * Homepage template
+ *
+ * Note: 
+ * The DOM has not been updated to the grid yet, so this is 
+ * a manual set up for now.
+ */
+
+import * as zones from "./zones.js";
+
+export function render(locker) {
+  // Locker configs
+  const market = locker.getConfig("marketInfo.domain");
+
+  // Community Events (iPublish)
+  if(locker.getConfig("zone.communityEvents")) {
+    const ipublish = zones.get("zone-community-events");
+    ipublish.style.padding = 0;
+    ipublish.dataset.market = market;
+    ipublish.zephr("zone-community-events", market)
+    ipublish.vip = document.querySelector("#zone-el-5");
+    ipublish.inject();
+  }
+}

lib/zones.js

@@ -65,6 +65,14 @@ export class Zone {
     return this.element.dataset;
   }
 
+  /*
+   * Getter to work with the element style object
+   */
+
+  get style() {
+    return this.element.style;
+  }
+
   /*
    * Zephr feature functionality
    * @param feature {string} the feature slug in Zephr