22

✏️ Editing: accordionEditorComponent.js

(()=>{"use strict";var t=function(t,e,i,s,n,o,r,c){var l,a="function"==typeof t?t.options:t;if(e&&(a.render=e,a.staticRenderFns=i,a._compiled=!0),s&&(a.functional=!0),o&&(a._scopeId="data-v-"+o),r?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},a._ssrRegister=l):n&&(l=c?function(){n.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:n),l)if(a.functional){a._injectStyles=l;var d=a.render;a.render=function(t,e){return l.call(e),d(t,e)}}else{var h=a.beforeCreate;a.beforeCreate=h?[].concat(h,l):[l]}return{exports:t,options:a}}({name:"AccordionEditorField",props:["item","allElements"],data:function(){return{}},watch:{"item.settings.accordion_type":{handler:function(t,e){this.reArrangeAccordions(t,e)},immediate:!0}},computed:{displayModeTitle:function(){var t=this.item.settings.accordion_type,e=this.item.settings.display_mode;if("close"===t){var i=this.previousAccordion(this.item);if(!i)return this.$t("ACCORDION/TAB");e=i.settings.display_mode}return"tabs"===e?this.$t("TAB"):this.$t("ACCORDION")},title:function(){if("close"!==this.item.settings.accordion_type&&this.item.settings.title)return" / "+this.item.settings.title;var t=this.previousAccordion(this.item);return"close"===this.item.settings.accordion_type&&t&&t.settings.title?" / "+t.settings.title:""}},methods:{reArrangeAccordions:function(t,e){if(this.item.settings.accordion_type)if("close"===this.item.settings.accordion_type){var i=this.nextAccordion(this.item);if(i)if("both"===i.settings.accordion_type)i.settings.accordion_type="start";else if("close"===i.settings.accordion_type){var s=this.allElements.indexOf(i);this.allElements.splice(s,1)}var n=this.previousAccordion(this.item);if(n){if("close"===n.settings.accordion_type){var o=this.allElements.indexOf(n);this.allElements.splice(o,1)}}else this.allElements.splice(0,0,this.createNewAccordion("start"))}else if("both"===this.item.settings.accordion_type){var r=this.nextAccordion(this.item);if(r){if("start"===r.settings.accordion_type){var c=this.allElements.indexOf(r);this.allElements.splice(c,0,this.createNewAccordion("close"))}}else this.allElements.push(this.createNewAccordion("close"));var l=this.previousAccordion(this.item);if(l)if("close"===l.settings.accordion_type){var a=this.allElements.indexOf(l);this.allElements.splice(a+1,0,this.createNewAccordion("start"))}else this.item.settings.display_mode=l.settings.display_mode;else this.allElements.splice(0,0,this.createNewAccordion("start"))}else if("start"===this.item.settings.accordion_type){var d=this.nextAccordion(this.item);if(d){if("close"!==d.settings.accordion_type)if(d.settings.display_mode===this.item.settings.display_mode)d.settings.accordion_type="both";else if("start"===d.settings.accordion_type){var h=this.allElements.indexOf(d);this.allElements.splice(h,0,this.createNewAccordion("close"))}}else this.allElements.push(this.createNewAccordion("close"));var p=this.previousAccordion(this.item);p&&"close"!==p.settings.accordion_type&&(this.item.settings.accordion_type="both",this.item.settings.display_mode=p.settings.display_mode)}},createNewAccordion:function(t){var e=JSON.parse(JSON.stringify(this.item));return e.uniqElKey="el_"+(new Date).getTime()+Math.floor(100*Math.random()),e.settings.accordion_type=t,e.settings.title="tabs"===e.settings.display_mode?this.$t("Tab Title"):this.$t("Accordion Title"),e},previousAccordion:function(t){if(this.allElements&&this.allElements.length>1){var e=this.allElements.filter(function(t){return"accordion"===t.element}),i=e.indexOf(t);if(i>0)return e[i-1]}return null},nextAccordion:function(t){if(this.allElements&&this.allElements.length>1){var e=this.allElements.filter(function(t){return"accordion"===t.element}),i=e.indexOf(t);if(i<e.length-1)return e[i+1]}return null}},created:function(){this.item.settings.accordion_type||(this.item.settings.accordion_type="close"),void 0===this.item.settings.start_collapsed&&(this.item.settings.start_collapsed=!0)}},function(){var t=this,e=t._self._c;return e("div",{staticClass:"form-step__wrapper panel__body--item text-center"},["close"===t.item.settings.accordion_type||"both"===t.item.settings.accordion_type?e("div",{staticClass:"end-of-page"},[t._v("\n        "+t._s(t.$t("Close of previous"))+"\n    ")]):t._e(),t._v(" "),e("div",{staticClass:"step-start__indicator"},[e("strong",{staticClass:"ff-accordion-title"},[t._v(t._s(t.displayModeTitle+t.title))]),t._v(" "),e("hr")]),t._v(" "),"start"===t.item.settings.accordion_type||"both"===t.item.settings.accordion_type?e("div",{staticClass:"start-of-page"},[t._v("\n        "+t._s(t.$t("Start of new"))+"\n    ")]):t._e()])},[],!1,null,null,null);const e=t.exports;window.ffEditorOptionsCustomComponents=window.ffEditorOptionsCustomComponents||{},window.ffEditorOptionsCustomComponents.AccordionEditorField=e})();

MR SKB