Ubuntu ';
OPTION_ROW_HTML += '+ x ';
$(function() {
$( "#thwcfd_new_field_form_pp" ).dialog({
modal: true,
width: 600,
resizable: false,
autoOpen: false,
buttons: [{
text: "Save",
click: function() {
var form = $("#thwcfd_new_field_form");
var valid = validate_field_form(form);
if(valid){
prepare_field_form(form);
form.submit();
}
}
}]
});
$( "#thwcfd_edit_field_form_pp" ).dialog({
modal: true,
width: 600,
resizable: false,
autoOpen: false,
buttons: [{
text: "Save",
click: function() {
var form = $("#thwcfd_edit_field_form");
var valid = validate_field_form(form);
if(valid){
prepare_field_form(form);
form.submit();
}
}
}]
});
$('select.thwcfd-enhanced-multi-select').select2({
minimumResultsForSearch: 10,
allowClear : true,
placeholder: $(this).data('placeholder')
}).addClass('enhanced');
$('#thwcfd_checkout_fields tbody').sortable({
items:'tr',
cursor:'move',
axis:'y',
handle: 'td.sort',
scrollSensitivity:40,
helper:function(e,ui){
ui.children().each(function(){
$(this).width($(this).width());
});
ui.css('left', '0');
return ui;
}
});
$("#thwcfd_checkout_fields tbody").on("sortstart", function( event, ui ){
ui.item.css('background-color','#f6f6f6');
});
$("#thwcfd_checkout_fields tbody").on("sortstop", function( event, ui ){
ui.item.removeAttr('style');
prepare_field_order_indexes();
});
});
function isHtmlIdValid(id) {
var re = /^[a-z\_]+[a-z0-9\_]*$/;
return re.test(id.trim());
}
function decodeHtml(str) {
if($.type(str)=== "string"){
var map = {
'&': '&',
'<': '<',
'>': '>',
'"': '"',
''': "'"
};
return str.replace(/&|<|>|"|'/g, function(m) {return map[m];});
}
return str;
}
function get_property_field_value(form, type, name){
var value = '';
switch(type) {
case 'select':
value = form.find("select[name=i_"+name+"]").val();
value = value == null ? '' : value;
break;
case 'checkbox':
value = form.find("input[name=i_"+name+"]").prop('checked');
value = value ? 1 : 0;
break;
case 'textarea':
value = form.find("textarea[name=i_"+name+"]").val();
value = value == null ? '' : value;
default:
value = form.find("input[name=i_"+name+"]").val();
value = value == null ? '' : value;
}
return value;
}
function set_property_field_value(form, type, name, value, multiple){
switch(type) {
case 'select':
if(multiple == 1){
value = typeof(value) === 'string' ? value.split(",") : value;
name = name+"[]";
form.find('select[name="i_'+name+'"]').val(value).trigger("change");
}else{
form.find('select[name="i_'+name+'"]').val(value);
}
break;
case 'checkbox':
value = value == 1 ? true : false;
form.find("input[name=i_"+name+"]").prop('checked', value);
break;
case 'textarea':
value = value ? decodeHtml(value) : value;
form.find("textarea[name=i_"+name+"]").val(value);
break;
default:
value = value ? decodeHtml(value) : value;
form.find("input[name=i_"+name+"]").val(value);
}
}
function openNewFieldForm(sname){
if(sname == 'billing' || sname == 'shipping' || sname == 'additional'){
sname = sname+'_';
}
var form = $("#thwcfd_new_field_form");
clear_field_form(form);
form.find("select[name=i_type]").change();
set_property_field_value(form, 'text', 'name', sname, 0);
set_property_field_value(form, 'text', 'class', 'form-row-wide', 0);
$("#thwcfd_new_field_form_pp").dialog("open");
}
function openEditFieldForm(elm, rowId){
var row = $(elm).closest('tr');
var form = $("#thwcfd_edit_field_form");
var props_json = row.find(".f_props").val();
//props_json = decodeHtml(props_json);
var props = JSON.parse(props_json);
//var type = props.type;
populate_field_form_general(form, props)
form.find("select[name=i_type]").change();
populate_field_form(row, form, props);
$("#thwcfd_edit_field_form_pp").dialog("open");
}
function clear_field_form( form ){
form.find('.err_msgs').html('');
set_property_field_value(form, 'hidden', 'autocomplete', '', 0);
set_property_field_value(form, 'hidden', 'priority', '', 0);
set_property_field_value(form, 'hidden', 'custom', '', 0);
set_property_field_value(form, 'hidden', 'oname', '', 0);
set_property_field_value(form, 'hidden', 'otype', '', 0);
set_property_field_value(form, 'select', 'type', 'text', 0);
set_property_field_value(form, 'text', 'name', '', 0);
set_property_field_value(form, 'text', 'label', '', 0);
set_property_field_value(form, 'text', 'placeholder', '', 0);
set_property_field_value(form, 'text', 'default', '', 0);
//set_property_field_value(form, 'text', 'options', '', 0);
set_property_field_value(form, 'text', 'class', '', 0);
set_property_field_value(form, 'select', 'validate', '', 1);
set_property_field_value(form, 'checkbox', 'required', 1, 0);
//set_property_field_value(form, 'checkbox', 'clear', 1, 0);
set_property_field_value(form, 'checkbox', 'enabled', 1, 0);
set_property_field_value(form, 'checkbox', 'show_in_email', 1, 0);
set_property_field_value(form, 'checkbox', 'show_in_order', 1, 0);
populate_options_list(form, false);
}
function populate_field_form_general(form, props){
var autocomplete = props['autocomplete'] ? props['autocomplete'] : '';
var priority = props['priority'] ? props['priority'] : '';
var custom = props['custom'] ? props['custom'] : '';
var type = props['type'] ? props['type'] : 'text';
var name = props['name'] ? props['name'] : '';
set_property_field_value(form, 'hidden', 'autocomplete', autocomplete, 0);
set_property_field_value(form, 'hidden', 'priority', priority, 0);
set_property_field_value(form, 'hidden', 'custom', custom, 0);
set_property_field_value(form, 'hidden', 'oname', name, 0);
set_property_field_value(form, 'hidden', 'otype', type, 0);
set_property_field_value(form, 'select', 'type', type, 0);
set_property_field_value(form, 'text', 'name', name, 0);
}
function populate_field_form(row, form, props, custom){
var custom = props['custom'] ? props['custom'] : '';
var label = props['label'] ? props['label'] : '';
var placeholder = props['placeholder'] ? props['placeholder'] : '';
var default_val = props['default'] ? props['default'] : '';
//var options = props['options'] ? props['options'] : '';
var cssclass = props['class'] ? props['class'] : '';
var validate = props['validate'] ? props['validate'] : '';
var required = props['required'] && (props['required'] || props['required'] === 'yes') ? 1 : 0;
//var clear = props['clear'] && (props['clear'] || props['clear'] === 'yes') ? 1 : 0;
var enabled = props['enabled'] && (props['enabled'] || props['enabled'] === 'yes') ? 1 : 0;
var show_in_email = props['show_in_email'] && (props['show_in_email'] || props['show_in_email'] === 'yes') ? 1 : 0;
var show_in_order = props['show_in_order'] && (props['show_in_order'] || props['show_in_order'] === 'yes') ? 1 : 0;
show_in_email = custom == 1 ? show_in_email : true;
show_in_order = custom == 1 ? show_in_order : true;
set_property_field_value(form, 'text', 'label', label, 0);
set_property_field_value(form, 'text', 'placeholder', placeholder, 0);
set_property_field_value(form, 'text', 'default', default_val, 0);
//set_property_field_value(form, 'text', 'options', options, 0);
set_property_field_value(form, 'text', 'class', cssclass, 0);
set_property_field_value(form, 'select', 'validate', validate, 1);
set_property_field_value(form, 'checkbox', 'required', required, 0);
//set_property_field_value(form, 'checkbox', 'clear', clear, 0);
set_property_field_value(form, 'checkbox', 'enabled', enabled, 0);
set_property_field_value(form, 'checkbox', 'show_in_email', show_in_email, 0);
set_property_field_value(form, 'checkbox', 'show_in_order', show_in_order, 0);
var optionsJson = row.find(".f_options").val();
populate_options_list(form, optionsJson);
if(custom == 1){
form.find("input[name=i_name]").prop('disabled', false);
form.find("select[name=i_type]").prop('disabled', false);
form.find("input[name=i_show_in_email]").prop('disabled', false);
form.find("input[name=i_show_in_order]").prop('disabled', false);
}else{
form.find("input[name=i_name]").prop('disabled', true);
form.find("select[name=i_type]").prop('disabled', true);
form.find("input[name=i_show_in_email]").prop('disabled', true);
form.find("input[name=i_show_in_order]").prop('disabled', true);
form.find("input[name=i_label]").focus();
}
}
function prepare_field_form(form){
var options_json = get_options(form);
set_property_field_value(form, 'hidden', 'options_json', options_json, 0);
}
function validate_field_form(form){
var err_msgs = '';
var name = get_property_field_value(form, 'text', 'name');
var type = get_property_field_value(form, 'select', 'type');
var otype = get_property_field_value(form, 'select', 'otype');
if(type == '' && otype != 'country' && otype == 'state'){
err_msgs = 'Type is required';
}else if(name == ''){
err_msgs = 'Name is required';
}else if(!isHtmlIdValid(name)){
err_msgs = MSG_INVALID_NAME;
}
if(err_msgs != ''){
form.find('.err_msgs').html(err_msgs);
return false;
}
return true;
}
function fieldTypeChangeListner(elm){
var type = $(elm).val();
var form = $(elm).closest('form');
showAllFields(form);
if(type === 'select'){
form.find('.row-validate').hide();
}else if(type === 'radio'){
form.find('.row-validate').hide();
form.find('.row-placeholder').hide();
}else{
form.find('.row-options').hide();
}
}
function showAllFields(form){
form.find('.row-options').show();
form.find('.row-placeholder').show();
form.find('.row-validate').show();
}
/*------------------------------------
*---- OPTIONS FUNCTIONS - SATRT ------
*------------------------------------*/
function get_options(form){
var optionsKey = form.find("input[name='i_options_key[]']").map(function(){ return $(this).val(); }).get();
var optionsText = form.find("input[name='i_options_text[]']").map(function(){ return $(this).val(); }).get();
var optionsSize = optionsText.length;
var optionsArr = [];
for(var i=0; i 0 ? JSON.stringify(optionsArr) : '';
optionsJson = encodeURIComponent(optionsJson);
return optionsJson;
}
function populate_options_list(form, optionsJson){
var optionsHtml = "";
if(optionsJson){
try{
optionsJson = decodeURIComponent(optionsJson);
var optionsList = $.parseJSON(optionsJson);
if(optionsList){
jQuery.each(optionsList, function() {
var html = '';
html += '+ x ';
optionsHtml += html;
});
}
}catch(err) {
console.log(err);
}
}
var optionsTable = form.find(".thwcfd-option-list tbody");
if(optionsHtml){
optionsTable.html(optionsHtml);
}else{
optionsTable.html(OPTION_ROW_HTML);
}
}
function add_new_option_row(elm){
var ptable = $(elm).closest('table');
var optionsSize = ptable.find('tbody tr').size();
if(optionsSize > 0){
ptable.find('tbody tr:last').after(OPTION_ROW_HTML);
}else{
ptable.find('tbody').append(OPTION_ROW_HTML);
}
}
function remove_option_row(elm){
var ptable = $(elm).closest('table');
$(elm).closest('tr').remove();
var optionsSize = ptable.find('tbody tr').size();
if(optionsSize == 0){
ptable.find('tbody').append(OPTION_ROW_HTML);
}
}
/*------------------------------------
*---- OPTIONS FUNCTIONS - END --------
*------------------------------------*/
function prepare_field_order_indexes() {
$('#thwcfd_checkout_fields tbody tr').each(function(index, el){
$('input.f_order', el).val( parseInt( $(el).index('#thwcfd_checkout_fields tbody tr') ) );
});
};
function selectAllCheckoutFields(elm){
var checkAll = $(elm).prop('checked');
$('#thwcfd_checkout_fields tbody input:checkbox[name=select_field]').prop('checked', checkAll);
}
function removeSelectedFields(){
$('#thwcfd_checkout_fields tbody tr').removeClass('thpladmin-strikeout');
$('#thwcfd_checkout_fields tbody input:checkbox[name=select_field]:checked').each(function () {
var row = $(this).closest('tr');
if(!row.hasClass("thpladmin-strikeout")){
row.addClass("thpladmin-strikeout");
}
row.find(".f_deleted").val(1);
row.find(".f_edit_btn").prop('disabled', true);
});
}
function enableDisableSelectedFields(enabled){
$('#thwcfd_checkout_fields tbody input:checkbox[name=select_field]:checked').each(function () {
var row = $(this).closest('tr');
row.find(".f_enabled").val(enabled);
if(enabled == 0){
if(!row.hasClass("thpladmin-disabled")){
row.addClass("thpladmin-disabled");
}
row.find(".f_edit_btn").prop('disabled', true);
row.find(".td_enabled").html('-');
}else{
row.removeClass("thpladmin-disabled");
row.find(".f_edit_btn").prop('disabled', false);
row.find(".td_enabled").html('