From 7d7df8ff996cf05ce7bb66d1cd60a47e4957a3d5 Mon Sep 17 00:00:00 2001
From: szymon <szymon@magico.pl>
Date: Thu, 11 Jan 2024 12:35:13 +0100
Subject: [PATCH] add seciotn wybor

---
 src/components/PagebuilderSection.vue | 35 +++++++++++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)

diff --git a/src/components/PagebuilderSection.vue b/src/components/PagebuilderSection.vue
index 1be9cdb..06a491d 100644
--- a/src/components/PagebuilderSection.vue
+++ b/src/components/PagebuilderSection.vue
@@ -42,6 +42,30 @@
       >
       <b-modal v-model="show_settings" title="Ustawienia sekcji" @onClose="ustawieniaSave()">
         <div>
+          <div class="form-group mb-2">
+              <label class="w-100 col-form-label"> Typ sekcji </label>
+              <div class="row">
+                <div class="col-6">
+                  <button
+                    class="btn w-100"
+                    @click="setType('container')"
+                    :class="type == 'container' ? 'btn-primary' : 'btn-outline-primary'"
+                  >
+                    Kontener
+                  </button>
+                </div>
+                <div class="col-6">
+                  <button
+                    class="btn w-100"
+                    @click="setType('full')"
+                    :class="type == 'full' ? 'btn-primary' : 'btn-outline-primary'"
+                  >
+                    Cała szerokość
+                  </button>
+                </div>
+              </div>
+            </div>
+
           <div>
             <div class="form-group mb-2">
               <label class="w-100 col-form-label"> Nazwa sekcji </label>
@@ -90,7 +114,7 @@ export default {
     PagebuilderContent
   },
   data: function () {
-    return { items: grid, value2: '', show_settings: false }
+    return { items: grid, value2: '', show_settings: false, type: '' }
   },
   methods: {
     changeSelect: function () {
@@ -114,9 +138,16 @@ export default {
     },
     rand: function (index) {
       return 'column' + index + Math.random() * 100
+    },
+    setType: function (type) {
+      this.type = type
+      this.value.type = type
+      this.onChange()
     }
   },
-  mounted: function () {}
+  mounted: function () {
+    this.type = this.value.type
+  }
 }
 </script>
 <style>