Merge branch 'dev' of git.treelet.net:crane/retailer-vue into beta

src/routes/retailer/boxed-products-ordering.vue

@@ -1,8 +1,8 @@
 <template>
   <v-container>
-   <div class="homepage-overflow-x-hidden white" v-if="resourcePage">
+   <div class="homepage-overflow-x-hidden white" v-if="boxedProductsOrderingPage">
-      <div class="h3 my-5 py-5 body-font1">{{ resourcePage.contentHeading }}</div>
+      <div class="h3 my-5 py-5 body-font1">{{ boxedProductsOrderingPage.contentHeading }}</div>
-      <div v-html="resourcePage.content"></div>
+      <div v-html="boxedProductsOrderingPage.content"></div>
     </div>
     <!-- <div class="h3 my-5 py-5 body-font1">Boxed Products & Ordering</div>
 
@@ -135,7 +135,7 @@ export default {
     },
   },
   computed: {
-    resourcePage: function () {
+    boxedProductsOrderingPage: function () {
       let data = null;
       let pageContent = this.$store.state.layout.pageContent;
       if (pageContent.length) {

src/routes/retailer/contact-us.vue

@@ -1,9 +1,9 @@
 <template>
   <v-container>
 
-      <div class="homepage-overflow-x-hidden white" v-if="resourcePage">
+      <div class="homepage-overflow-x-hidden white" v-if=" contactUsPage">
-      <div class="h3 my-5 py-5 body-font1">{{ resourcePage.contentHeading }}</div>
+      <div class="h3 my-5 py-5 body-font1">{{  contactUsPage.contentHeading }}</div>
-      <div v-html="resourcePage.content"></div>
+      <div v-html=" contactUsPage.content"></div>
     </div>
     <!-- <div class="h3 my-5 py-5 body-font1">Retailer Communications</div>
 
@@ -258,7 +258,7 @@
 export default {
   name: "ContactUs",
    computed: {
-    resourcePage: function () {
+    contactUsPage: function () {
       let data = null;
       let pageContent = this.$store.state.layout.pageContent;
       if (pageContent.length) {

src/routes/retailer/imagery_logos.vue

@@ -1,6 +1,10 @@
 <template>
   <v-container>
-    <div class="h3 my-5 py-10 body-font1">Imagery & Logos</div>
+    <div class="homepage-overflow-x-hidden white" v-if="imageryLogosPage">
+      <div class="h3 my-5 py-5 body-font1">{{ imageryLogosPage.contentHeading }}</div>
+      <div v-html="imageryLogosPage.content"></div>
+    </div>
+    <!-- <div class="h3 my-5 py-10 body-font1">Imagery & Logos</div>
     <div class="pb-5"><b>Crane & Co. Album Imagery</b></div>
    
     <div class="padding-space">
@@ -321,7 +325,7 @@
           </div>
         </router-link>
       </v-hover>
-    </div>
+    </div> -->
   </v-container>
 </template>
 <script>
@@ -332,6 +336,19 @@ export default {
       window.open(pageLink, "_blank");
     },
   },
+  computed: {
+    imageryLogosPage: function () {
+      let data = null;
+      let pageContent = this.$store.state.layout.pageContent;
+      if (pageContent.length) {
+        data = pageContent.filter((element) => {
+          return element.identifier === "imagery-logos";
+        })[0];
+      }
+
+      return data;
+    },
+  },
 };
 </script>
 

src/routes/retailer/marketing-tools-promotions.vue

@@ -1,9 +1,9 @@
 <template>
   <v-container>
 
-     <div class="homepage-overflow-x-hidden white" v-if="resourcePage">
+     <div class="homepage-overflow-x-hidden white" v-if="marketingToolsPromotionsPage">
-      <div class="h3 my-5 py-5 body-font1">{{ resourcePage.contentHeading }}</div>
+      <div class="h3 my-5 py-5 body-font1">{{ marketingToolsPromotionsPage.contentHeading }}</div>
-      <div v-html="resourcePage.content"></div>
+      <div v-html="marketingToolsPromotionsPage.content"></div>
     </div>
     <!-- <div class="h3 my-5 py-5 body-font1">Marketing Tools & Promotions</div>
 
@@ -79,7 +79,7 @@
 export default {
   name: "MarketingToolsPromotions",
   computed: {
-    resourcePage: function () {
+    marketingToolsPromotionsPage: function () {
       let data = null;
       let pageContent = this.$store.state.layout.pageContent;
       if (pageContent.length) {

src/routes/retailer/marketing_collateral.vue

@@ -1,6 +1,10 @@
 <template>
   <v-container>
-    <div class="h3 my-10 pb-2 body-font1">Marketing Collateral</div>
+     <div class="homepage-overflow-x-hidden white" v-if="marketingCollateralPage">
+      <div class="h3 my-5 py-5 body-font1">{{ marketingCollateralPage.contentHeading }}</div>
+      <div v-html="marketingCollateralPage.content"></div>
+    </div>
+    <!-- <div class="h3 my-10 pb-2 body-font1">Marketing Collateral</div>
     <div><b>Album Marketing Collateral</b></div>
 
     <div class="pt-5">
@@ -478,7 +482,7 @@
           </div>
         </router-link>
       </v-hover>
-    </div>
+    </div> -->
   </v-container>
 </template>
 <script>
@@ -489,6 +493,19 @@ export default {
       window.open(pageLink, "_blank");
     },
   },
+   computed: {
+    marketingCollateralPage: function () {
+      let data = null;
+      let pageContent = this.$store.state.layout.pageContent;
+      if (pageContent.length) {
+        data = pageContent.filter((element) => {
+          return element.identifier === "marketing-collateral";
+        })[0];
+      }
+
+      return data;
+    },
+  }
 };
 </script>
 <style src="./marketing_collateral.scss" lang="scss" scoped/>

src/routes/retailer/personalized-products-ordering.vue

@@ -1,9 +1,9 @@
 
 <template>
   <v-container>
- <div class="homepage-overflow-x-hidden white" v-if="resourcePage">
+ <div class="homepage-overflow-x-hidden white" v-if="personalizedProductsOrderingPage">
-      <div class="h3 my-5 py-5 body-font1">{{ resourcePage.contentHeading }}</div>
+      <div class="h3 my-5 py-5 body-font1">{{ personalizedProductsOrderingPage.contentHeading }}</div>
-      <div v-html="resourcePage.content"></div>
+      <div v-html="personalizedProductsOrderingPage.content"></div>
     </div>
     <!-- <div class="h3 my-5 py-5 body-font1">Personalized Products & Ordering</div>
 
@@ -111,7 +111,7 @@ export default {
     },
   },
   computed: {
-    resourcePage: function () {
+    personalizedProductsOrderingPage : function () {
       let data = null;
       let pageContent = this.$store.state.layout.pageContent;
       if (pageContent.length) {

src/routes/retailer/personalized_albums.vue

@@ -1,6 +1,10 @@
 <template>
   <v-container>
-    <div class="h3 my-10 body-font1">Personalized Albums</div>
+    <div class="homepage-overflow-x-hidden white" v-if="personalizedAlbumsPage">
+      <div class="h3 my-5 py-5 body-font1">{{ personalizedAlbumsPage.contentHeading }}</div>
+      <div v-html="personalizedAlbumsPage.content"></div>
+    </div>
+    <!-- <div class="h3 my-10 body-font1">Personalized Albums</div>
     <div><b>Crane & Co.</b></div>
 
     <div class="padding-space">
@@ -154,7 +158,7 @@
           </div>
         </router-link>
       </v-hover>
-    </div>
+    </div> -->
   </v-container>
 </template>
 <script>
@@ -165,6 +169,19 @@ export default {
       window.open(pageLink, "_blank");
     },
   },
+   computed: {
+    personalizedAlbumsPage: function () {
+      let data = null;
+      let pageContent = this.$store.state.layout.pageContent;
+      if (pageContent.length) {
+        data = pageContent.filter((element) => {
+          return element.identifier === "personalized-albums";
+        })[0];
+      }
+
+      return data;
+    },
+  },
 };
 </script>
 <style src="./personalized_albums.scss" lang="scss" scoped/>

src/routes/retailer/promotions.vue

@@ -1,6 +1,10 @@
 <template>
   <v-container>
-    <div class="h3 my-5 py-10 body-font1">Promotions</div>
+     <div class="homepage-overflow-x-hidden white" v-if="promotions">
+      <div class="h3 my-5 py-5 body-font1">{{ promotions.contentHeading }}</div>
+      <div v-html="promotions.content"></div>
+    </div>
+    <!-- <div class="h3 my-5 py-10 body-font1">Promotions</div>
     <div><b>Promotions</b></div>
     <div class="py-5">TBA</div>
    
@@ -18,7 +22,7 @@
           </div>
         </router-link>
       </v-hover>
-    </div>
+    </div> -->
   </v-container>
 </template>
 <script>
@@ -29,6 +33,19 @@ export default {
       window.open(pageLink, "_blank");
     },
   },
+  computed: {
+    promotions: function () {
+      let data = null;
+      let pageContent = this.$store.state.layout.pageContent;
+      if (pageContent.length) {
+        data = pageContent.filter((element) => {
+          return element.identifier === "promotions";
+        })[0];
+      }
+
+      return data;
+    },
+  },
 };
 </script>
 

src/routes/retailer/retailer-communications.vue

@@ -2,9 +2,9 @@
 
 <template>
   <v-container>
-     <div class="homepage-overflow-x-hidden white" v-if="resourcePage">
+     <div class="homepage-overflow-x-hidden white" v-if=" retailerCommunicationsPage">
-      <div class="h3 my-5 py-5 body-font1">{{ resourcePage.contentHeading }}</div>
+      <div class="h3 my-5 py-5 body-font1">{{  retailerCommunicationsPage.contentHeading }}</div>
-      <div v-html="resourcePage.content"></div>
+      <div v-html=" retailerCommunicationsPage.content"></div>
     </div>
     <!-- <div class="h3 my-5 py-5 body-font1">Retailer Communications</div>
 
@@ -47,7 +47,7 @@
 export default {
   name: "RetailerCommunications",
    computed: {
-    resourcePage: function () {
+    retailerCommunicationsPage: function () {
       let data = null;
       let pageContent = this.$store.state.layout.pageContent;
       if (pageContent.length) {

src/routes/retailer/service_levels.vue

@@ -1,6 +1,10 @@
 <template>
   <v-container>
-    <div class="h3 my-5 py-10 body-font1">Service Levels</div>
+    <div class="homepage-overflow-x-hidden white" v-if="serviceLevelsPage">
+      <div class="h3 my-5 py-5 body-font1">{{ serviceLevelsPage.contentHeading }}</div>
+      <div v-html="serviceLevelsPage.content"></div>
+    </div>
+    <!-- <div class="h3 my-5 py-10 body-font1">Service Levels</div>
     <div class="pb-5 whyte-book-font">Please reference your weekly service level email. If you do not receive this email and would like to receive it please contact Customer Service and ask to have your email address added to this mailing list.</div>
    
   
@@ -19,7 +23,7 @@
           </div>
         </router-link>
       </v-hover>
-    </div>
+    </div> -->
   </v-container>
 </template>
 <script>
@@ -30,6 +34,19 @@ export default {
       window.open(pageLink, "_blank");
     },
   },
+   computed: {
+    serviceLevelsPage: function () {
+      let data = null;
+      let pageContent = this.$store.state.layout.pageContent;
+      if (pageContent.length) {
+        data = pageContent.filter((element) => {
+          return element.identifier === "service-levels";
+        })[0];
+      }
+
+      return data;
+    },
+  },
 };
 </script>
 

src/routes/retailer/training.vue

@@ -1,8 +1,8 @@
 <template>
   <v-container>
-  <div class="homepage-overflow-x-hidden white" v-if="resourcePage">
+  <div class="homepage-overflow-x-hidden white" v-if="trainingPage">
-      <div class="h3 my-5 py-5 body-font1">{{ resourcePage.contentHeading }}</div>
+      <div class="h3 my-5 py-5 body-font1">{{ trainingPage.contentHeading }}</div>
-      <div v-html="resourcePage.content"></div>
+      <div v-html="trainingPage.content"></div>
     </div>
     
     <!-- <div class="h3 my-5 py-5 body-font1">Training</div>
@@ -330,7 +330,7 @@ export default {
     },
   },
    computed: {
-    resourcePage: function () {
+    trainingPage: function () {
       let data = null;
       let pageContent = this.$store.state.layout.pageContent;
       if (pageContent.length) {