public/MagicoPagebuilder
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

name for seciton and col

Browse Source
This commit is contained in:
Szymon Haczyk
2023-08-30 12:14:48 +02:00
parent 0148c0f3a0
commit cd3a57c12f
2 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/PagebuilderContent.vue
View File

@@ -1,5 +1,6 @@
<template> <template>
<div style="min-height: 100px" class="pagebuilder-column" :class="value.name"> <div style="min-height: 100px" class="pagebuilder-column" :class="value.name">
<h6 v-if="value.user_label">{{ value.user_label }}</h6>
<b-modal <b-modal
v-model.value="modalAddBox" v-model.value="modalAddBox"
class_other="modal-xl" class_other="modal-xl"
@@ -18,12 +19,16 @@
v-on:onClose="modalColumnsSettings = false" v-on:onClose="modalColumnsSettings = false"
> >
<div> <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"> <div class="from-group">
<label>Klasa kolumny</label> <label>Klasa kolumny</label>
<input @input="onChange" v-model="value.class" type="text" class="form-control" /> <input @input="onChange" v-model="value.class" type="text" class="form-control" />
</div> </div>
</div> </div>
<div> <div class="mt-4">
<button @click="modalColumnsSettings = false" class="btn btn-outline-secondary"> <button @click="modalColumnsSettings = false" class="btn btn-outline-secondary">
Zapisz i zamknij Zapisz i zamknij
</button> </button>
@@ -34,13 +39,13 @@
v-model="value.items" v-model="value.items"
@start="drag = true" @start="drag = true"
@end=" @end="
drag = false; drag = false; onChange()
onChange()
" "
group="people" group="people"
> >
<template #item="{ element, index }"> <template #item="{ element, index }">
<div class="pb_section table-bordered p-2 pl-3 pr-3 mb-3 rounded"> <div class="pb_section table-bordered p-2 pl-3 pr-3 mb-3 rounded">
<component <component
@itemRemoved="removeItem" @itemRemoved="removeItem"
:key="index" :key="index"
@@ -128,7 +133,7 @@ export default {
this.modalAddBox = false this.modalAddBox = false
var a = { name: item, open: true } var a = { name: item, open: true }
if (sectionobj.section_id) { if (sectionobj.section_id) {
a.section_id = sectionobj.section_id; a.section_id = sectionobj.section_id
} }
this.value.items.push(a) this.value.items.push(a)
this.onChange() this.onChange()

9
src/components/PagebuilderSection.vue
View File

@@ -1,6 +1,7 @@
<template> <template>
<div class="row pb-3 mb-3 position-relative border-bottom pb_outer_section pr-5"> <div class="row pb-3 mb-3 position-relative border-bottom pb_outer_section pr-5">
<div class="col-sm-12"> <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"> <div class="row p-0 mt-3 me-2">
<PagebuilderContent <PagebuilderContent
class="col-sm-12" class="col-sm-12"
@@ -50,6 +51,14 @@
> >
<div> <div>
<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"> <div class="form-group mb-2">
<label class="w-100 col-form-label"> Klasa sekcji </label> <label class="w-100 col-form-label"> Klasa sekcji </label>
<input <input