From 253f0255637428ab1fc970d37ff3096826101aa3 Mon Sep 17 00:00:00 2001
From: Krecik <przemyslaw.koroscik@gmail.com>
Date: Fri, 28 Aug 2020 14:35:10 +0200
Subject: [PATCH] feat(cms): created new block for forms (#1046)

---
 .../src/internalHelpers/defaultApiParams.json |  4 +-
 .../cms/blocks/CmsBlockForms.vue              | 44 +++++++++++++++++++
 packages/default-theme/cms/cmsMap.json        |  2 +-
 3 files changed, 46 insertions(+), 4 deletions(-)
 create mode 100644 packages/default-theme/cms/blocks/CmsBlockForms.vue

diff --git a/packages/composables/src/internalHelpers/defaultApiParams.json b/packages/composables/src/internalHelpers/defaultApiParams.json
index 551465666..1cc97fdef 100644
--- a/packages/composables/src/internalHelpers/defaultApiParams.json
+++ b/packages/composables/src/internalHelpers/defaultApiParams.json
@@ -54,6 +54,7 @@
           "slots",
           "type",
           "id",
+          "backgroundColor",
           "backgroundMedia",
           "sectionPosition"
       ],
@@ -71,7 +72,6 @@
           "type",
           "config"
       ],
-
       "product": [
           "media",
           "productReviews",
@@ -153,7 +153,6 @@
           "translated"
       ]
     }
-    
   },
   "useProduct": {
     "associations": [
@@ -196,7 +195,6 @@
               }
             ]
           }
-          
         ]
       }
     ],
diff --git a/packages/default-theme/cms/blocks/CmsBlockForms.vue b/packages/default-theme/cms/blocks/CmsBlockForms.vue
new file mode 100644
index 000000000..d08c2e725
--- /dev/null
+++ b/packages/default-theme/cms/blocks/CmsBlockForms.vue
@@ -0,0 +1,44 @@
+<template>
+  <CmsGenericElement
+    v-if="getContent"
+    :content="getContent"
+    :style="{
+      'background-color': getBackgroundColor,
+      'background-size': 'cover',
+      'background-repeat': 'no-repeat',
+    }"
+    class="cms-block-forms"
+  />
+</template>
+<script>
+import CmsGenericElement from "sw-cms/CmsGenericElement"
+export default {
+  name: "CmsBlockForms",
+  components: {
+    CmsGenericElement,
+  },
+  props: {
+    content: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  computed: {
+    getSlots() {
+      return this.content.slots || []
+    },
+    getContent() {
+      return this.getSlots.length && this.getSlots[0]
+    },
+    getBackgroundColor() {
+      return this.content.backgroundColor
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+@import "../settings.scss";
+.cms-block-forms {
+  @include sizing-mode-boxed;
+}
+</style>
diff --git a/packages/default-theme/cms/cmsMap.json b/packages/default-theme/cms/cmsMap.json
index dcb3f5d2f..53c9251a2 100644
--- a/packages/default-theme/cms/cmsMap.json
+++ b/packages/default-theme/cms/cmsMap.json
@@ -27,7 +27,7 @@
     "text-three-column": "CmsBlockTextThreeColumn",
     "product-three-column": "CmsBlockProductThreeColumn",
     "text-two-column": "CmsBlockTextTwoColumn",
-    "form": "CmsBlockDefault"
+    "form": "CmsBlockForms"
   },
   "elements": {
     "product-box": "CmsElementProductCard",