%PDF- %PDF-
| Direktori : /home/infra/new-ong/bethemeold/visual-builder/assets/js/forms/fields/ |
| Current File : //home/infra/new-ong/bethemeold/visual-builder/assets/js/forms/fields/text_shadow.js |
function mfn_field_text_shadow(field) {
let horizontal = '';
let vertical = '';
let blur = '';
let color = '';
let value = [];
/*if( _.has(edited_item['attr'], field.id) && edited_item['attr'][field.id].length ){
value = edited_item['attr'][field.id].split(' ');
}*/
if( _.has(edited_item['attr'], field.old_id) || _.has(edited_item['attr'], field.id) ){
// deprecated id with style
if( _.has(edited_item['attr'], field.old_id) ){
value = edited_item['attr'][field.old_id].split(' ');
}else if(_.has(edited_item['attr'], field.id)){
if( _.has(edited_item['attr'][field.id], 'val') ){
value = edited_item['attr'][field.id]['val'].split(' ');
}else{
value = edited_item['attr'][field.id].split(' ');
}
}
}
if( value.length ){
horizontal = value.length ? value[0] : '';
vertical = value.length > 1 ? value[1] : '';
blur = value.length > 2 ? value[2] : '';
color = value.length > 3 && value[3] != '0' ? value[3] : '';
}
let html = `<div class="form-content"><div class="form-group multiple-inputs pseudo equal-full-inputs">
<div class="form-control">
<input class="pseudo-field mfn-field-value mfn-form-control" type="hidden" name="${field.id}" value="${_.has(edited_item['attr'], field.id) && edited_item['attr'][field.id].length ? edited_item['attr'][field.id] : ''}" autocomplete="off"/>
<div class="field numeral" data-key="horizontal">
<input type="text" class="mfn-form-control mfn-form-input numeral mfn-group-field-horizontal" data-key="horizontal" value="${horizontal}" autocomplete="off" />
</div>
<div class="field numeral" data-key="vertical">
<input type="text" class="mfn-form-control mfn-form-input numeral mfn-group-field-vertical" data-key="vertical" value="${vertical}" autocomplete="off" />
</div>
<div class="field numeral" data-key="blur">
<input type="text" class="mfn-form-control mfn-form-input numeral mfn-group-field-blur" data-key="blur" value="${blur}" autocomplete="off" />
</div>
</div>
${mfn_field_color(color)}
</div></div>`;
return html;
}