From cd3a57c12f8a6c0a1ab82df45c342ad045376162 Mon Sep 17 00:00:00 2001
From: szymon <szymon@magico.pl>
Date: Wed, 30 Aug 2023 12:14:48 +0200
Subject: [PATCH] name for seciton and col

---
 src/components/PagebuilderContent.vue | 13 +++++++++----
 src/components/PagebuilderSection.vue |  9 +++++++++
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/components/PagebuilderContent.vue b/src/components/PagebuilderContent.vue
index a51e833..4361ace 100644
--- a/src/components/PagebuilderContent.vue
+++ b/src/components/PagebuilderContent.vue
@@ -1,5 +1,6 @@
 <template>
   <div style="min-height: 100px" class="pagebuilder-column" :class="value.name">
+    <h6 v-if="value.user_label">{{ value.user_label }}</h6>
     <b-modal
       v-model.value="modalAddBox"
       class_other="modal-xl"
@@ -18,12 +19,16 @@
       v-on:onClose="modalColumnsSettings = false"
     >
       <div>
+        <div class="from-group">
+          <label>Nazwa kolumny</label>
+          <input @input="onChange" v-model="value.user_label" type="text" class="form-control" />
+        </div>
         <div class="from-group">
           <label>Klasa kolumny</label>
           <input @input="onChange" v-model="value.class" type="text" class="form-control" />
         </div>
       </div>
-      <div>
+      <div class="mt-4">
         <button @click="modalColumnsSettings = false" class="btn btn-outline-secondary">
           Zapisz i zamknij
         </button>
@@ -34,13 +39,13 @@
       v-model="value.items"
       @start="drag = true"
       @end="
-        drag = false;
-        onChange()
+        drag = false; onChange()
       "
       group="people"
     >
       <template #item="{ element, index }">
         <div class="pb_section table-bordered p-2 pl-3 pr-3 mb-3 rounded">
+
           <component
             @itemRemoved="removeItem"
             :key="index"
@@ -128,7 +133,7 @@ export default {
       this.modalAddBox = false
       var a = { name: item, open: true }
       if (sectionobj.section_id) {
-        a.section_id = sectionobj.section_id;
+        a.section_id = sectionobj.section_id
       }
       this.value.items.push(a)
       this.onChange()
diff --git a/src/components/PagebuilderSection.vue b/src/components/PagebuilderSection.vue
index a47f35f..69b329a 100644
--- a/src/components/PagebuilderSection.vue
+++ b/src/components/PagebuilderSection.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="row pb-3 mb-3 position-relative border-bottom pb_outer_section pr-5">
     <div class="col-sm-12">
+      <h5 class="mt-4" v-if="value.user_label">{{ value.user_label }}</h5>
       <div class="row p-0 mt-3 me-2">
         <PagebuilderContent
           class="col-sm-12"
@@ -50,6 +51,14 @@
       >
         <div>
           <div>
+            <div class="form-group mb-2">
+              <label class="w-100 col-form-label"> Nazwa sekcji </label>
+              <input
+                type="text"
+                class="form-control"
+                v-model="value.user_label"
+              />
+            </div>
             <div class="form-group mb-2">
               <label class="w-100 col-form-label"> Klasa sekcji </label>
               <input