NW/Aknaproff
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

update_21.09.23

Browse Source
This commit is contained in:
NW
2023-09-21 15:20:06 +01:00
parent 046eddc957
commit 0de0459ce1
25 changed files with 2454 additions and 2091 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
resources/js/components/FormTab.vue
View File

@@ -6,7 +6,7 @@
<div class="card-header">
<p class="card-title">{{trans('messages.elements')}}</p>
</div>
<div class="collapse show" id="basicElements">
<div class="card-body pr-1 pl-1 elements_sidebar_height">
<draggable class="dragArea list-group"
@@ -16,8 +16,8 @@
:sort="false"
@change="change"
>
<div class="list-group-item"
v-for="element in basic_elements"
<div class="list-group-item"
v-for="element in basic_elements"
:key="element.type"
>
<button type="button"
@@ -53,24 +53,25 @@
handle=".handle"
@change="change"
:animation="200"
>
>
<transition-group
name="custom-classes-transition"
enter-active-class="animated zoomIn"
leave-active-class="animated fadeOut"
leave-active-class="animated fadeOut"
tag="div"
class="row"
:class="[(selected_elements.length < 3) ? 'transition-card-body' : '']">
<div
v-for="(element, index) in selected_elements"
v-for="(element, index) in selected_elements"
:key="element.id"
:class="element.col"
:class="element.col"
@click="toggleConfigurator(index, true)"
>
<fieldGenerator
:element="element"
<fieldGenerator
:element="element"
:settings="settings"
:applyValidations="applyValidations"
action=""
></fieldGenerator>
<div class="element-config-action-btn float-right"
v-show="element.extras.showConfigurator">
@@ -146,7 +147,7 @@
</div>
<form-layout
:selected_elements="selected_elements"
:settings="settings">
:settings="settings">
</form-layout>
<div class="row">
<!-- form custom attribute -->
@@ -178,7 +179,7 @@
<div class="tab-pane fade mb-2" :class="isConfiguratorOpen ? 'active show' : ''" id="configuration" role="tabpanel" aria-labelledby="configuration-tab">
<template v-for="(element, index) in selected_elements"
v-if="element.extras.showConfigurator && isConfiguratorOpen">
<fieldConfigurator
<fieldConfigurator
v-if="!_.includes(['page_break'], element.type)"
:key="element.id"
:element="element"
@@ -232,7 +233,7 @@
return {
applyValidations: false,
basic_elements: [
{ type: 'text',
{ type: 'text',
subtype:'text',
label: self.trans('messages.input'),
help_text: '',
@@ -248,16 +249,16 @@
tooltip: self.trans('messages.text_tooltip'),
popover_help_text:{
enable: false,
content: ''
content: ''
},
allowed_input:{
values:'',
error_msg: 'This value is not allowed.'
}
},
{ type: 'textarea',
{ type: 'textarea',
label: self.trans('messages.textarea'),
help_text: '',
help_text: '',
display_icon: 'list',
prefix_icon: 'none',
suffix_icon: 'none',
@@ -271,10 +272,10 @@
tooltip: self.trans('messages.textarea_tooltip'),
popover_help_text:{
enable: false,
content: ''
content: ''
}
},
{ type: 'dropdown',
{ type: 'dropdown',
label: self.trans('messages.dropdown'),
help_text: '',
display_icon: 'caret-square-down',
@@ -290,12 +291,12 @@
tooltip: self.trans('messages.dropdown_tooltip'),
popover_help_text:{
enable: false,
content: ''
content: ''
}
},
{ type: 'radio',
{ type: 'radio',
label: self.trans('messages.radio'),
help_text: '',
help_text: '',
spread_to_col: {
enable: false,
column: 2
@@ -308,12 +309,12 @@
tooltip: self.trans('messages.radio_tooltip'),
popover_help_text:{
enable: false,
content: ''
content: ''
}
},
{ type: 'checkbox',
{ type: 'checkbox',
label: self.trans('messages.checkbox'),
help_text: '',
help_text: '',
spread_to_col: {
enable: false,
column: 2
@@ -326,10 +327,10 @@
tooltip: self.trans('messages.checkbox_tooltip'),
popover_help_text:{
enable: false,
content: ''
content: ''
}
},
{ type: 'heading',
{ type: 'heading',
label: self.trans('messages.heading_paragrahp'),
tag: 'h1',
text_color: '#212529',
@@ -342,7 +343,7 @@
content: ''
}
},
{ type: 'range',
{ type: 'range',
label: self.trans('messages.range'),
help_text: '',
display_icon: 'arrows-alt-h',
@@ -356,7 +357,7 @@
tooltip: self.trans('messages.range_tooltip'),
popover_help_text:{
enable: false,
content: ''
content: ''
}
},
{ type: 'calendar',
@@ -380,7 +381,7 @@
tooltip: self.trans('messages.datetime_tooltip'),
popover_help_text:{
enable: false,
content: ''
content: ''
}
},
{
@@ -401,7 +402,7 @@
tooltip: self.trans('messages.file_upload_tooltip'),
popover_help_text:{
enable: false,
content: ''
content: ''
}
},
{
@@ -417,7 +418,7 @@
tooltip: self.trans('messages.text_editor_tooltip'),
popover_help_text:{
enable: false,
content: ''
content: ''
}
},
{
@@ -432,7 +433,7 @@
tooltip: self.trans('messages.terms_condition_tooltip'),
popover_help_text:{
enable: false,
content: ''
content: ''
}
},
{
@@ -451,7 +452,7 @@
tooltip: self.trans('messages.rating_tooltip'),
popover_help_text:{
enable: false,
content: ''
content: ''
}
},
{
@@ -466,7 +467,7 @@
tooltip: self.trans('messages.switch_tooltip'),
popover_help_text:{
enable: false,
content: ''
content: ''
}
},
{
@@ -510,7 +511,7 @@
tooltip: self.trans('messages.signature_tooltip'),
popover_help_text:{
enable: false,
content: ''
content: ''
}
},
{
@@ -636,7 +637,7 @@
} else {
return '';
}
},
change: function(evt) {
window.console.log(evt);
@@ -681,7 +682,7 @@
}
this.selected_elements[index].extras.showConfigurator = show;
},
toggleConfiguratorEvent(values){
toggleConfiguratorEvent(values){
this.toggleConfigurator(values.index, values.show);
this.openElementConfigurator();
},
@@ -770,4 +771,4 @@
.transition-card-body{
min-height: 392px;
}
</style>
</style>