', {class: 'retail-progress__loader', text: '0%'}))
window.addEventListener('beforeunload', this.confirmLeave);
diff --git a/src/assets/js/retailcrm-meta-fields.js b/src/assets/js/retailcrm-meta-fields.js
new file mode 100644
index 0000000..4504d54
--- /dev/null
+++ b/src/assets/js/retailcrm-meta-fields.js
@@ -0,0 +1,323 @@
+jQuery(function () {
+ function RetailcrmMetaFields()
+ {
+ jQuery('.order-meta-data-retailcrm').closest('tr').addClass('retailcrm-hidden')
+ jQuery('.customer-meta-data-retailcrm').closest('tr').addClass('retailcrm-hidden')
+
+ jQuery('.customer-meta-data-retailcrm').closest('tr').after('
|
')
+ this.insertSelects = jQuery('.retailcrm-insert-select').get(0);
+ this.orderTextArea = jQuery('.order-meta-data-retailcrm').get(0);
+ this.customerTextArea = jQuery('.customer-meta-data-retailcrm').get(0);
+ this.indexOrder = 1;
+ this.indexCustomer = 1;
+
+ if (typeof this.insertSelects === 'undefined'
+ || this.orderTextArea === 'undefined'
+ || this.customerTextArea === 'undefined'
+ ) {
+ return false;
+ }
+
+ jQuery(this.insertSelects).append(
+ `
` +
+ `
` +
+ `
` +
+ `
`
+ );
+
+ let _this = this;
+
+ if (this.orderTextArea.value === '') {
+ this.orderTextArea.value = JSON.stringify({});
+ }
+
+ if (this.customerTextArea.value === '') {
+ this.customerTextArea.value = JSON.stringify({});
+ }
+
+ jQuery.ajax({
+ url: window.location.origin + '/wp-admin/admin-ajax.php?action=set_meta_fields',
+ method: 'POST',
+ timeout: 0,
+ data: {ajax: 1},
+ dataType: 'json'
+ })
+ .done(function (response) {
+ _this.dataFields = response;
+
+ jQuery(".retailcrm-order-label").text(response.translate.tr_lb_order);
+ jQuery(".retailcrm-customer-label").text(response.translate.tr_lb_customer);
+ jQuery(".add-new-select-retailcrm").text(response.translate.tr_btn);
+ jQuery(".add-new-select-retailcrm").text(response.translate.tr_btn);
+
+ if (jQuery.isEmptyObject(JSON.parse(_this.orderTextArea.value)) && jQuery.isEmptyObject(JSON.parse(_this.customerTextArea.value))) {
+ _this.createSelects(_this.dataFields);
+ }
+
+ if (!jQuery.isEmptyObject(JSON.parse(_this.orderTextArea.value))) {
+ let objectJson = JSON.parse(_this.orderTextArea.value);
+
+ _this.indexOrder = _this.restoreSelectsData(
+ objectJson,
+ _this.dataFields.order,
+ 'order',
+ 1
+ );
+ }
+
+ if (!jQuery.isEmptyObject(JSON.parse(_this.customerTextArea.value))) {
+ let objectJson = JSON.parse(_this.customerTextArea.value);
+
+ _this.indexCustomer = _this.restoreSelectsData(
+ objectJson,
+ _this.dataFields.customer,
+ 'customer',
+ 1
+ );
+ }
+ })
+
+ jQuery(this.insertSelects).on('change', '.retailcrm-meta-select', function() {
+ let selectsData = {};
+ let typeSelect = this.id.split('-')[0]
+ let idChangeSelect = this.id.split('-')[2]
+
+ if (this.id.includes('order')) {
+ selectsData = _this.getSelectsData(
+ _this.orderTextArea.value,
+ 'order',
+ idChangeSelect,
+ typeSelect
+ );
+ } else {
+ selectsData = _this.getSelectsData(
+ _this.customerTextArea.value,
+ 'customer',
+ idChangeSelect,
+ typeSelect
+ );
+ }
+
+ if (Object.keys(selectsData).length != 0) {
+ if (this.id.includes('order')) {
+ _this.orderTextArea.value = JSON.stringify(selectsData);
+ } else {
+ _this.customerTextArea.value = JSON.stringify(selectsData);
+ }
+ }
+ });
+
+ jQuery(this.insertSelects).on('click', '.add-new-select-retailcrm', function(event) {
+ event.preventDefault();
+
+ if (this.id.includes('order')) {
+ _this.addPairSelects(
+ '.retailcrm-order-selects',
+ 'order',
+ _this.dataFields.order,
+ _this.indexOrder
+ );
+
+ _this.indexOrder++;
+ } else {
+ _this.addPairSelects(
+ '.retailcrm-customer-selects',
+ 'customer',
+ _this.dataFields.customer,
+ _this.indexCustomer
+ );
+
+ _this.indexCustomer++;
+ }
+ });
+
+ jQuery(this.insertSelects).on('click', '.delete-select-retailcrm', function(event) {
+ event.preventDefault();
+
+ let objectJson = {}
+ let entity = this.id.split('-')[0];
+ let index = this.id.split('-')[1];
+
+ if (entity === 'order') {
+ objectJson = JSON.parse(_this.orderTextArea.value);
+ } else {
+ objectJson = JSON.parse(_this.customerTextArea.value);
+ }
+
+ let metaFiled = jQuery(`#metaFields-${entity}-${index}`);
+ let valueMetaField = metaFiled.val();
+
+ for (let i = 1; i <= index; i++) {
+ jQuery(`#select-pair-${entity}-${i}`).remove();
+ }
+
+ delete objectJson[valueMetaField];
+
+ if (entity === 'order') {
+ _this.indexOrder = _this.restoreSelectsData(
+ objectJson,
+ _this.dataFields.order,
+ 'order',
+ 1
+ );
+
+ _this.orderTextArea.value = JSON.stringify(objectJson);
+ } else {
+ _this.indexCustomer = _this.restoreSelectsData(
+ objectJson,
+ _this.dataFields.customer,
+ 'customer',
+ 1
+ );
+
+ _this.customerTextArea.value = JSON.stringify(objectJson);
+ }
+
+ jQuery(`#add-new-select-${entity}-retailcrm`).removeClass('retailcrm-hidden')
+ });
+ }
+
+ RetailcrmMetaFields.prototype.restoreSelectsData = function (objectJson, dataEntity, entity, index) {
+ for (let key in objectJson) {
+ let getMetaSelect = `#metaFields-${entity}-${index} option[value=${key}]`;
+ let getCustomSelect = `#customFields-${entity}-${index} option[value=${objectJson[key]}]`;
+
+ this.addPairSelects(`.retailcrm-${entity}-selects`, entity, dataEntity, index);
+
+ jQuery(getMetaSelect).prop('selected', true);
+ jQuery(getCustomSelect).prop('selected', true);
+
+ index++;
+ }
+
+ return index;
+ }
+
+ RetailcrmMetaFields.prototype.getSelectsData = function (textarea, entity, idChangeSelect, typeSelect) {
+ let _this = this;
+ let selectsData = {};
+
+ if (!jQuery.isEmptyObject(textarea)) {
+ let objectJson = JSON.parse(textarea);
+ let field = jQuery(`#${typeSelect}-${entity}-${idChangeSelect}`);
+ let selectedField = jQuery(`#${typeSelect}-${entity}-${idChangeSelect} option:selected`);
+ let fieldValue = field.val();
+
+ if (Object.values(objectJson).includes(fieldValue) || fieldValue in objectJson) {
+ _this.addWarning(field, selectedField.text());
+
+ // Search key in object by id selects
+ let counter = 0;
+
+ for (let key in objectJson) {
+ counter++;
+
+ if (counter == idChangeSelect) {
+ delete objectJson[key];
+ }
+ }
+
+ if (entity === 'order') {
+ _this.orderTextArea.value = JSON.stringify(objectJson);
+ } else {
+ _this.customerTextArea.value = JSON.stringify(objectJson);
+ }
+ }
+ }
+
+ for (let i = 1; i <= jQuery(`.retailcrm-${entity}-selects div`).length; i++) {
+ let metaFiled = jQuery(`#metaFields-${entity}-${i}`);
+ let customField = jQuery(`#customFields-${entity}-${i}`);
+ let valueMetaField = metaFiled.val();
+ let valueCustomField = customField.val();
+
+ if (valueMetaField === 'default_retailcrm' || valueCustomField === 'default_retailcrm') {
+ continue;
+ }
+
+ _this.deleteWarning(metaFiled);
+ _this.deleteWarning(customField);
+
+ selectsData[valueMetaField] = valueCustomField;
+ }
+
+ return selectsData;
+ }
+
+ RetailcrmMetaFields.prototype.createSelects = function (dataFields) {
+ let orderData = dataFields.order;
+ let customerData = dataFields.customer;
+
+ //Create selects for order data
+ this.buildElements('.retailcrm-order-selects', 'order', this.indexOrder);
+ this.fillSelects(orderData, 'order', this.indexOrder);
+
+ //Create selects for customer data
+ this.buildElements('.retailcrm-customer-selects', 'customer', this.indexCustomer);
+ this.fillSelects(customerData, 'customer', this.indexCustomer);
+
+ this.indexOrder++;
+ this.indexCustomer++;
+ }
+
+ RetailcrmMetaFields.prototype.buildElements = function (element, entity, index) {
+ jQuery(element).append(
+ `
` +
+ `` +
+ `` +
+ `
`
+ );
+
+ jQuery(`#add-new-select-${entity}-retailcrm`).insertAfter(`#select-pair-${entity}-${index}`);
+ }
+
+ RetailcrmMetaFields.prototype.fillSelects = function (data, entity, index) {
+ if (Object.keys(data.meta).length - 1 <= index || Object.keys(data.custom).length - 1 <= index) {
+ if (entity === 'order') {
+ jQuery('#add-new-select-order-retailcrm').addClass('retailcrm-hidden')
+ } else {
+ jQuery('#add-new-select-customer-retailcrm').addClass('retailcrm-hidden')
+ }
+ }
+
+ // Set meta fields in select
+ jQuery.each(data.meta, function(key, value) {
+ jQuery(`#metaFields-${entity}-${index}`)
+ .append(jQuery('
')
+ .attr('value', key)
+ .text(value));
+ });
+
+ // Set custom fields in select
+ jQuery.each(data.custom, function(key, value) {
+ jQuery(`#customFields-${entity}-${index}`)
+ .append(jQuery('
')
+ .attr('value', key)
+ .text(value));
+ });
+ }
+
+ RetailcrmMetaFields.prototype.addPairSelects = function (element, entity, data, index) {
+ this.buildElements(element, entity, index);
+ this.fillSelects(data, entity, index);
+ }
+
+ RetailcrmMetaFields.prototype.addWarning = function (field, fieldValue) {
+ alert(fieldValue + ' already been selected');
+
+ field.prop('value', 'default_retailcrm');
+ field.addClass('red-selected-retailcrm');
+ }
+
+ RetailcrmMetaFields.prototype.deleteWarning = function (field) {
+ if (field.css('border-color') === "rgb(255, 0, 0)") {
+ field.removeClass('red-selected-retailcrm')
+ }
+ }
+
+ window.RetailcrmMetaFields = RetailcrmMetaFields;
+
+ if (typeof RetailcrmMetaFields !== 'undefined') {
+ new window.RetailcrmMetaFields();
+ }
+});
diff --git a/src/include/abstracts/class-wc-retailcrm-abstracts-settings.php b/src/include/abstracts/class-wc-retailcrm-abstracts-settings.php
index 464d60e..a487577 100644
--- a/src/include/abstracts/class-wc-retailcrm-abstracts-settings.php
+++ b/src/include/abstracts/class-wc-retailcrm-abstracts-settings.php
@@ -1,4 +1,5 @@
get_option_key();
- if (isset($_GET['page']) && $_GET['page'] == 'wc-settings'
+ if (
+ isset($_GET['page']) && $_GET['page'] == 'wc-settings'
&& isset($_GET['tab']) && $_GET['tab'] == 'integration'
) {
add_action('init', array($this, 'init_settings_fields'), 99);
@@ -66,19 +68,19 @@ abstract class WC_Retailcrm_Abstracts_Settings extends WC_Integration
public function init_form_fields()
{
$this->form_fields = array(
- array( 'title' => __( 'Main settings', 'retailcrm' ), 'type' => 'title', 'desc' => '', 'id' => 'general_options' ),
+ array( 'title' => __('Main settings', 'retailcrm'), 'type' => 'title', 'desc' => '', 'id' => 'general_options' ),
'api_url' => array(
- 'title' => __( 'API of URL', 'retailcrm' ),
+ 'title' => __('API of URL', 'retailcrm'),
'type' => 'text',
'description' => __( 'Enter API of URL (https://yourdomain.simla.com)', 'retailcrm' ),
'desc_tip' => true,
'default' => ''
),
'api_key' => array(
- 'title' => __( 'API key', 'retailcrm' ),
+ 'title' => __('API key', 'retailcrm'),
'type' => 'text',
- 'description' => __( 'Enter your API key. You can find it in the administration section of Simla.com', 'retailcrm' ),
+ 'description' => __('Enter your API key. You can find it in the administration section of Simla.com', 'retailcrm'),
'desc_tip' => true,
'default' => ''
)
@@ -89,13 +91,14 @@ abstract class WC_Retailcrm_Abstracts_Settings extends WC_Integration
$apiKey = !empty($post[$this->plugin_id . $this->id . '_api_key']) ? $post[$this->plugin_id . $this->id . '_api_key'] : null;
if ($this->apiClient) {
- if (isset($_GET['page']) && $_GET['page'] == 'wc-settings'
+ if (
+ isset($_GET['page']) && $_GET['page'] == 'wc-settings'
&& isset($_GET['tab']) && $_GET['tab'] == 'integration'
) {
add_action('admin_print_footer_scripts', array($this, 'show_blocks'), 99);
$this->form_fields[] = array(
- 'title' => __( 'API settings', 'retailcrm' ),
+ 'title' => __('API settings', 'retailcrm'),
'type' => 'title',
'description' => '',
'id' => 'api_options'
@@ -111,14 +114,14 @@ abstract class WC_Retailcrm_Abstracts_Settings extends WC_Integration
);
$this->form_fields['online_assistant'] = array(
- 'title' => __( 'Online assistant', 'retailcrm' ),
+ 'title' => __('Online assistant', 'retailcrm'),
'type' => 'textarea',
'id' => 'online_assistant',
- 'placeholder' => __( 'Insert the Online consultant code here', 'retailcrm' )
+ 'placeholder' => __('Insert the Online consultant code here', 'retailcrm')
);
- $this->form_fields['catalog_options'] = array(
- 'title' => __( 'Catalog settings', 'retailcrm' ),
+ $this->form_fields[] = array(
+ 'title' => __('Catalog settings', 'retailcrm'),
'type' => 'heading',
'description' => '',
'id' => 'catalog_options'
@@ -193,7 +196,7 @@ abstract class WC_Retailcrm_Abstracts_Settings extends WC_Integration
'id' => 'shipping_options'
);
- foreach ($wc_shipping_list as $shipping_code => $shipping) {
+ foreach ($wc_shipping_list as $shipping_code => $shipping) {
if (isset($shipping['enabled']) && $shipping['enabled'] == static::YES) {
$this->form_fields[$shipping_code] = array(
'title' => __($shipping['title'], 'woocommerce'),
@@ -282,6 +285,26 @@ abstract class WC_Retailcrm_Abstracts_Settings extends WC_Integration
}
}
+ /**
+ * Meta data options
+ */
+ $this->form_fields[] = array(
+ 'title' => __('Custom fields', 'retailcrm'),
+ 'type' => 'heading',
+ 'description' => '',
+ 'class' => 'meta-fields'
+ );
+
+ $this->form_fields['order-meta-data-retailcrm'] = array(
+ 'type' => 'textarea',
+ 'class' => 'order-meta-data-retailcrm',
+ );
+
+ $this->form_fields['customer-meta-data-retailcrm'] = array(
+ 'type' => 'textarea',
+ 'class' => 'customer-meta-data-retailcrm',
+ );
+
/**
* Inventories options
*/
@@ -506,7 +529,7 @@ abstract class WC_Retailcrm_Abstracts_Settings extends WC_Integration
$response = $api->apiVersions();
if ($response->isSuccessful()) {
- header("Refresh:0");
+ header("Refresh:0");
}
}
}
@@ -533,20 +556,20 @@ abstract class WC_Retailcrm_Abstracts_Settings extends WC_Integration
'title' => '',
);
- $data = wp_parse_args( $data, $defaults );
+ $data = wp_parse_args($data, $defaults);
ob_start();
?>
|
-
- get_tooltip_html( $data ); ?>
+
+ get_tooltip_html($data); ?>
|
|
@@ -566,20 +589,20 @@ abstract class WC_Retailcrm_Abstracts_Settings extends WC_Integration
*/
public function generate_heading_html($key, $data)
{
- $field_key = $this->get_field_key( $key );
+ $field_key = $this->get_field_key($key);
$defaults = array(
'title' => '',
'class' => '',
);
- $data = wp_parse_args( $data, $defaults );
+ $data = wp_parse_args($data, $defaults);
ob_start();
?>
-
⬇
-
-
+
⬇
+
+