coretext

src/App.vue

@@ -29,7 +29,6 @@ export default {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  text-align: center;
   color: #2c3e50;
   margin-top: 60px;
 }

src/components/MagicoModal.vue

@@ -37,6 +37,7 @@ export default {
             if (value == true) {
                 this.modal.show();
             } else {
+                console.log('vaaaa');
                 this.modal.hide()
                 this.$emit('hide');
             }

src/components/PagebuilderContent.vue

@@ -58,7 +58,9 @@ export default {
     components: {
         draggable,
         'b-modal': MagicoModal,
+        'core_section_textarea': SectionText,
         'core_section_text': SectionText,
+
     },
     methods: {
         onChange: function () {

src/components/plugin/SectionText.vue

@@ -8,8 +8,7 @@
         <div class="col-sm-12 col-md-6 p-0 text-right">
             <a href="#" @click.prevent="modalBox = !modalBox" title="Edytuj" class="text-primary mr-2"><i
                     class="material-icons-outlined">create</i></a>
-            <b-modal v-model="modalBox" @close="onCloseModal">
+            <b-modal v-model="modalBox" :title="langs.label" @close="onCloseModal">
-                <div slot="modal-title">{{ langs.label }}</div>
                 <p>
                 <div class="form-group">
                     <label class="w-100 col-form-label">{{ langs.content }}</label>
@@ -28,22 +27,12 @@
                 </div>
                 <div class="form-group">
                     <label class="w-100 col-form-label">Wyrównanie</label>
-                    <b-form-group label="Button style radios" v-slot="{ ariaDescribedby }">
-                        <b-form-radio-group id="btn-radios-1" v-model="align" :aria-describedby="ariaDescribedby"
-                            name="radios-btn-default" buttons>
-                            <b-form-radio value="left"><span class="material-icons">format_align_left</span>
-                            </b-form-radio>
-                            <b-form-radio value="center"><span class="material-icons">format_align_center</span>
-                            </b-form-radio>
-                            <b-form-radio value="right"><span class="material-icons">format_align_right</span>
-                            </b-form-radio>
 
-                        </b-form-radio-group>
-                    </b-form-group>
                 </div>
 
-                <div slot="modal-footer"><button class="btn btn-outline-secondary mr-1"
+                <div><button class="btn btn-outline-secondary mr-1" @click.prevent="onCloseModal">{{
-                        @click.prevent="onCloseModal">{{ langs.saveclose }}</button></div>
+                        langs.saveclose
+                }}</button></div>
             </b-modal>
             <a href="#" title="Usuń" @click.prevent="removeItem()" class="text-danger"><i
                     class="material-icons-outlined">delete</i></a>
@@ -55,20 +44,25 @@
     </div>
 </template>
 <script>
+import MagicoModal from './../MagicoModal.vue'
+
 export default {
+    components: {
+        'b-modal': MagicoModal,
+    },
     props: {
         value: Object
     },
     data: function () {
         return {
             langs: {
-                label: "<?=lang('pagebuilder_core_section_text_title')?>",
+                label: "Tekst",
-                close: "<?=lang('pagebuilder_core_section_text_close')?>",
+                close: "Zaknij",
-                content: "<?=lang('pagebuilder_core_section_text_content')?>",
+                content: "Treść",
-                type: "<?=lang('pagebuilder_core_section_text_type')?>",
+                type: "Typ",
-                typeplaintext: "<?=lang('pagebuilder_core_section_text_typeplaintext')?>",
+                typeplaintext: "Tekst",
-                typeheader: "<?=lang('pagebuilder_core_section_text_typeheader')?>",
+                typeheader: "Nagłowek",
-                saveclose: "<?=lang('saveclose')?>"
+                saveclose: "Zapisz"
             },
             modalBox: false,
             text: '',
@@ -89,13 +83,13 @@ export default {
             this.$emit('itemRemoved', this.value);
         },
         onCloseModal: function () {
-            this.modalBox = false;
             this.$emit('input', {
                 name: this.name,
                 text: this.text,
                 h_type: this.h_type,
                 align: this.align,
             })
+            this.modalBox = false;
         }
     },