Your IP : 216.73.216.86
function JCIBlockGenerator(arParams)
{
if (!arParams)
{
return;
}
this.intERROR = 0;
this.intIMAGE_ROW_ID = 0;
this.PREFIX = arParams.PREFIX;
this.PREFIX_TR = this.PREFIX + 'ROW_';
this.PROP_COUNT_ID = arParams.PROP_COUNT_ID;
this.TABLE_PROP_ID = arParams.TABLE_PROP_ID;
this.AR_ALL_PROPERTIES = arParams.AR_ALL_PROPERTIES;
this.AR_FILE_PROPERTIES = arParams.AR_FILE_PROPERTIES;
this.IMAGE_TABLE_ID = arParams.IMAGE_TABLE_ID;
this.CELLS = [];
this.CELL_CENT = [];
this.PROPERTY_MAP = [];
this.CHECKED_MAP = [];
this.SELECTED_PROPERTIES = [];
this.lockProperties = false;
this.subIBlockId = arParams.subIBlockId;
BX.ready(BX.proxy(this.Init, this));
}
JCIBlockGenerator.prototype.Init = function()
{
this.PROP_TBL = BX(this.TABLE_PROP_ID);
if (!this.PROP_TBL)
{
this.intERROR = -1;
return;
}
this.PROP_COUNT = BX(this.PROP_COUNT_ID);
if (!this.PROP_COUNT)
{
this.intERROR = -1;
return;
}
for (let i = 0; i < this.AR_ALL_PROPERTIES.length; i++)
{
let tmpMap = [];
if (this.AR_ALL_PROPERTIES[i].hasOwnProperty('VALUE'))
{
for (let j = 0; j < this.AR_ALL_PROPERTIES[i]['VALUE'].length; j++)
tmpMap[this.AR_ALL_PROPERTIES[i]['VALUE'][j]['ID']] = (this.AR_ALL_PROPERTIES[i]['VALUE'][j]['VALUE']);
}
this.PROPERTY_MAP[this.AR_ALL_PROPERTIES[i]['ID']] = (tmpMap);
this.CHECKED_MAP[this.AR_ALL_PROPERTIES[i]['ID']] = [];
}
};
JCIBlockGenerator.prototype.addPropertyTable = function(id)
{
if (this.intERROR < 0 || BX('property_table' + id))
return;
this.PROP_TBL = BX(this.TABLE_PROP_ID);
const numberOfProperties = Number(BX('generator_property_table_max_id').value);
if (numberOfProperties && numberOfProperties < this.AR_ALL_PROPERTIES.length && numberOfProperties > 0)
{
this.PROP_TBL.appendChild(
BX.create(
'div',
{
props: {
id:'property_separator_' + id,
className: 'adm-shop-table-increase',
},
}
)
);
}
const content = BX.create('div', {
props: { id: 'property_td_' + id, className: 'adm-shop-table-wrap' },
style: { verticalAlign: 'top' },
children: [
BX.create('table', {
props: {
className: 'adm-shop-table',
id: 'property_table' + id
},
children: [
BX.create('tr', {
props: {
className: 'adm-shop-table-title'
},
children: [
BX.create('td', {
props: {
className: 'adm-shop-table-cell'
},
children: [
BX.create('span', { text: this.AR_ALL_PROPERTIES[id]["NAME"] })
]
}),
BX.create('td', {
props: {
className: 'adm-shop-table-cell'
}
}),
BX.create('td', {
props: {
className: 'adm-shop-table-cell'
},
children: [
BX.create('span', {
props: {
className: 'adm-shop-del-btn'
},
events: {
click: (function (_this) {
return function () {
_this.deleteTd(id)
}
})(this)
}
})
]
})
]
}),
BX.create('tr', {
props: {
className: 'adm-shop-table-header'
},
children: [
BX.create('td', {
props: {
className: 'adm-shop-table-cell'
},
children: [
BX.create('span', { text: BX.message('IB_SEG_TITLE')/**/ })
]
}),
BX.create('td', {
props: {
className: 'adm-shop-table-cell'
},
children: [
BX.create('span', { text: BX.message('IB_SEG_SORT') })
]
}),
BX.create('td', {
props: {
className: 'adm-shop-table-cell'
},
children: [
BX.create('input', {
props: {
type: 'checkbox',
id: 'checked_all_' + id,
checked: false,
className: 'adm-designed-checkbox'
},
events: {
click: (function (_this) {
return function () {
_this.checkboxManage(this, id)
}
})(this)
}
}),
BX.create('label', {
props: {
className: 'adm-designed-checkbox-label',
htmlFor: 'checked_all_' + id
}
})
]
})
]
})
]
})
]
});
this.PROP_TBL.appendChild(content);
BX('generator_property_table_max_id').value = Number(BX('generator_property_table_max_id').value) + 1;
this.AR_ALL_PROPERTIES[id]['USE'] = 'N';
this.CHECKED_MAP[this.AR_ALL_PROPERTIES[id]['ID']] = [];
if (BX('property_table' + id) && this.AR_ALL_PROPERTIES[id]['VALUE'])
{
for (let i = 0; i < this.AR_ALL_PROPERTIES[id]['VALUE'].length; i++)
{
BX('property_table' + id).appendChild(BX.create('tr', {
children :[
BX.create('td', {
props:{
className:'adm-shop-table-cell'
},
children:[
BX.create('span', { text : this.AR_ALL_PROPERTIES[id]['VALUE'][i]['VALUE'] }),
BX.create('input', {
props : {
type : 'hidden',
id : 'property_value_' + id,
name : 'PROPERTY_VALUE[' + this.AR_ALL_PROPERTIES[id]['VALUE'][i]['PROPERTY_ID'] + '][' + this.AR_ALL_PROPERTIES[id]['VALUE'][i]['ID'] +']',
value : this.AR_ALL_PROPERTIES[id]['VALUE'][i]['ID']
}
})
]
}),
BX.create('td', {
props:{
className: 'adm-shop-table-cell'
},
children:[
BX.create('span', { text : this.AR_ALL_PROPERTIES[id]['VALUE'][i]['SORT'] })
]
}),
BX.create('td', {
props:{
className: 'adm-shop-table-cell'
},
children:[
BX.create('input', {
props : {
type : 'checkbox',
id : "PROPERTY_CHECK_" + this.AR_ALL_PROPERTIES[id]["VALUE"][i]['PROPERTY_ID'] + "_" + i,
checked : false,
name : "PROPERTY_CHECK[" + this.AR_ALL_PROPERTIES[id]["VALUE"][i]['PROPERTY_ID'] + "][" + this.AR_ALL_PROPERTIES[id]["VALUE"][i]['ID'] + "]",
className : "adm-designed-checkbox property_value_checkbox" + id
},
events: {
change: (function(_this){
return function() {
_this.checkboxMapManage(this);
};
})(this)
}
}),
BX.create('label', {
props : {
className : "adm-designed-checkbox-label",
htmlFor : "PROPERTY_CHECK_" + this.AR_ALL_PROPERTIES[id]["VALUE"][i]['PROPERTY_ID'] + "_"+i
}
})
]
})
]
}))
}
}
};
JCIBlockGenerator.prototype.deleteTd = function(id)
{
const deleteTd = BX('property_td_' + id),
prevSibling = BX('property_table' + id).parentNode.previousSibling,
nextSibling = BX('property_table' + id).parentNode.nextSibling
;
let prevSeparator;
let nextSeparator;
if (prevSibling)
{
prevSeparator = BX('property_table' + id).parentNode.previousSibling.className === 'adm-shop-table-increase';
}
if (nextSibling)
{
nextSeparator = BX('property_table' + id).parentNode.nextSibling.className === 'adm-shop-table-increase';
}
if (deleteTd)
{
this.AR_ALL_PROPERTIES[id]['USE'] = 'N';
delete this.CHECKED_MAP[this.AR_ALL_PROPERTIES[id]["ID"]];
if (prevSeparator)
prevSibling.parentNode.removeChild(prevSibling);
else if (nextSeparator)
nextSibling.parentNode.removeChild(nextSibling);
deleteTd.parentNode.removeChild(deleteTd);
BX("generator_property_table_max_id").value = Number(BX("generator_property_table_max_id").value) - 1;
}
};
JCIBlockGenerator.prototype.loadAllProperties = function()
{
let table, inputs;
if (!this.lockProperties)
{
for (let i = 0; i < this.AR_ALL_PROPERTIES.length; i++)
{
table = BX('property_table' + i.toString());
if (table)
{
for (let j = 0; j < table.children.length; j++)
{
inputs = table.children[j].getElementsByTagName('input');
}
}
this.addPropertyTable(i);
}
}
};
JCIBlockGenerator.prototype.checkboxManage = function(e, id)
{
var checkboxGroup = document.getElementsByClassName('property_value_checkbox'+id),
i;
this.AR_ALL_PROPERTIES[id]['USE'] = (e.checked ? 'Y' : 'N');
if (checkboxGroup)
{
for (i = 0; i < checkboxGroup.length; i++)
{
checkboxGroup[i].checked = e.checked;
this.checkboxMapManage(checkboxGroup[i]);
}
}
};
JCIBlockGenerator.prototype.checkboxMapManage = function(e)
{
var checkboxName = e.name;
var checkboxClassName = e.className;
var allCheckboxes = document.getElementsByClassName(checkboxClassName);
var reg = /\[([0-9a-zA-Z]+)\]/g;
var reg2 = /([0-9]+)/g;
var propId = checkboxName.match(reg)[0].match(/[0-9a-zA-Z]+/g)[0];
var propValueId = checkboxName.match(reg)[1].match(/[0-9a-zA-Z]+/g)[0];
var propIdByClass = checkboxClassName.match(reg2);
var disableCount = 0;
if (e.checked)
{
this.CHECKED_MAP[propId][propValueId] = 'Y';
this.AR_ALL_PROPERTIES[propIdByClass]['USE'] = 'Y';
}
else
{
for (var i in allCheckboxes)
{
if (allCheckboxes.hasOwnProperty(i))
if (allCheckboxes[i].type === 'checkbox' && !allCheckboxes[i].checked)
disableCount++;
}
if (disableCount === allCheckboxes.length)
{
this.AR_ALL_PROPERTIES[propIdByClass]['USE'] = 'N';
}
delete this.CHECKED_MAP[propId][propValueId];
}
};
JCIBlockGenerator.prototype.addPropertyImages = function()
{
let isChecked = false;
for (let i in this.CHECKED_MAP)
{
if (this.CHECKED_MAP.hasOwnProperty(i))
{
for (let j in this.CHECKED_MAP[i])
{
if (this.CHECKED_MAP[i].hasOwnProperty(j) && this.CHECKED_MAP[i][j] === 'Y')
{
isChecked = true;
}
}
}
}
if (!isChecked)
{
alert(BX.message('PROPERTY_VALUES_EMPTY'));
return;
}
this.disableControls();
const postData = {
subIBlockId: this.subIBlockId,
'PROPERTY_CHECK': this.CHECKED_MAP,
'PROPERTY_VALUE': this.PROPERTY_MAP,
'AJAX_MODE': 'Y',
sessid: BX.bitrix_sessid(),
};
BX.showWait('ib_seg_add_images_button');
BX.ajax.post('/bitrix/tools/catalog/iblock_subelement_generator.php', postData, BX.proxy(this.fPropertyImagesResult, this));
};
JCIBlockGenerator.prototype.fPropertyImagesResult = function(result)
{
BX.closeWait();
if (result.length > 0)
{
if (!BX('image_table_thead'))
{
this.addImageTableHead();
}
else
{
BX('image_table_thead').style.display = 'table-row';
}
const objMap = eval(result)
this.addImageTableRow(objMap);
}
};
JCIBlockGenerator.prototype.addImageTableHead = function()
{
var table = BX(this.IMAGE_TABLE_ID),
thead = table.appendChild(
BX.create('tr', {
props: {
id: 'image_table_thead',
className: 'heading',
},
children:[
BX.create('td'),
],
})
),
showedProperty = [];
for (let i = 0; i < this.AR_ALL_PROPERTIES.length; i++)
{
if (this.AR_ALL_PROPERTIES[i].hasOwnProperty('VALUE') && (typeof this.AR_ALL_PROPERTIES[i] === 'object') && (this.AR_ALL_PROPERTIES[i] !== null) && (this.AR_ALL_PROPERTIES[i].USE !== 'N'))
{
thead.appendChild(
BX.create('td', {
text : this.AR_ALL_PROPERTIES[i].NAME,
})
);
}
}
for (let key in this.SELECTED_PROPERTIES)
{
if (!this.SELECTED_PROPERTIES.hasOwnProperty(key))
{
continue;
}
if (BX.util.in_array(this.SELECTED_PROPERTIES[key], showedProperty))
{
continue;
}
if (this.SELECTED_PROPERTIES[key] === 'DETAIL')
{
thead.appendChild(
BX.create('td', {
text: BX.message('IB_SEG_DETAIL'),
})
);
}
if (this.SELECTED_PROPERTIES[key] === 'ANNOUNCE')
{
thead.appendChild(
BX.create('td', {
text: BX.message('IB_SEG_ANNOUNCE'),
})
);
}
for (let key2 in this.AR_FILE_PROPERTIES)
{
if (this.AR_FILE_PROPERTIES.hasOwnProperty(key2))
{
if (this.AR_FILE_PROPERTIES[key2].ID === this.SELECTED_PROPERTIES[key])
{
thead.appendChild(
BX.create('td', {
text: this.AR_FILE_PROPERTIES[key2]['NAME'],
})
);
}
}
}
showedProperty[showedProperty.length] = this.SELECTED_PROPERTIES[key];
}
};
JCIBlockGenerator.prototype.addImageTableRow = function(objResult)
{
let table = BX(this.IMAGE_TABLE_ID);
let tbody;
let showedProperty = [];
let objResultMap;
for (let key in objResult)
{
if (objResult.hasOwnProperty(key))
{
objResultMap = objResult[key];
}
}
this.intIMAGE_ROW_ID = 0;
if (BX('ib_seg_max_image_row_id'))
{
this.intIMAGE_ROW_ID = BX('ib_seg_max_image_row_id').value;
BX('ib_seg_max_image_row_id').value = Number(BX('ib_seg_max_image_row_id').value) + 1;
}
if (BX('image_table_tbody'))
{
tbody = BX('image_table_tbody');
}
else
{
tbody = table.appendChild(
BX.create('tbody', {
props: {
id: 'image_table_tbody',
},
})
);
}
var row = tbody.appendChild(
BX.create('tr', {
props: {
id: 'ib_seg_image_row_' + this.intIMAGE_ROW_ID,
className: 'ib_seg_image_row',
},
})
);
row.appendChild(
BX.create(
'td',
{
children :[
BX.create('div', {
props : {
className: 'adm-shop-del-btn',
},
style : {
marginLeft: '5px',
},
events:{
click:
(function(){
return function() {
const tr = this.parentNode.parentNode;
tr.style.display = 'none';
tr.className += '_hidden';
let selects = tr.getElementsByTagName('select');
for (let pId in selects)
{
if (selects.hasOwnProperty(pId) && !isNaN(pId))
{
selects[pId].appendChild(BX.create('OPTION', {
props: { value: -2 },
text: '-2' }
));
selects[pId].value = -2;
}
}
let visibleTableRows = BX('image_table_tbody').querySelectorAll('tr.ib_seg_image_row');
if (visibleTableRows.length === 0 && BX('image_table_thead'))
{
BX('image_table_thead').style.display = 'none';
}
};
})(),
},
}),
],
}
)
);
for (let i = 0; i < this.AR_ALL_PROPERTIES.length; i++)
{
if (this.AR_ALL_PROPERTIES[i].hasOwnProperty('VALUE') && (typeof this.AR_ALL_PROPERTIES[i] === 'object') && (this.AR_ALL_PROPERTIES[i] !== null) && (this.AR_ALL_PROPERTIES[i].USE !== 'N'))
{
const key = this.AR_ALL_PROPERTIES[i].ID;
if (typeof (objResultMap[key]) !== 'undefined')
{
let options = [
BX.create(
'OPTION',
{
props: {
value: -1,
},
text: BX.message('IB_SEG_FOR_ALL'),
}
),
];
for (let key2 in objResultMap[key])
{
if (objResultMap[key].hasOwnProperty(key2))
{
options[options.length] = BX.create(
'OPTION',
{
props: { value: key2 },
text: objResultMap[key][key2],
}
);
}
}
row.appendChild(
BX.create('td', {
children: [
BX.create('span', {
props: {
className: 'adm-select-wrap',
},
children: [
BX.create('select', {
props: {
className: 'adm-select',
name: 'PROP[' + key + '][' + this.intIMAGE_ROW_ID + ']',
id: 'PROP[' + key + '][' + this.intIMAGE_ROW_ID + ']',
},
style: {
width: '130px'
},
children: options,
}),
],
}),
],
})
);
}
}
}
for (let key in this.SELECTED_PROPERTIES)
{
if (!this.SELECTED_PROPERTIES.hasOwnProperty(key))
{
continue;
}
if (BX.util.in_array(this.SELECTED_PROPERTIES[key], showedProperty))
{
continue;
}
this.fIblockInputGet(this.SELECTED_PROPERTIES[key]);
showedProperty[showedProperty.length] = this.SELECTED_PROPERTIES[key];
}
};
JCIBlockGenerator.prototype.fIblockInputResult = function(result)
{
const rand = Math.random();
let td = BX('ib_seg_image_row_' + this.intIMAGE_ROW_ID).appendChild(
BX.create('td', {
props: { id: 'ib_seg_image_td_' + this.intIMAGE_ROW_ID + '_' + rand }
})
);
td.innerHTML = result;
if (BX('ib_seg_image_td_' + this.intIMAGE_ROW_ID + '_' + rand).firstChild)
{
BX.bind(
BX('ib_seg_image_td_' + this.intIMAGE_ROW_ID + '_' + rand).firstChild,
'click',
BX.proxy(function(e) {
BX('bx_admin_form').parentNode.scrollTop += 60;
}, this)
);
}
};
JCIBlockGenerator.prototype.fIblockInputGet = function(propertyId)
{
const postData = {
AJAX_MODE: 'Y',
sessid: BX.bitrix_sessid(),
GET_INPUT: 'Y',
PROPERTY_ID: propertyId,
ROW_ID: this.intIMAGE_ROW_ID,
};
BX.ajax({
method: 'POST',
dataType: 'html',
url: '/bitrix/tools/catalog/iblock_subelement_generator_ajax.php',
data: BX.ajax.prepareData(postData),
async: false,
onsuccess: BX.proxy(this.fIblockInputResult, this),
});
};
JCIBlockGenerator.prototype.disableControls = function()
{
let checkboxAllGroup;
this.lockProperties = true;
for (let i = 0; i < this.AR_ALL_PROPERTIES.length; i++)
{
if (BX('checked_all_' + i.toString()))
{
BX('checked_all_' + i.toString()).onclick = function() {
return false;
};
}
checkboxAllGroup = document.getElementsByClassName('property_value_checkbox' + i.toString());
const checkboxGroupLength = checkboxAllGroup.length;
for (let j = 0; j < checkboxGroupLength; j++)
{
if (checkboxAllGroup[j])
{
checkboxAllGroup[j].onclick = function() {
return false;
};
if (checkboxAllGroup[j].nextSibling.className === 'adm-designed-checkbox-label')
{
if (checkboxAllGroup[j].checked)
{
checkboxAllGroup[j].nextSibling.style.backgroundPosition = '0 -3459px';
}
else
{
checkboxAllGroup[j].nextSibling.style.backgroundPosition = '0 -1350px';
}
}
}
}
}
let addPropertySelects = BX('ib_seg_select_prop_bar').querySelectorAll('select');
[].forEach.call(addPropertySelects, function padParent(item) {
item.disabled = true;
});
let deleteTableBut = BX(this.TABLE_PROP_ID).querySelectorAll('span.adm-shop-del-btn');
[].forEach.call(deleteTableBut, function padParent(item) {
item.parentNode.innerHTML += ' ';
});
if (BX('ib_seg_property_add_button_span_click'))
{
BX('ib_seg_property_add_button_span_click').parentNode.innerHTML = '';
}
if (BX('mnu_ADD_PROPERTY'))
{
BX('mnu_ADD_PROPERTY').parentNode.innerHTML += ' ';
}
};
JCIBlockGenerator.prototype.addPropertyInTitle = function(propertyCode)
{
const titleInput = BX('IB_SEG_TITLE');
if (titleInput)
{
titleInput.value += ' ' + propertyCode;
}
};