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

section_text button and section_textarea more menu

Browse Source
This commit is contained in:
Szymon Haczyk
2022-07-06 14:20:19 +02:00
parent 4d262ace68
commit 0c25909b49
4 changed files with 45 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/plugin/SectionText.vue
View File

@@ -16,14 +16,14 @@
<strong class="font-weight-bold">{{ langs.content }}:</strong> {{ (text) ? text : ' ' }}
</div>
<b-modal v-model="modalBox" :title="langs.label" @close="onCloseModal">
<div class="form-group">
<label class="w-100 col-form-label">{{ langs.content }}</label>
<input class="form-control" type="text" v-model="text" />
</div>
<div class="form-group">
<div class="form-grou mb-2">
<label class="w-100 col-form-label">{{ langs.type }}</label>
<select class="form-control" v-model="h_type">
<select class="form-select" v-model="h_type">
<option value="">{{ langs.typeplaintext }}</option>
<option value="h1">{{ langs.typeheader }} 1</option>
<option value="h2">{{ langs.typeheader }} 2</option>
@@ -33,8 +33,21 @@
</select>
</div>
<div class="form-group">
<!-- <label class="w-100 col-form-label">Wyrównanie</label> -->
<label class="w-100 col-form-label">Wyrównanie</label>
<div class="">
<button v-tooltip title="Wyrównanie do lewej" @click="align='left'" class="btn btn-icon-sm " :class="align=='left'?'btn-primary':'btn-outline-primary'">
<span class="material-icons-outlined">format_align_left</span>
</button>
<button v-tooltip title="Wyrównanie do środka" @click="align='center'" class="btn btn-icon-sm " :class="align=='center'?'btn-primary':'btn-outline-primary'">
<span class="material-icons-outlined">format_align_center</span>
</button>
<button v-tooltip title="Wyrównanie do prawej" @click="align='right'" class="btn btn-icon-sm " :class="align=='right'?'btn-primary':'btn-outline-primary'">
<span class="material-icons-outlined">format_align_right</span>
</button>
<button v-tooltip title="Justowanie" @click="align='justify'" class="btn btn-icon-sm " :class="align=='justify'?'btn-primary':'btn-outline-primary'">
<span class="material-icons-outlined">format_align_justify</span>
</button>
</div>
</div>
<div class="text-center"><button class="btn btn-outline-secondary me-1" @click.prevent="onCloseModal">{{
@@ -78,9 +91,10 @@ export default {
this.align = (this.value && this.value.align) ? this.value.align : this.align;
if (this.value.open) this.modalBox = true;
console.log('mounted text');
this.$emit('input',this.value);
this.$emit('input', this.value);
},
methods: {
removeItem: function () {
this.$emit('itemRemoved', this.value);
@@ -95,8 +109,8 @@ export default {
})
}
},
destroy(){
this.modalBox=false;
destroy() {
this.modalBox = false;
}
}