Edit File by line

(api => {

[0] Fix | Delete

"use strict";

[1] Fix | Delete

api.ModuleLinkBlock = 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: 'shape',

[9] Fix | Delete

type: 'layout',

[10] Fix | Delete

mode: 'sprite',

[11] Fix | Delete

label: 'shape',

[12] Fix | Delete

options: [

[13] Fix | Delete

{

[14] Fix | Delete

img: 'normall_button',

[15] Fix | Delete

value: 'normal',

[16] Fix | Delete

label: 'def'

[17] Fix | Delete

[18] Fix | Delete

{

[19] Fix | Delete

img: 'squared_button',

[20] Fix | Delete

value: 'squared',

[21] Fix | Delete

label: 'squared'

[22] Fix | Delete

[23] Fix | Delete

{

[24] Fix | Delete

img: 'circle_button',

[25] Fix | Delete

value: 'circle',

[26] Fix | Delete

label: 'circle'

[27] Fix | Delete

[28] Fix | Delete

{

[29] Fix | Delete

img: 'rounded_button',

[30] Fix | Delete

value: 'rounded',

[31] Fix | Delete

label: 'rounded'

[32] Fix | Delete

}

[33] Fix | Delete

[34] Fix | Delete

control: {

[35] Fix | Delete

classSelector: ' .ui'

[36] Fix | Delete

}

[37] Fix | Delete

[38] Fix | Delete

{

[39] Fix | Delete

id: 'lb_layout',

[40] Fix | Delete

type: 'layout',

[41] Fix | Delete

mode: 'sprite',

[42] Fix | Delete

label: 'lay',

[43] Fix | Delete

options: [

[44] Fix | Delete

{

[45] Fix | Delete

img: 'lb_icon_center',

[46] Fix | Delete

value: 'icon-center',

[47] Fix | Delete

label: 'lcenter'

[48] Fix | Delete

[49] Fix | Delete

{

[50] Fix | Delete

img: 'lb_icon_left',

[51] Fix | Delete

value: 'icon-left',

[52] Fix | Delete

label: 'ileft'

[53] Fix | Delete

[54] Fix | Delete

{

[55] Fix | Delete

img: 'lb_icon_right',

[56] Fix | Delete

value: 'icon-right',

[57] Fix | Delete

label: 'iright'

[58] Fix | Delete

}

[59] Fix | Delete

[60] Fix | Delete

control: {

[61] Fix | Delete

classSelector: ''

[62] Fix | Delete

}

[63] Fix | Delete

[64] Fix | Delete

{

[65] Fix | Delete

id: 'style',

[66] Fix | Delete

type: 'layout',

[67] Fix | Delete

mode: 'sprite',

[68] Fix | Delete

label: 'bg',

[69] Fix | Delete

options: [

[70] Fix | Delete

{

[71] Fix | Delete

img: 'solid_button',

[72] Fix | Delete

value: 'solid',

[73] Fix | Delete

label: 'solid'

[74] Fix | Delete

[75] Fix | Delete

{

[76] Fix | Delete

img: 'transparent_button',

[77] Fix | Delete

value: 'transparent',

[78] Fix | Delete

label: 'transparent'

[79] Fix | Delete

}

[80] Fix | Delete

[81] Fix | Delete

control: {

[82] Fix | Delete

classSelector: ''

[83] Fix | Delete

}

[84] Fix | Delete

[85] Fix | Delete

{

[86] Fix | Delete

id: 'heading',

[87] Fix | Delete

type: 'text',

[88] Fix | Delete

label: 'head',

[89] Fix | Delete

control: {

[90] Fix | Delete

selector: '.tf_link_heading'

[91] Fix | Delete

}

[92] Fix | Delete

[93] Fix | Delete

{

[94] Fix | Delete

id: 'blurb',

[95] Fix | Delete

type: 'textarea',

[96] Fix | Delete

label: 'blurb',

[97] Fix | Delete

control: {

[98] Fix | Delete

selector: '.tf_link_blurb'

[99] Fix | Delete

}

[100] Fix | Delete

[101] Fix | Delete

{

[102] Fix | Delete

id: 'icon_type',

[103] Fix | Delete

type: 'radio',

[104] Fix | Delete

label: 'icont',

[105] Fix | Delete

options: [

[106] Fix | Delete

{

[107] Fix | Delete

value: 'icon',

[108] Fix | Delete

[109] Fix | Delete

[110] Fix | Delete

{

[111] Fix | Delete

value: 'image',

[112] Fix | Delete

[113] Fix | Delete

}

[114] Fix | Delete

[115] Fix | Delete

option_js: true

[116] Fix | Delete

[117] Fix | Delete

{

[118] Fix | Delete

id: 'image',

[119] Fix | Delete

type: 'image',

[120] Fix | Delete

label: 'imgurl',

[121] Fix | Delete

wrap_class: 'tb_group_element_image',

[122] Fix | Delete

binding : {

[123] Fix | Delete

empty : { hide : 'i_dim' },

[124] Fix | Delete

not_empty : { show : 'i_dim' }

[125] Fix | Delete

}

[126] Fix | Delete

[127] Fix | Delete

{

[128] Fix | Delete

type: 'multi',

[129] Fix | Delete

id : 'i_dim',

[130] Fix | Delete

label: '',

[131] Fix | Delete

options: [

[132] Fix | Delete

{

[133] Fix | Delete

id: 'i_w',

[134] Fix | Delete

type: 'number',

[135] Fix | Delete

label: 'w'

[136] Fix | Delete

[137] Fix | Delete

{

[138] Fix | Delete

id: 'i_h',

[139] Fix | Delete

type: 'number',

[140] Fix | Delete

label: 'ht'

[141] Fix | Delete

}

[142] Fix | Delete

[143] Fix | Delete

wrap_class: 'tb_group_element_image'

[144] Fix | Delete

[145] Fix | Delete

{

[146] Fix | Delete

id: 'icon',

[147] Fix | Delete

type: 'icon',

[148] Fix | Delete

label: 'icon',

[149] Fix | Delete

binding: {

[150] Fix | Delete

empty: {

[151] Fix | Delete

hide: 'icon_alignment'

[152] Fix | Delete

[153] Fix | Delete

not_empty: {

[154] Fix | Delete

show: 'icon_alignment'

[155] Fix | Delete

}

[156] Fix | Delete

[157] Fix | Delete

wrap_class: 'tb_group_element_icon'

[158] Fix | Delete

[159] Fix | Delete

{

[160] Fix | Delete

id: 'disp_icon_btm',

[161] Fix | Delete

type: 'checkbox',

[162] Fix | Delete

label: '',

[163] Fix | Delete

options: [

[164] Fix | Delete

{

[165] Fix | Delete

[166] Fix | Delete

value: 'idispb'

[167] Fix | Delete

}

[168] Fix | Delete

]

[169] Fix | Delete

[170] Fix | Delete

{

[171] Fix | Delete

id: 'link',

[172] Fix | Delete

type: 'url',

[173] Fix | Delete

label: 'l',

[174] Fix | Delete

binding: {

[175] Fix | Delete

empty: {

[176] Fix | Delete

hide: [

[177] Fix | Delete

'link_options',

[178] Fix | Delete

'button_color_bg',

[179] Fix | Delete

'title',

[180] Fix | Delete

'nofollow_link'

[181] Fix | Delete

]

[182] Fix | Delete

[183] Fix | Delete

not_empty: {

[184] Fix | Delete

show: [

[185] Fix | Delete

'link_options',

[186] Fix | Delete

'button_color_bg',

[187] Fix | Delete

'title',

[188] Fix | Delete

'nofollow_link'

[189] Fix | Delete

]

[190] Fix | Delete

}

[191] Fix | Delete

}

[192] Fix | Delete

[193] Fix | Delete

{

[194] Fix | Delete

id: 'link_options',

[195] Fix | Delete

type: 'radio',

[196] Fix | Delete

label: 'o_l',

[197] Fix | Delete

link_type: true,

[198] Fix | Delete

option_js: true

[199] Fix | Delete

[200] Fix | Delete

{

[201] Fix | Delete

id: 'nofollow_link',

[202] Fix | Delete

type: 'toggle_switch',

[203] Fix | Delete

label: 'nfollow',

[204] Fix | Delete

options: {

[205] Fix | Delete

on: {

[206] Fix | Delete

[207] Fix | Delete

}

[208] Fix | Delete

[209] Fix | Delete

help: 'nfollowh',

[210] Fix | Delete

control: false,

[211] Fix | Delete

wrap_class: 'tb_group_element_regular tb_group_element_newtab'

[212] Fix | Delete

[213] Fix | Delete

{

[214] Fix | Delete

type: 'multi',

[215] Fix | Delete

label: 'lbdim',

[216] Fix | Delete

options: [

[217] Fix | Delete

{

[218] Fix | Delete

id: 'lightbox_width',

[219] Fix | Delete

type: 'range',

[220] Fix | Delete

label: 'w',

[221] Fix | Delete

control: false,

[222] Fix | Delete

units: {

[223] Fix | Delete

px: {

[224] Fix | Delete

min: 0,

[225] Fix | Delete

max: 3000

[226] Fix | Delete

[227] Fix | Delete

'%': {

[228] Fix | Delete

min: 0,

[229] Fix | Delete

max: 100

[230] Fix | Delete

}

[231] Fix | Delete

}

[232] Fix | Delete

[233] Fix | Delete

{

[234] Fix | Delete

id: 'lightbox_height',

[235] Fix | Delete

label: 'ht',

[236] Fix | Delete

control: false,

[237] Fix | Delete

type: 'range',

[238] Fix | Delete

units: {

[239] Fix | Delete

px: {

[240] Fix | Delete

min: 0,

[241] Fix | Delete

max: 3000

[242] Fix | Delete

[243] Fix | Delete

'%': {

[244] Fix | Delete

min: 0,

[245] Fix | Delete

max: 100

[246] Fix | Delete

}

[247] Fix | Delete

}

[248] Fix | Delete

}

[249] Fix | Delete

[250] Fix | Delete

wrap_class: 'tb_group_element_lightbox lightbox_size'

[251] Fix | Delete

[252] Fix | Delete

{

[253] Fix | Delete

id: 'color',

[254] Fix | Delete

type: 'layout',

[255] Fix | Delete

label: 'c',

[256] Fix | Delete

[257] Fix | Delete

mode: 'sprite',

[258] Fix | Delete

color: true,

[259] Fix | Delete

transparent: true,

[260] Fix | Delete

control: {

[261] Fix | Delete

classSelector: '.ui'

[262] Fix | Delete

}

[263] Fix | Delete

[264] Fix | Delete

{

[265] Fix | Delete

id: 'title',

[266] Fix | Delete

type: 'text',

[267] Fix | Delete

label: 'tat',

[268] Fix | Delete

control: false,

[269] Fix | Delete

help: 'tath'

[270] Fix | Delete

[271] Fix | Delete

{

[272] Fix | Delete

type: 'custom_css_id',

[273] Fix | Delete

custom_css: 'css_class'

[274] Fix | Delete

}

[275] Fix | Delete

];

[276] Fix | Delete

}

[277] Fix | Delete

static default() {

[278] Fix | Delete

return {

[279] Fix | Delete

heading: i18n.head,

[280] Fix | Delete

blurb: i18n.blurbtext,

[281] Fix | Delete

link: 'https://themify.me/',

[282] Fix | Delete

lb_layout: 'icon-center'

[283] Fix | Delete

};

[284] Fix | Delete

}

[285] Fix | Delete

static builderSave(settings){

[286] Fix | Delete

const def={

[287] Fix | Delete

shape:'normal',

[288] Fix | Delete

lb_layout:'icon-center',

[289] Fix | Delete

style:'solid',

[290] Fix | Delete

icon_type: 'icon',

[291] Fix | Delete

lightbox_width_unit:'px',

[292] Fix | Delete

lightbox_height_unit:'px',

[293] Fix | Delete

color:'default',

[294] Fix | Delete

link_options:'regular',

[295] Fix | Delete

disp_icon_btm:false

[296] Fix | Delete

};

[297] Fix | Delete

for( let key in def){

[298] Fix | Delete

if(settings[key]===def[key]){

[299] Fix | Delete

delete settings[key];

[300] Fix | Delete

}

[301] Fix | Delete

}

[302] Fix | Delete

[303] Fix | Delete

if(!settings.link){

[304] Fix | Delete

delete settings.link_options;

[305] Fix | Delete

delete settings.nofollow_link;

[306] Fix | Delete

}

[307] Fix | Delete

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

[308] Fix | Delete

delete settings.lightbox_width;

[309] Fix | Delete

delete settings.lightbox_height;

[310] Fix | Delete

}else{

[311] Fix | Delete

delete settings.nofollow_link;

[312] Fix | Delete

}

[313] Fix | Delete

if(!settings.lightbox_width){

[314] Fix | Delete

delete settings.lightbox_width_unit;

[315] Fix | Delete

}

[316] Fix | Delete

if(!settings.lightbox_height){

[317] Fix | Delete

delete settings.lightbox_height_unit;

[318] Fix | Delete

}

[319] Fix | Delete

if(settings.icon_type==='image'){

[320] Fix | Delete

delete settings.icon;

[321] Fix | Delete

}else{

[322] Fix | Delete

delete settings.image;

[323] Fix | Delete

delete settings.i_w;

[324] Fix | Delete

delete settings.i_h;

[325] Fix | Delete

}

[326] Fix | Delete

if((!settings.icon && !settings.image) || settings.disp_icon_btm==='|' || settings.disp_icon_btm==='false'){

[327] Fix | Delete

delete settings.disp_icon_btm;

[328] Fix | Delete

}

[329] Fix | Delete

super.builderSave(settings);

[330] Fix | Delete

}

[331] Fix | Delete

preview(data) {

[332] Fix | Delete

const module =createElement(),

[333] Fix | Delete

container = createElement((data.link?'a':'span')),

[334] Fix | Delete

content = createElement('','tf-lb-content'),

[335] Fix | Delete

color = data.color && data.color !== 'default' ? data.color : 'tb_default_color',

[336] Fix | Delete

iconType=data.icon_type || 'icon',

[337] Fix | Delete

classes = ['module', 'module-link'],

[338] Fix | Delete

containerCss=['tb_link_block_container','ui',color],

[339] Fix | Delete

constructor=this.constructor;

[340] Fix | Delete

[341] Fix | Delete

classes.push((data.style || 'solid'),(data.lb_layout || 'icon-center'));

[342] Fix | Delete

if (data.disp_icon_btm) {

[343] Fix | Delete

classes.push(data.disp_icon_btm);

[344] Fix | Delete

}

[345] Fix | Delete

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

[346] Fix | Delete

[347] Fix | Delete

if (data.shape && data.shape!=='normal') {

[348] Fix | Delete

containerCss.push(data.shape);

[349] Fix | Delete

}

[350] Fix | Delete

container.className = containerCss.join(' ');

[351] Fix | Delete

[352] Fix | Delete

if(data.link){

[353] Fix | Delete

container.href=data.link;

[354] Fix | Delete

}

[355] Fix | Delete

if((iconType!=='image' && data.icon) || (iconType==='image' && data.image)){

[356] Fix | Delete

let iconContainer;

[357] Fix | Delete

if(iconType!=='image'){

[358] Fix | Delete

const em=createElement('em','tb_link_block_icon tf_inline_b');

[359] Fix | Delete

iconContainer=createElement('','tf-lb-icon');

[360] Fix | Delete

em.appendChild(api.Helper.getIcon(data.icon));

[361] Fix | Delete

iconContainer.appendChild(em);

[362] Fix | Delete

}

[363] Fix | Delete

else{

[364] Fix | Delete

iconContainer=constructor.setEditableImage(createElement('img','tf_vmiddle tf_box tb_link_block_img'),'image','i_w','i_h',data);

[365] Fix | Delete

}

[366] Fix | Delete

container.appendChild(iconContainer);

[367] Fix | Delete

}

[368] Fix | Delete

[369] Fix | Delete

if (data.heading ) {

[370] Fix | Delete

content.appendChild(constructor._setEditableContent(createElement('','tb_link_block_heading'),'heading',data.heading));

[371] Fix | Delete

}

[372] Fix | Delete

if (data.blurb ) {

[373] Fix | Delete

content.appendChild(constructor._setEditableContent(createElement('','tb_link_block_blurb'),'blurb',data.blurb));

[374] Fix | Delete

}

[375] Fix | Delete

container.appendChild(content);

[376] Fix | Delete

module.appendChild(container);

[377] Fix | Delete

return module;

[378] Fix | Delete

}

[379] Fix | Delete

};

[380] Fix | Delete

})(tb_app);

[381] Fix | Delete