Edit File by line

(api => {

[0] Fix | Delete

"use strict";

[1] Fix | Delete

api.ModuleServiceMenu = class extends api.Module {

[2] Fix | Delete

constructor(fields) {

[3] Fix | Delete

super(fields);

[4] Fix | Delete

}

[5] Fix | Delete

static getOptions() {

[6] Fix | Delete

return [

[7] Fix | Delete

{

[8] Fix | Delete

id: 'style_service_menu',

[9] Fix | Delete

type: 'layout',

[10] Fix | Delete

label: 'menustyle',

[11] Fix | Delete

mode: 'sprite',

[12] Fix | Delete

default:'image-left',

[13] Fix | Delete

options: [

[14] Fix | Delete

{

[15] Fix | Delete

img: 'image_top',

[16] Fix | Delete

value: 'image-top',

[17] Fix | Delete

label: 'imgtop'

[18] Fix | Delete

[19] Fix | Delete

{

[20] Fix | Delete

img: 'image_left',

[21] Fix | Delete

value: 'image-left',

[22] Fix | Delete

label: 'imgleft'

[23] Fix | Delete

[24] Fix | Delete

{

[25] Fix | Delete

img: 'image_center',

[26] Fix | Delete

value: 'image-center',

[27] Fix | Delete

label: 'imgcenter'

[28] Fix | Delete

[29] Fix | Delete

{

[30] Fix | Delete

img: 'image_right',

[31] Fix | Delete

value: 'image-right',

[32] Fix | Delete

label: 'imgright'

[33] Fix | Delete

[34] Fix | Delete

{

[35] Fix | Delete

img: 'image_overlay',

[36] Fix | Delete

value: 'image-overlay',

[37] Fix | Delete

label: 'imgoverlay'

[38] Fix | Delete

[39] Fix | Delete

{

[40] Fix | Delete

img: 'image_horizontal',

[41] Fix | Delete

value: 'image-horizontal',

[42] Fix | Delete

label: 'imghriznt'

[43] Fix | Delete

}

[44] Fix | Delete

[45] Fix | Delete

control: {

[46] Fix | Delete

classSelector: ''

[47] Fix | Delete

}

[48] Fix | Delete

[49] Fix | Delete

{

[50] Fix | Delete

id: 'title_service_menu',

[51] Fix | Delete

type: 'text',

[52] Fix | Delete

label: 'menut',

[53] Fix | Delete

[54] Fix | Delete

control: {

[55] Fix | Delete

selector: '.tb-menu-title'

[56] Fix | Delete

}

[57] Fix | Delete

[58] Fix | Delete

{

[59] Fix | Delete

id: 'title_tag',

[60] Fix | Delete

type: 'select',

[61] Fix | Delete

label: 'tht',

[62] Fix | Delete

h_tags: true,

[63] Fix | Delete

default: 'h4'

[64] Fix | Delete

[65] Fix | Delete

{

[66] Fix | Delete

id: 'description_service_menu',

[67] Fix | Delete

type: 'textarea',

[68] Fix | Delete

label: 'desc',

[69] Fix | Delete

control: {

[70] Fix | Delete

selector: '.tb-menu-description'

[71] Fix | Delete

}

[72] Fix | Delete

[73] Fix | Delete

{

[74] Fix | Delete

id: 'price_service_menu',

[75] Fix | Delete

type: 'text',

[76] Fix | Delete

label: 'price',

[77] Fix | Delete

[78] Fix | Delete

control: {

[79] Fix | Delete

selector: '.tb-menu-price'

[80] Fix | Delete

}

[81] Fix | Delete

[82] Fix | Delete

{

[83] Fix | Delete

id: 'add_price_check',

[84] Fix | Delete

type: 'checkbox',

[85] Fix | Delete

label: '',

[86] Fix | Delete

options: [

[87] Fix | Delete

{

[88] Fix | Delete

[89] Fix | Delete

value: 'enpriceopt'

[90] Fix | Delete

}

[91] Fix | Delete

[92] Fix | Delete

binding: {

[93] Fix | Delete

checked: {

[94] Fix | Delete

show: '#price_fields_holder',

[95] Fix | Delete

hide: 'price_service_menu'

[96] Fix | Delete

[97] Fix | Delete

not_checked: {

[98] Fix | Delete

hide: '#price_fields_holder',

[99] Fix | Delete

show: 'price_service_menu'

[100] Fix | Delete

}

[101] Fix | Delete

}

[102] Fix | Delete

[103] Fix | Delete

{

[104] Fix | Delete

id: 'price_fields_holder',

[105] Fix | Delete

type: 'builder',

[106] Fix | Delete

label: 'price',

[107] Fix | Delete

options: [

[108] Fix | Delete

{

[109] Fix | Delete

id: 'label',

[110] Fix | Delete

type: 'text',

[111] Fix | Delete

label: 'label',

[112] Fix | Delete

control: {

[113] Fix | Delete

selector: '.tb-price-title'

[114] Fix | Delete

}

[115] Fix | Delete

[116] Fix | Delete

{

[117] Fix | Delete

id: 'price',

[118] Fix | Delete

type: 'text',

[119] Fix | Delete

label: 'price',

[120] Fix | Delete

control: {

[121] Fix | Delete

selector: '.tb-price-value'

[122] Fix | Delete

}

[123] Fix | Delete

}

[124] Fix | Delete

]

[125] Fix | Delete

[126] Fix | Delete

{

[127] Fix | Delete

id: 'image_service_menu',

[128] Fix | Delete

type: 'image',

[129] Fix | Delete

label: 'imgurl'

[130] Fix | Delete

[131] Fix | Delete

{

[132] Fix | Delete

id: 'appearance_image_service_menu',

[133] Fix | Delete

type: 'checkbox',

[134] Fix | Delete

label: 'imgapp',

[135] Fix | Delete

img_appearance: true

[136] Fix | Delete

[137] Fix | Delete

{

[138] Fix | Delete

id: 'image_size_service_menu',

[139] Fix | Delete

type: 'image_size'

[140] Fix | Delete

[141] Fix | Delete

{

[142] Fix | Delete

id: 'width_service_menu',

[143] Fix | Delete

type: 'number',

[144] Fix | Delete

label: 'w',

[145] Fix | Delete

after: 'px'

[146] Fix | Delete

[147] Fix | Delete

{

[148] Fix | Delete

id: 'height_service_menu',

[149] Fix | Delete

type: 'number',

[150] Fix | Delete

label: 'ht',

[151] Fix | Delete

after: 'px'

[152] Fix | Delete

[153] Fix | Delete

{

[154] Fix | Delete

id: 'link_service_menu',

[155] Fix | Delete

type: 'url',

[156] Fix | Delete

label: 'imgl',

[157] Fix | Delete

binding: {

[158] Fix | Delete

empty: {

[159] Fix | Delete

hide: [

[160] Fix | Delete

'link_options',

[161] Fix | Delete

'image_zoom_icon',

[162] Fix | Delete

'lightbox_size'

[163] Fix | Delete

]

[164] Fix | Delete

[165] Fix | Delete

not_empty: {

[166] Fix | Delete

show: [

[167] Fix | Delete

'link_options',

[168] Fix | Delete

'image_zoom_icon',

[169] Fix | Delete

'lightbox_size'

[170] Fix | Delete

]

[171] Fix | Delete

}

[172] Fix | Delete

}

[173] Fix | Delete

[174] Fix | Delete

{

[175] Fix | Delete

id: 'link_options',

[176] Fix | Delete

type: 'radio',

[177] Fix | Delete

label: 'o_l',

[178] Fix | Delete

options: [

[179] Fix | Delete

{

[180] Fix | Delete

value: 'regular',

[181] Fix | Delete

[182] Fix | Delete

[183] Fix | Delete

{

[184] Fix | Delete

value: 'lightbox',

[185] Fix | Delete

[186] Fix | Delete

[187] Fix | Delete

{

[188] Fix | Delete

value: 'newtab',

[189] Fix | Delete

[190] Fix | Delete

}

[191] Fix | Delete

[192] Fix | Delete

option_js: true

[193] Fix | Delete

[194] Fix | Delete

{

[195] Fix | Delete

id: 'image_zoom_icon',

[196] Fix | Delete

type: 'checkbox',

[197] Fix | Delete

label: '',

[198] Fix | Delete

options: [

[199] Fix | Delete

{

[200] Fix | Delete

[201] Fix | Delete

value: 'szoomic'

[202] Fix | Delete

}

[203] Fix | Delete

[204] Fix | Delete

wrap_class: 'tb_group_element_lightbox tb_group_element_newtab'

[205] Fix | Delete

[206] Fix | Delete

{

[207] Fix | Delete

type: 'multi',

[208] Fix | Delete

label: 'lbdim',

[209] Fix | Delete

options: [

[210] Fix | Delete

{

[211] Fix | Delete

id: 'lightbox_width',

[212] Fix | Delete

type: 'number',

[213] Fix | Delete

label: 'w',

[214] Fix | Delete

control: false

[215] Fix | Delete

[216] Fix | Delete

{

[217] Fix | Delete

id: 'lightbox_size_unit_width',

[218] Fix | Delete

type: 'select',

[219] Fix | Delete

label: 'units',

[220] Fix | Delete

options: {

[221] Fix | Delete

pixels: 'px',

[222] Fix | Delete

percents: '%'

[223] Fix | Delete

[224] Fix | Delete

control: false

[225] Fix | Delete

[226] Fix | Delete

{

[227] Fix | Delete

id: 'lightbox_height',

[228] Fix | Delete

type: 'number',

[229] Fix | Delete

label: 'ht',

[230] Fix | Delete

control: false

[231] Fix | Delete

[232] Fix | Delete

{

[233] Fix | Delete

id: 'lightbox_size_unit_height',

[234] Fix | Delete

type: 'select',

[235] Fix | Delete

label: 'units',

[236] Fix | Delete

options: {

[237] Fix | Delete

pixels: 'px',

[238] Fix | Delete

percents: '%'

[239] Fix | Delete

[240] Fix | Delete

control: false

[241] Fix | Delete

}

[242] Fix | Delete

[243] Fix | Delete

wrap_class: 'tb_group_element_lightbox'

[244] Fix | Delete

[245] Fix | Delete

{

[246] Fix | Delete

id: 'highlight_service_menu',

[247] Fix | Delete

type: 'checkbox',

[248] Fix | Delete

label: 'highlgt',

[249] Fix | Delete

options: [

[250] Fix | Delete

{

[251] Fix | Delete

[252] Fix | Delete

value: 'highlgtitem'

[253] Fix | Delete

}

[254] Fix | Delete

[255] Fix | Delete

binding: {

[256] Fix | Delete

checked: {

[257] Fix | Delete

show: [

[258] Fix | Delete

'highlight_text_service_menu',

[259] Fix | Delete

'highlight_color_service_menu'

[260] Fix | Delete

]

[261] Fix | Delete

[262] Fix | Delete

not_checked: {

[263] Fix | Delete

hide: [

[264] Fix | Delete

'highlight_text_service_menu',

[265] Fix | Delete

'highlight_color_service_menu'

[266] Fix | Delete

]

[267] Fix | Delete

}

[268] Fix | Delete

}

[269] Fix | Delete

[270] Fix | Delete

{

[271] Fix | Delete

id: 'highlight_text_service_menu',

[272] Fix | Delete

type: 'text',

[273] Fix | Delete

label: '',

[274] Fix | Delete

after: 'highlgtxt',

[275] Fix | Delete

[276] Fix | Delete

control: {

[277] Fix | Delete

selector: '.tb-highlight-text'

[278] Fix | Delete

}

[279] Fix | Delete

[280] Fix | Delete

{

[281] Fix | Delete

id: 'highlight_color_service_menu',

[282] Fix | Delete

type: 'layout',

[283] Fix | Delete

label: '',

[284] Fix | Delete

mode: 'sprite',

[285] Fix | Delete

[286] Fix | Delete

color: true,

[287] Fix | Delete

transparent: true,

[288] Fix | Delete

control: {

[289] Fix | Delete

classSelector: ''

[290] Fix | Delete

}

[291] Fix | Delete

[292] Fix | Delete

{

[293] Fix | Delete

type: 'custom_css_id',

[294] Fix | Delete

custom_css: 'css_service_menu'

[295] Fix | Delete

}

[296] Fix | Delete

];

[297] Fix | Delete

}

[298] Fix | Delete

static default() {

[299] Fix | Delete

return {

[300] Fix | Delete

title_service_menu: i18n.menut,

[301] Fix | Delete

description_service_menu: i18n.desc,

[302] Fix | Delete

price_service_menu: '$200',

[303] Fix | Delete

image_service_menu: 'https://themify.org/img/menu-pizza.png',

[304] Fix | Delete

width_service_menu: 100

[305] Fix | Delete

};

[306] Fix | Delete

}

[307] Fix | Delete

getExcerpt(data) {

[308] Fix | Delete

const setting = data || this.get('mod_settings');

[309] Fix | Delete

return api.Helper.limitString((setting.title_service_menu || setting.description_service_menu));

[310] Fix | Delete

}

[311] Fix | Delete

getImage(data) {

[312] Fix | Delete

const setting = data || this.get('mod_settings'),

[313] Fix | Delete

imgUrl=setting.image_service_menu,

[314] Fix | Delete

img=new Image(32,32);

[315] Fix | Delete

if(imgUrl){

[316] Fix | Delete

img.src=imgUrl;

[317] Fix | Delete

if(!api.activeModel){

[318] Fix | Delete

img.loading='lazy';

[319] Fix | Delete

}

[320] Fix | Delete

img.alt=this.getName();

[321] Fix | Delete

return img;

[322] Fix | Delete

}

[323] Fix | Delete

return super.getImage(setting);

[324] Fix | Delete

}

[325] Fix | Delete

static builderSave(settings) {

[326] Fix | Delete

const def = {

[327] Fix | Delete

title_tag: 'h4',

[328] Fix | Delete

style_service_menu: 'image-left',

[329] Fix | Delete

lightbox_size_unit_width:'pixels',

[330] Fix | Delete

lightbox_size_unit_height: 'pixels',

[331] Fix | Delete

highlight_color_service_menu: 'default',

[332] Fix | Delete

link_options:'regular',

[333] Fix | Delete

add_price_check:false,

[334] Fix | Delete

appearance_image_service_menu:false,

[335] Fix | Delete

highlight_service_menu:false,

[336] Fix | Delete

image_zoom_icon:false

[337] Fix | Delete

};

[338] Fix | Delete

for (let key in def) {

[339] Fix | Delete

if (settings[key] === def[key] || ((key==='add_price_check' || key==='appearance_image_service_menu' || key==='highlight_service_menu' || key==='image_zoom_icon') && (settings[key]==='|' || settings[key]==='false'))) {

[340] Fix | Delete

delete settings[key];

[341] Fix | Delete

}

[342] Fix | Delete

}

[343] Fix | Delete

if(!settings.highlight_service_menu){

[344] Fix | Delete

delete settings.highlight_text_service_menu;

[345] Fix | Delete

delete settings.highlight_color_service_menu;

[346] Fix | Delete

}

[347] Fix | Delete

if(!settings.image_service_menu){

[348] Fix | Delete

delete settings.width_service_menu;

[349] Fix | Delete

delete settings.height_service_menu;

[350] Fix | Delete

}

[351] Fix | Delete

if(!settings.link_service_menu){

[352] Fix | Delete

delete settings.link_options;

[353] Fix | Delete

}

[354] Fix | Delete

if(!settings.link_options){

[355] Fix | Delete

delete settings.image_zoom_icon;

[356] Fix | Delete

}

[357] Fix | Delete

if(settings.link_options!=='lightbox'){

[358] Fix | Delete

delete settings.lightbox_width;

[359] Fix | Delete

delete settings.lightbox_height;

[360] Fix | Delete

}

[361] Fix | Delete

if(!settings.lightbox_width){

[362] Fix | Delete

delete settings.lightbox_size_unit_width;

[363] Fix | Delete

}

[364] Fix | Delete

if(!settings.lightbox_height){

[365] Fix | Delete

delete settings.lightbox_size_unit_height;

[366] Fix | Delete

}

[367] Fix | Delete

if(!settings.add_price_check){

[368] Fix | Delete

delete settings.price_fields_holder;

[369] Fix | Delete

}else{

[370] Fix | Delete

if(settings.price_fields_holder?.length===0){

[371] Fix | Delete

delete settings.price_fields_holder;

[372] Fix | Delete

}

[373] Fix | Delete

delete settings.price_service_menu;

[374] Fix | Delete

}

[375] Fix | Delete

super.builderSave(settings);

[376] Fix | Delete

}

[377] Fix | Delete

preview(data) {

[378] Fix | Delete

const module = createElement(),

[379] Fix | Delete

imageContent = createElement('','tb-image-content tf_overflow'),

[380] Fix | Delete

menuTitleWrap=createElement('', 'tb-menu-title-wrap'),

[381] Fix | Delete

classes = ['module', 'module-service-menu'],

[382] Fix | Delete

constructor=this.constructor;

[383] Fix | Delete

if(data.appearance_image_service_menu){

[384] Fix | Delete

classes.push(data.appearance_image_service_menu.split('|').join(' '));

[385] Fix | Delete

}

[386] Fix | Delete

if (data.style_service_menu) {

[387] Fix | Delete

classes.push(data.style_service_menu);

[388] Fix | Delete

}

[389] Fix | Delete

if (data.css_service_menu) {

[390] Fix | Delete

classes.push(data.css_service_menu);

[391] Fix | Delete

}

[392] Fix | Delete

if (data.highlight_service_menu) {

[393] Fix | Delete

const color=data.highlight_color_service_menu && data.highlight_color_service_menu!=='default'?data.highlight_color_service_menu:'tb_default_color';

[394] Fix | Delete

if (data.highlight_text_service_menu) {

[395] Fix | Delete

const highlightText=constructor.getModuleTitle(data.title_service_menu,'highlight_text_service_menu');

[396] Fix | Delete

highlightText.className='tb-highlight-text';

[397] Fix | Delete

module.appendChild(highlightText);

[398] Fix | Delete

}

[399] Fix | Delete

classes.push('has-highlight',color);

[400] Fix | Delete

}

[401] Fix | Delete

else{

[402] Fix | Delete

classes.push('no-highlight');

[403] Fix | Delete

}

[404] Fix | Delete

module.className = classes.join(' ');

[405] Fix | Delete

[406] Fix | Delete

if (data.image_service_menu){

[407] Fix | Delete

const imageWrap =createElement('','tb-image-wrap tf_left'),

[408] Fix | Delete

img=constructor.setEditableImage(createElement('img',{class:'tb_menu_image',alt:data.title_service_menu || data.description_service_menu}),'image_service_menu','width_service_menu','height_service_menu',data);

[409] Fix | Delete

if (data.link_service_menu) {

[410] Fix | Delete

const link = createElement('a',{href:data.link_service_menu}),

[411] Fix | Delete

linkType=data.link_options;

[412] Fix | Delete

if(linkType === 'lightbox'){

[413] Fix | Delete

link.className='lightbox-builder themify_lightbox';

[414] Fix | Delete

const lbWdith=data.lightbox_width,

[415] Fix | Delete

lbHeight=data.lightbox_height,

[416] Fix | Delete

lightbox_settings = [],

[417] Fix | Delete

units = {pixels: 'px',percents: '%'};

[418] Fix | Delete

if(lbWdith){

[419] Fix | Delete

lightbox_settings.push(lbWdith + units[data.lightbox_size_unit_width]);

[420] Fix | Delete

}

[421] Fix | Delete

if(lbHeight){

[422] Fix | Delete

lightbox_settings.push(lbHeight + units[data.lightbox_size_unit_height]);

[423] Fix | Delete

}

[424] Fix | Delete

if(lightbox_settings.length>0){

[425] Fix | Delete

link.dataset.zoomConfig=lightbox_settings.join('|');

[426] Fix | Delete

}

[427] Fix | Delete

}

[428] Fix | Delete

else if(linkType==='newtab'){

[429] Fix | Delete

link.target='_blank';

[430] Fix | Delete

link.rel='noopener';

[431] Fix | Delete

}

[432] Fix | Delete

if(data.image_zoom_icon === 'zoom' && linkType!== 'regular'){

[433] Fix | Delete

const zoom = createElement('span','zoom');

[434] Fix | Delete

zoom.appendChild(api.Helper.getIcon((linkType === 'newtab'?'fa-external-link':'fa-search')));

[435] Fix | Delete

link.appendChild(zoom);

[436] Fix | Delete

}

[437] Fix | Delete

link.appendChild(img);

[438] Fix | Delete

imageWrap.appendChild(link);

[439] Fix | Delete

}

[440] Fix | Delete

else{

[441] Fix | Delete

imageWrap.appendChild(img);

[442] Fix | Delete

}

[443] Fix | Delete

module.appendChild(imageWrap);

[444] Fix | Delete

}

[445] Fix | Delete

if (data.title_service_menu) {

[446] Fix | Delete

menuTitleWrap.appendChild(constructor._setEditableContent(createElement(data.title_tag || 'h4','tb-menu-title'),'title_service_menu',data.title_service_menu));

[447] Fix | Delete

}

[448] Fix | Delete

[449] Fix | Delete

if (data.description_service_menu) {

[450] Fix | Delete

menuTitleWrap.appendChild(constructor._setEditableContent(createElement('','tb-menu-description'),'description_service_menu',data.description_service_menu));

[451] Fix | Delete

}

[452] Fix | Delete

[453] Fix | Delete

imageContent.appendChild(menuTitleWrap);

[454] Fix | Delete

[455] Fix | Delete

if (data.price_service_menu !== '' || data.add_price_check === 'yes' ) {

[456] Fix | Delete

const menuPrice=createElement('','tb-menu-price');

[457] Fix | Delete

if(data.add_price_check=== 'yes'){

[458] Fix | Delete

const arr=data.price_fields_holder || [];

[459] Fix | Delete

for(let i=0;i<arr.length;++i){

[460] Fix | Delete

let priceItem=createElement('','tb-price-item');

[461] Fix | Delete

[462] Fix | Delete

if(arr[i].label !== ''){

[463] Fix | Delete

priceItem.appendChild(constructor._setEditableContent(createElement('','tb-price-title'),'label',arr[i].label,'','price_fields_holder',i));

[464] Fix | Delete

}

[465] Fix | Delete

[466] Fix | Delete

if(arr[i].price !== ''){

[467] Fix | Delete

priceItem.appendChild(constructor._setEditableContent(createElement('','tb-price-value'),'price',arr[i].price,'','price_fields_holder',i));

[468] Fix | Delete

}

[469] Fix | Delete

[470] Fix | Delete

menuPrice.appendChild(priceItem);

[471] Fix | Delete

}

[472] Fix | Delete

}

[473] Fix | Delete

else{

[474] Fix | Delete

constructor._setEditableContent(menuPrice,'price_service_menu',data.price_service_menu);

[475] Fix | Delete

}

[476] Fix | Delete

imageContent.appendChild(menuPrice);

[477] Fix | Delete

}

[478] Fix | Delete

[479] Fix | Delete

[480] Fix | Delete

module.appendChild(imageContent);

[481] Fix | Delete

return module;

[482] Fix | Delete

}

[483] Fix | Delete

};

[484] Fix | Delete

})(tb_app);

[485] Fix | Delete