5331 lines
200 KiB
JavaScript
5331 lines
200 KiB
JavaScript
Vue.config.devtools = true;
|
||
//$(document).ready(function() {
|
||
Vue.component('v-select', VueSelect.VueSelect);
|
||
|
||
var role = new Vue({
|
||
el: '#setting_roles',
|
||
components: {
|
||
Multiselect: window.VueMultiselect.default,
|
||
//vuejsDatepicker: window.vuejsDatepicker
|
||
},
|
||
data: {
|
||
setModal: false,
|
||
setOtdel: false,
|
||
name: '',
|
||
rolesEmp: [],
|
||
isInput: false,
|
||
nameRole: '',
|
||
typeRole: { 'name': 'Менеджер', 'type': 'manager' },
|
||
roles: [{ 'name': 'Руководитель (агенство)', 'type': 'user_admin' }, { 'name': 'Руководитель (отдел)', 'type': 'admin_department' }, { 'name': 'Офис менеджер (админ)', 'type': 'manager_office' }, { 'name': 'Менеджер', 'type': 'manager' }, { 'name': 'Офис менеджер (менеджер)', 'type': 'manager_office_menager' }, { 'name': 'Агент', 'type': 'agent' }],
|
||
errorOtdel: '',
|
||
mes_error_otdel: false,
|
||
empRoles: { 'agent': 'Агент', 'manager': 'Менеджер', 'user_admin': 'Руководитель (агенство)', 'admin_department': 'Руководитель (отдел)', 'manager_office': 'Офис менеджер(админ)', 'manager_office_menager': 'Офис менеджер(менеджер)' },
|
||
otdelId: 0,
|
||
otdels: [],
|
||
agencyId: $('#agency_id_dep').val(),
|
||
OpenIndicator: {
|
||
render: createElement => createElement('span', { class: { 'vueToggleSpan': true } }),
|
||
},
|
||
},
|
||
methods: {
|
||
addOtdel: function() {
|
||
role.otdelId = 0;
|
||
role.rolesEmp = [];
|
||
role.name = '';
|
||
role.isInput = false;
|
||
role.setOtdel = true;
|
||
|
||
},
|
||
addRole: function() {
|
||
if (role.isEmpty(role.nameRole)) {
|
||
role.errorOtdel += "<p>Заполните название роли</p>";
|
||
role.mes_error_otdel = true;
|
||
setTimeout(function() {
|
||
role.errorOtdel = "";
|
||
role.mes_error_otdel = false;
|
||
}, 3000);
|
||
}
|
||
console.log(role.typeRole);
|
||
if (role.isEmpty(role.typeRole)) {
|
||
role.errorOtdel += "<p>Заполните доступ для роли</p>";
|
||
role.mes_error_otdel = true;
|
||
setTimeout(function() {
|
||
role.errorOtdel = "";
|
||
role.mes_error_otdel = false;
|
||
}, 3000);
|
||
}
|
||
|
||
if (!role.mes_error_otdel) {
|
||
var roleOne = { 'name': role.nameRole, 'type': role.typeRole.type, 'isDiv': true, 'isEdit': false };
|
||
console.log(roleOne);
|
||
role.rolesEmp.push(roleOne);
|
||
role.nameRole = '';
|
||
role.typeRole = { 'name': 'Менеджер', 'type': 'manager', };
|
||
role.isInput = false;
|
||
$('.ui-tooltip').remove();
|
||
}
|
||
|
||
},
|
||
editEmp: function(id) {
|
||
console.log(role.rolesEmp);
|
||
role.rolesEmp[id].isDiv = false;
|
||
role.rolesEmp[id].isEdit = true;
|
||
role.typeRole = { 'name': role.empRoles[role.rolesEmp[id].type], 'type': role.rolesEmp[id].type };
|
||
$('.ui-tooltip').remove();
|
||
},
|
||
editEmpSave: function(id) {
|
||
if (role.isEmpty(role.rolesEmp[id].name)) {
|
||
role.errorOtdel = "Заполните название роли";
|
||
role.mes_error_otdel = true;
|
||
setTimeout(function() {
|
||
role.errorOtdel = "";
|
||
role.mes_error_otdel = false;
|
||
}, 3000);
|
||
}
|
||
if (role.isEmpty(role.typeRole)) {
|
||
role.errorOtdel = "<p>Заполните доступ для роли</p>";
|
||
role.mes_error_otdel = true;
|
||
setTimeout(function() {
|
||
role.errorOtdel = "";
|
||
role.mes_error_otdel = false;
|
||
}, 3000);
|
||
}
|
||
if (!role.mes_error_otdel) {
|
||
|
||
role.rolesEmp[id].type = role.typeRole.type;
|
||
role.nameRole = '';
|
||
role.typeRole = { 'name': 'Менеджер', 'type': 'manager' };
|
||
role.rolesEmp[id].isDiv = true;
|
||
role.rolesEmp[id].isEdit = false;
|
||
$('.ui-tooltip').remove();
|
||
}
|
||
},
|
||
deleteEmp: function(id) {
|
||
|
||
if (role.rolesEmp[id].id !== undefined) {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'delete_role',
|
||
role_id: role.rolesEmp[id].id
|
||
})
|
||
.then(function(response) {
|
||
console.log(response.data);
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
}
|
||
role.rolesEmp.splice(id, 1);
|
||
$('.ui-tooltip').remove();
|
||
},
|
||
saveOtdet: function() {
|
||
if (role.isEmpty(role.name)) {
|
||
role.errorOtdel = "Заполните название отдела";
|
||
role.mes_error_otdel = true;
|
||
setTimeout(function() {
|
||
role.errorOtdel = "";
|
||
role.mes_error_otdel = false;
|
||
}, 3000);
|
||
} else {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'save_dep',
|
||
dep_id: role.otdelId,
|
||
roles: role.rolesEmp,
|
||
name: role.name,
|
||
agency_id: this.agencyId
|
||
|
||
})
|
||
.then(function(response) {
|
||
console.log(response.data);
|
||
br.getOtdels();
|
||
role.setOtdel = false;
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
}
|
||
},
|
||
onloadForm: function() {
|
||
$('#setting_roles').removeClass('hidden');
|
||
},
|
||
isEmpty: function(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
}
|
||
},
|
||
created: function() {
|
||
this.onloadForm();
|
||
}
|
||
});
|
||
|
||
$('body').on('click', '#setting_add_otdel', function() {
|
||
role.addOtdel();
|
||
})
|
||
|
||
var br = new Vue({
|
||
el: '#block_roles',
|
||
components: {
|
||
Multiselect: window.VueMultiselect.default,
|
||
//vuejsDatepicker: window.vuejsDatepicker
|
||
},
|
||
data: {
|
||
otdels: [],
|
||
agencyId: $('#agency_id_dep').val()
|
||
},
|
||
methods: {
|
||
getOtdels: function() {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_dep',
|
||
agency_id: this.agencyId
|
||
})
|
||
.then(function(response) {
|
||
//console.log(response.data);
|
||
br.otdels = response.data;
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
editOtdel: function(id) {
|
||
role.isInput = false;
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_dep_one',
|
||
dep_id: id
|
||
})
|
||
.then(function(response) {
|
||
role.rolesEmp = [];
|
||
role.name = response.data.name;
|
||
role.otdelId = response.data.id;
|
||
var roles = response.data.roles;
|
||
for (var id in roles) {
|
||
roles[id].isDiv = true;
|
||
roles[id].isEdit = false;
|
||
roles[id].type = roles[id].role;
|
||
role.rolesEmp.push(roles[id]);
|
||
}
|
||
console.log(response.data);
|
||
role.setOtdel = true;
|
||
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
deleteOtdel: function(id) {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'delete_dep',
|
||
dep_id: id
|
||
})
|
||
.then(function(response) {
|
||
br.getOtdels();
|
||
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
}
|
||
|
||
},
|
||
created: function() {
|
||
this.getOtdels();
|
||
}
|
||
});
|
||
|
||
if ($('#objectFieldsBlocksForm').length > 0) {
|
||
var object_field_block_form = new Vue({
|
||
el: '#objectFieldsBlocksForm',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
block_id: 0,
|
||
block_title: '',
|
||
block_order: 0,
|
||
agency_id: $('#session_agency_id').val() || null,
|
||
}
|
||
},
|
||
methods: {
|
||
showEditFieldBlocksForm: function(block_id) {
|
||
let ref = this;
|
||
if (block_id != 0) {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_field_block',
|
||
agency_id: ref.agency_id,
|
||
block_id: block_id
|
||
}).then(function(response) {
|
||
console.debug(response.data);
|
||
if (response.data.success) {
|
||
ref.block_id = response.data.block.id;
|
||
ref.block_title = response.data.block.title;
|
||
ref.block_order = response.data.block.order;
|
||
$('#objectFieldsBlocksFormBg').fadeIn(500);
|
||
$('#objectFieldsBlocksForm').toggle(300);
|
||
$("body").addClass("lock");
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
} else {
|
||
$('#objectFieldsBlocksFormBg').fadeIn(500);
|
||
$('#objectFieldsBlocksForm').toggle(300);
|
||
$("body").addClass("lock");
|
||
}
|
||
},
|
||
clearData() {
|
||
this.block_id = 0;
|
||
this.block_title = '';
|
||
this.block_order = 0;
|
||
},
|
||
closeEditFieldBlockForm: function() {
|
||
$('#objectFieldsBlocksFormBg').fadeOut(300);
|
||
$('#objectFieldsBlocksForm').toggle(100);
|
||
$("body").removeClass("lock");
|
||
this.clearData();
|
||
},
|
||
saveFieldBlock: function(block_id) {
|
||
let ref = this;
|
||
let orders = [];
|
||
$(object_fields_blocks.$refs.fieldsBlocks).find('li').each(function() {
|
||
orders.push(parseInt($(this).data('order')));
|
||
});
|
||
|
||
if (orders.length > 0)
|
||
ref.block_order = Math.max(...orders.sort()) + 1;
|
||
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'save_object_fields_block',
|
||
agency_id: ref.agency_id,
|
||
block_title: ref.block_title,
|
||
block_order: ref.block_order,
|
||
block_id: block_id
|
||
}).then((response) => {
|
||
if (response.data.success) {
|
||
let new_block_id = response.data.block_id;
|
||
ref.$emit('add_edit_object_fields_block', new_block_id);
|
||
ref.closeEditFieldBlockForm();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
},
|
||
},
|
||
created: function() {}
|
||
});
|
||
}
|
||
|
||
if ($('#objectFieldsForm').length > 0) {
|
||
var object_field_form = new Vue({
|
||
el: '#objectFieldsForm',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
field_id: 0,
|
||
agency_id: $('#session_agency_id').val() || null,
|
||
name: '',
|
||
title: '',
|
||
type: 0,
|
||
params: [],
|
||
order: 0,
|
||
agencyId: $('#session_agency_id').val() || null,
|
||
is_available: 1,
|
||
is_presentation: 1,
|
||
is_filtrable: 0,
|
||
is_active: 1,
|
||
is_required: 0,
|
||
typesList: [],
|
||
block_id: 0,
|
||
block_title: '',
|
||
block_order: 0,
|
||
blocksList: {
|
||
0: 'Общие поля'
|
||
},
|
||
}
|
||
},
|
||
methods: {
|
||
showEditFieldBlocksForm: function(block_id) {
|
||
if (typeof object_field_block_form !== "undefined") {
|
||
object_field_block_form.showEditFieldBlocksForm(block_id);
|
||
}
|
||
},
|
||
showEditObjectFieldForm: function(id) {
|
||
let ref = this;
|
||
if (id !== 0) {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_object_field',
|
||
agency_id: ref.agencyId,
|
||
field_id: id
|
||
}).then(function(response) {
|
||
console.log(response.data);
|
||
|
||
if (response.data.success) {
|
||
ref.field_id = response.data.field.id;
|
||
ref.name = response.data.field.name;
|
||
ref.title = response.data.field.title;
|
||
ref.type = response.data.field.type;
|
||
|
||
if (ref.type == 2 || ref.type == 3) {
|
||
ref.params = response.data.field.params;
|
||
if (ref.params != null && typeof ref.params['items'] !== "undefined") {
|
||
let items = ref.params['items'];
|
||
for (const [key, value] of Object.entries(items)) {
|
||
if (value !== null) {
|
||
value['mode'] = '';
|
||
} else {
|
||
delete items[key];
|
||
}
|
||
}
|
||
ref.params['items'] = items;
|
||
} else {
|
||
if (ref.params == null) {
|
||
ref.params = [];
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
ref.order = response.data.field.order;
|
||
ref.block_id = response.data.field.block_id;
|
||
ref.is_available = response.data.field.is_available;
|
||
ref.is_presentation = response.data.field.is_presentation;
|
||
ref.is_filtrable = response.data.field.is_filtrable;
|
||
ref.is_required = response.data.field.is_required;
|
||
ref.is_active = response.data.field.is_active;
|
||
|
||
console.debug(ref.params);
|
||
|
||
ref.getFieldTypes(ref.type);
|
||
ref.getFieldBlocksList(ref.block_id);
|
||
$('#objectFieldsFormBg').fadeIn(500);
|
||
$('#objectFieldsForm').toggle(300);
|
||
$("body").addClass("lock");
|
||
|
||
object_field_block_form.$on('add_edit_object_fields_block', function(block_id) {
|
||
ref.getFieldBlocksList(block_id);
|
||
});
|
||
}
|
||
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.log(error);
|
||
});
|
||
} else {
|
||
ref.getFieldTypes(ref.type);
|
||
ref.getFieldBlocksList(ref.block_id);
|
||
$('#objectFieldsFormBg').fadeIn(500);
|
||
$('#objectFieldsForm').toggle(300);
|
||
$("body").addClass("lock");
|
||
|
||
object_field_block_form.$on('add_edit_object_fields_block', function(block_id) {
|
||
ref.getFieldBlocksList(block_id);
|
||
});
|
||
}
|
||
},
|
||
storeFieldProps(action, prop, event) {
|
||
let ref = this;
|
||
|
||
let params = ref.params;
|
||
if (params.length == 0 && (ref.type == 2 || ref.type == 3)) {
|
||
params = [];
|
||
params['items'] = [];
|
||
}
|
||
|
||
$('.ui-tooltip.ui-widget').remove();
|
||
|
||
if (prop == null)
|
||
prop = {
|
||
value: 0,
|
||
name: '',
|
||
mode: 'edit'
|
||
};
|
||
|
||
//console.log({action, prop});
|
||
|
||
if (typeof action !== "undefined" && typeof prop !== "undefined") {
|
||
switch (action) {
|
||
case 'save':
|
||
prop.mode = null;
|
||
prop.name = $(event.target).closest('.inputs').find('[name="item_name"]').val();
|
||
break;
|
||
case 'edit':
|
||
prop.mode = 'edit';
|
||
break;
|
||
case 'delete':
|
||
if (typeof params['items'] !== "undefined") {
|
||
if (confirm('Вы действительно хотите удалить пункт `' + prop['name'] + '`? Это также приведёт к удалению данных в объектах.')) {
|
||
let items = params['items'];
|
||
for (let [key, value] of Object.entries(items)) {
|
||
if (value['value'] == prop['value'])
|
||
delete ref.params['items'][key];
|
||
}
|
||
delete prop;
|
||
$('.inputs [data-key="' + prop.value + '"]').parent('li').remove();
|
||
params['items'] = items;
|
||
}
|
||
}
|
||
break;
|
||
case 'close':
|
||
if (typeof params['items'] !== "undefined") {
|
||
if (prop.value == null || typeof prop.value == "undefined" || prop.name == '' || typeof prop.name == "undefined") {
|
||
let items = params['items'];
|
||
for (let [key, value] of Object.entries(items)) {
|
||
if (value['value'] == prop['value'])
|
||
delete ref.params['items'][key];
|
||
}
|
||
delete prop;
|
||
$('.inputs [data-key="' + prop.value + '"]').parent('li').remove();
|
||
params['items'] = items;
|
||
} else {
|
||
prop.mode = null;
|
||
}
|
||
}
|
||
break;
|
||
case 'add':
|
||
if (typeof params['items'] !== "undefined") {
|
||
|
||
let next = 1,
|
||
values = [],
|
||
items = params['items'];
|
||
|
||
for (const [key, value] of Object.entries(items)) {
|
||
values.push(parseInt(value['value']));
|
||
}
|
||
|
||
if (values.length > 0)
|
||
next = Math.max(...values.sort()) + 1;
|
||
|
||
//console.debug(next);
|
||
items.push({
|
||
name: '',
|
||
value: next,
|
||
mode: "edit"
|
||
});
|
||
}
|
||
break;
|
||
}
|
||
ref.params = {...params };
|
||
//console.log(ref.params);
|
||
}
|
||
},
|
||
getFieldTypes(type) {
|
||
let ref = this;
|
||
if (typeof type !== "undefined")
|
||
ref.type = type;
|
||
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_field_types',
|
||
user_id: $("#session_user_id").val(),
|
||
type: ref.type
|
||
}).then((response) => {
|
||
ref.typesList = response.data.list;
|
||
$("#object-fields-type").html(response.data.html);
|
||
$("#object-fields-type-input").fastselect({
|
||
placeholder: 'Выберите тип',
|
||
onItemSelect: function(item, val) {
|
||
ref.type = val.value;
|
||
console.log(ref.type);
|
||
},
|
||
});
|
||
}).catch(function(error) {
|
||
|
||
if (error)
|
||
console.debug(error);
|
||
|
||
});
|
||
},
|
||
getFieldTranslit: function() {
|
||
let ref = this;
|
||
ref.fieldsList = [];
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_field_translit',
|
||
title: ref.title
|
||
}).then(function(response) {
|
||
if (!ref.isEmpty(response.data.result)) {
|
||
ref.name = response.data.result;
|
||
}
|
||
}).catch(function(error) {
|
||
ref.fieldsList = false;
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
},
|
||
saveObjectField(id) {
|
||
let ref = this;
|
||
let orders = [];
|
||
$(object_fields.$refs.fieldsListTable).find('tbody tr').each(function() {
|
||
orders.push(parseInt($(this).data('order')));
|
||
});
|
||
|
||
if (orders.length > 0)
|
||
ref.order = Math.max(...orders.sort()) + 1;
|
||
|
||
let param = {
|
||
name: ref.name,
|
||
title: ref.title,
|
||
type: ref.type,
|
||
order: ref.order,
|
||
is_available: ref.is_available,
|
||
is_presentation: ref.is_presentation,
|
||
is_filtrable: ref.is_filtrable,
|
||
is_required: ref.is_required,
|
||
is_active: ref.is_active,
|
||
params: ref.params,
|
||
block_id: ref.block_id
|
||
};
|
||
|
||
//console.log(param);
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'save_object_field',
|
||
agency_id: ref.agency_id,
|
||
param: param,
|
||
field_id: id
|
||
}).then((response) => {
|
||
if (response.data.success) {
|
||
ref.$emit('add_edit_object_fields');
|
||
ref.closeEditObjectFieldForm();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
},
|
||
|
||
getFieldBlocksList(block_id) {
|
||
let ref = this;
|
||
if (typeof block_id !== "undefined")
|
||
ref.block_id = block_id;
|
||
|
||
ref.blocksList = [];
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_field_blocks',
|
||
agency_id: ref.agency_id,
|
||
block_id: ref.block_id
|
||
}).then(function(response) {
|
||
ref.blocksList = response.data.list;
|
||
|
||
$("#object-fields-block").html(response.data.html);
|
||
$("#object-fields-block-input").fastselect({
|
||
placeholder: 'Выберите блок',
|
||
onItemSelect: function(item, val) {
|
||
ref.block_id = val.value;
|
||
console.log(ref.block_id);
|
||
},
|
||
});
|
||
|
||
console.debug(ref.blocksList);
|
||
}).catch(function(error) {
|
||
ref.blocksList = [];
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
|
||
return ref.blocksList;
|
||
},
|
||
getBlockName: function(block_id) {
|
||
let ref = this;
|
||
if (typeof block_id !== "undefined") {
|
||
if (!ref.isEmpty(block_id)) {
|
||
for (const [key, value] of Object.entries(ref.blocksList)) {
|
||
if (parseInt(key) == parseInt(block_id))
|
||
return value;
|
||
}
|
||
}
|
||
}
|
||
|
||
return block_id;
|
||
},
|
||
|
||
clearData() {
|
||
this.field_id = 0;
|
||
this.name = '';
|
||
this.title = '';
|
||
this.type = 0;
|
||
this.params = [];
|
||
this.order = 0;
|
||
this.is_available = 1;
|
||
this.is_presentation = 1;
|
||
this.is_filtrable = 0;
|
||
this.is_required = 1;
|
||
this.is_active = 0;
|
||
this.block_id = 0;
|
||
this.block_title = '';
|
||
this.block_order = 0;
|
||
this.blocksList = {
|
||
0: 'Общие поля'
|
||
};
|
||
},
|
||
closeEditObjectFieldForm() {
|
||
$('#objectFieldsFormBg').fadeOut(300);
|
||
$('#objectFieldsForm').toggle(100);
|
||
$("body").removeClass("lock");
|
||
this.clearData();
|
||
},
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
},
|
||
created: function() {}
|
||
});
|
||
}
|
||
|
||
if ($('#objectFieldsBlocks').length > 0) {
|
||
var object_fields_blocks = new Vue({
|
||
el: '#objectFieldsBlocks',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
blocksList: [],
|
||
agency_id: $('#session_agency_id').val() || null
|
||
}
|
||
},
|
||
methods: {
|
||
getObjectFieldsBlocks: function() {
|
||
let ref = this;
|
||
ref.blocksList = [];
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_field_blocks',
|
||
agency_id: ref.agency_id,
|
||
block_id: 0
|
||
}).then(function(response) {
|
||
ref.blocksList = response.data.list;
|
||
console.debug(ref.blocksList);
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
},
|
||
showEditFieldBlocksForm: function(block_id) {
|
||
if (typeof object_field_form != "undefined") {
|
||
object_field_form.showEditFieldBlocksForm(block_id);
|
||
}
|
||
},
|
||
closeEditFieldBlocksForm: function() {
|
||
if (typeof object_field_form != "undefined") {
|
||
object_field_form.closeEditFieldBlocksForm(block_id);
|
||
}
|
||
},
|
||
confirmDeleteFieldBlock: function(id) {
|
||
let ref = this;
|
||
if (confirm('Вы действительно хотите удалить этот блок? Поля данного блока будут назначены как общие.')) {
|
||
if (typeof id !== "undefined") {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'delete_object_field_block',
|
||
agency_id: ref.agency_id,
|
||
block_id: id
|
||
}).then((response) => {
|
||
if (response.data.success) {
|
||
ref.blocksList = [];
|
||
ref.getObjectFieldsBlocks();
|
||
if (typeof object_fields != "undefined")
|
||
object_fields.getObjectFields();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
}
|
||
}
|
||
},
|
||
setBlockOrder: function(id, order, direction) {
|
||
let ref = this;
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'set_block_order',
|
||
agency_id: ref.agency_id,
|
||
direct: direction,
|
||
sort_order: order,
|
||
block_id: id
|
||
}).then((response) => {
|
||
if (response.data.success) {
|
||
ref.blocksList = [];
|
||
ref.getObjectFieldsBlocks();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
},
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
},
|
||
computed: {},
|
||
created: function() {
|
||
this.getObjectFieldsBlocks();
|
||
if (typeof object_field_block_form != "undefined") {
|
||
let ref = this;
|
||
object_field_block_form.$on('add_edit_object_fields_block', function() {
|
||
ref.getObjectFieldsBlocks();
|
||
});
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
if ($('#object_fields').length > 0) {
|
||
var object_fields = new Vue({
|
||
el: '#object_fields',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
fieldsList: [],
|
||
blocksList: [],
|
||
agency_id: $('#session_agency_id').val() || null
|
||
}
|
||
},
|
||
methods: {
|
||
getObjectFields: function() {
|
||
let ref = this;
|
||
ref.fieldsList = [];
|
||
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_object_fields',
|
||
agency_id: ref.agency_id
|
||
}).then(function(response) {
|
||
var new_array = response.data;
|
||
ref.fieldsList = ref.fieldsList.concat(new_array);
|
||
console.debug(ref.fieldsList);
|
||
}).catch(function(error) {
|
||
ref.fieldsList = false;
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
},
|
||
confirmDeleteObjectField: function(id) {
|
||
let ref = this;
|
||
if (confirm('Вы действительно хотите удалить данное поле?')) {
|
||
if (typeof id !== "undefined") {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'delete_object_field',
|
||
agency_id: ref.agency_id,
|
||
field_id: id
|
||
}).then((response) => {
|
||
if (response.data.success) {
|
||
ref.fieldsList = [];
|
||
ref.getObjectFields();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
}
|
||
}
|
||
},
|
||
showEditObjectFieldForm: function(id) {
|
||
if (typeof object_field_form != "undefined") {
|
||
object_field_form.showEditObjectFieldForm(id);
|
||
}
|
||
},
|
||
showEditFieldBlocksForm: function(block_id) {
|
||
if (typeof object_field_form != "undefined") {
|
||
object_field_form.showEditFieldBlocksForm(block_id);
|
||
}
|
||
},
|
||
setFieldOrder: function(id, order, direction) {
|
||
let ref = this;
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'set_field_order',
|
||
agency_id: ref.agency_id,
|
||
direct: direction,
|
||
sort_order: order,
|
||
field_id: id
|
||
}).then((response) => {
|
||
if (response.data.success) {
|
||
ref.fieldsList = [];
|
||
ref.getObjectFields();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
},
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
},
|
||
computed: {},
|
||
created: function() {
|
||
this.getObjectFields();
|
||
if (typeof object_field_form != "undefined") {
|
||
let ref = this;
|
||
object_field_form.$on('add_edit_object_fields', function() {
|
||
ref.getObjectFields();
|
||
});
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
if ($('#client_req_fields').length > 0) {
|
||
var client_req_fields = new Vue({
|
||
el: '#client_req_fields',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
fieldsList: [],
|
||
agency_id: $('#session_agency_id').val() || null
|
||
}
|
||
},
|
||
methods: {
|
||
getClientReqFields: function() {
|
||
|
||
//this.fieldsList = [];
|
||
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_client_req_fields',
|
||
agency_id: this.agency_id
|
||
}).then((response) => {
|
||
// console.log(response.data);
|
||
this.fieldsList = response.data;
|
||
|
||
}).catch(function(error) {
|
||
this.fieldsList = false;
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
},
|
||
confirmDeleteClientReqField: function(id) {
|
||
if (confirm('Вы действительно хотите удалить данную группу?')) {
|
||
if (typeof id !== "undefined") {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'delete_client_req_field',
|
||
agency_id: this.agency_id,
|
||
field_id: id
|
||
}).then((response) => {
|
||
console.log(response.data);
|
||
if (response.data.success) {
|
||
|
||
this.getClientReqFields();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
}
|
||
}
|
||
},
|
||
showEditClientReqFieldForm: function(id) {
|
||
if (typeof clientReqFieldsModal != "undefined") {
|
||
clientReqFieldsModal.showEditClientReqFieldForm(id);
|
||
}
|
||
},
|
||
showEditFieldBlocksForm: function(block_id) {
|
||
if (typeof object_field_form != "undefined") {
|
||
object_field_form.showEditFieldBlocksForm(block_id);
|
||
}
|
||
},
|
||
setFieldOrder: function(id, order, direction) {
|
||
let ref = this;
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'set_field_order',
|
||
agency_id: ref.agency_id,
|
||
direct: direction,
|
||
sort_order: order,
|
||
field_id: id
|
||
}).then((response) => {
|
||
if (response.data.success) {
|
||
ref.fieldsList = [];
|
||
ref.getObjectFields();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
},
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
},
|
||
computed: {},
|
||
created: function() {
|
||
this.getClientReqFields();
|
||
/* if (typeof object_field_form != "undefined") {
|
||
let ref = this;
|
||
object_field_form.$on('add_edit_object_fields', function() {
|
||
ref.getObjectFields();
|
||
});
|
||
}*/
|
||
}
|
||
});
|
||
}
|
||
|
||
if ($('#clientReqFieldsModal').length > 0) {
|
||
var clientReqFieldsModal = new Vue({
|
||
el: '#clientReqFieldsModal',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
isShowClientReqFieldsForm: false,
|
||
field_id: 0,
|
||
is_podgroup: 0,
|
||
is_podgroup_multiselect: 0,
|
||
is_client: 1,
|
||
is_req: 1,
|
||
type: 0,
|
||
agency_id: $('#session_agency_id').val() || null,
|
||
name: '',
|
||
title: '',
|
||
types_req: [{
|
||
"code": 0,
|
||
"name": "Все",
|
||
"order": -1,
|
||
"heir": 0,
|
||
"archive": 0,
|
||
"type": "label",
|
||
}],
|
||
selectedType: 0,
|
||
params: [],
|
||
order: 0,
|
||
agencyId: $('#session_agency_id').val() || null,
|
||
userId: $('#session_user_id').val(),
|
||
is_active: 1,
|
||
is_required: 0,
|
||
typesList: [],
|
||
listPodgroups: {},
|
||
is_filtrable: 0,
|
||
OpenIndicator: {
|
||
render: createElement => createElement('span', { class: { 'vueToggleSpan': true } }),
|
||
},
|
||
is_no_see: 0,
|
||
users_see: [{ 'code': '0', 'name': '', 'type':'agent' }],
|
||
selected_users_see_no: null,
|
||
|
||
}
|
||
},
|
||
methods: {
|
||
|
||
showEditClientReqFieldForm: function(id) {
|
||
console.log(id);
|
||
this.isShowClientReqFieldsForm = true;
|
||
this.clearField();
|
||
if (id > 0) {
|
||
this.getClientReqField(id);
|
||
}
|
||
|
||
$("body").addClass("lock");
|
||
},
|
||
hideEditClientReqFieldForm: function() {
|
||
this.isShowClientReqFieldsForm = false;
|
||
$("body").removeClass("lock");
|
||
},
|
||
clearField() {
|
||
this.field_id = 0;
|
||
this.is_podgroup = 0;
|
||
this.is_podgroup_multiselect=0;
|
||
this.is_client = 1;
|
||
this.is_req = 1;
|
||
this.type = 0;
|
||
this.title = '';
|
||
this.selectedType = 0;
|
||
this.params = [];
|
||
this.is_required = 0;
|
||
this.listPodgroups = {};
|
||
this.getFieldTypes();
|
||
this.getTypes();
|
||
this.is_filtrable = 0;
|
||
this.is_no_see = 0;
|
||
this.selected_users_see_no = null;
|
||
},
|
||
getClientReqField(id) {
|
||
this.field_id = id;
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_client_req_field',
|
||
agency_id: this.agency_id,
|
||
field_id: this.field_id,
|
||
}).then((response) => {
|
||
console.log(response.data);
|
||
var res = response.data;
|
||
var field = res.field;
|
||
this.is_podgroup = field.is_podgroup;
|
||
this.is_podgroup_multiselect = field.is_podgroup_multiselect;
|
||
this.is_client = field.is_client;
|
||
this.is_req = field.is_req;
|
||
this.type = field.type;
|
||
this.title = field.title;
|
||
this.selectedType = JSON.parse(field.req_type);
|
||
var params = JSON.parse(field.params);
|
||
this.is_required = field.is_required;
|
||
this.is_filtrable = field.is_filtrable;
|
||
this.listPodgroups = res.list_podgroup;
|
||
this.is_no_see = field.is_no_see;
|
||
|
||
if(!this.isEmpty(field.users_no_see)){
|
||
var tempUS = JSON.parse(field.users_no_see);
|
||
var tempUS2 = [];
|
||
if(!this.isEmpty(tempUS)){
|
||
for(var i in tempUS){
|
||
if(!this.isEmpty(tempUS[i]) && tempUS[i] != 'null'){
|
||
tempUS2.push(tempUS[i]);
|
||
}
|
||
}
|
||
}
|
||
this.selected_users_see_no = tempUS2;
|
||
}
|
||
|
||
var temp_params = [];
|
||
if(!this.isEmpty(params) && params.items){
|
||
for(var idp in params.items) {
|
||
//console.log(params.items[idp]);
|
||
if(!this.isEmpty(params.items[idp]) && params.items[idp].mode !== 'edit'){
|
||
temp_params.push(params.items[idp]);
|
||
}
|
||
}
|
||
params.items = temp_params;
|
||
}
|
||
|
||
this.params = params;
|
||
console.log(this.params);
|
||
|
||
for (var id in this.listPodgroups) {
|
||
if (this.listPodgroups[id].params &&
|
||
!this.isEmpty(this.listPodgroups[id].params) &&
|
||
typeof this.listPodgroups[id].params == 'string') {
|
||
this.listPodgroups[id].params = JSON.parse(this.listPodgroups[id].params);
|
||
}
|
||
}
|
||
this.getFieldTypes();
|
||
|
||
}).catch(function(error) {
|
||
this.fieldsList = false;
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
},
|
||
//Получение типов заявок
|
||
getTypes() {
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'get_type',
|
||
agency_id: this.agency_id,
|
||
},
|
||
|
||
)
|
||
.then((response) => {
|
||
//console.log(response.data);
|
||
var types = response.data.type
|
||
types[0].name = 'Все';
|
||
this.types_req = types;
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
getFieldTypes(type) {
|
||
|
||
if (typeof type !== "undefined")
|
||
this.type = type;
|
||
if ($("#clientReq-fields-type").length < 1) {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_field_types',
|
||
user_id: $("#session_user_id").val(),
|
||
type: this.type,
|
||
selector: "clientReq-fields-type",
|
||
}).then((response) => {
|
||
|
||
this.typesList = response.data.list;
|
||
|
||
$("#clientReq-fields-type-input").html(response.data.html);
|
||
$("#clientReq-fields-type").val(this.type);
|
||
$("#clientReq-fields-type").fastselect({
|
||
placeholder: 'Выберите тип',
|
||
onItemSelect: function(item, val) {
|
||
clientReqFieldsModal.type = parseInt(val.value);
|
||
|
||
},
|
||
});
|
||
}).catch(function(error) {
|
||
|
||
if (error)
|
||
console.debug(error);
|
||
|
||
});
|
||
} else {
|
||
$('#clientReq-fields-type').fastselect().data('fastselect').destroy();
|
||
$("#clientReq-fields-type").val(this.type);
|
||
$('#clientReq-fields-type').fastselect({
|
||
placeholder: 'Выберите тип',
|
||
onItemSelect: function(item, val) {
|
||
clientReqFieldsModal.type = val.value;
|
||
|
||
},
|
||
});
|
||
}
|
||
},
|
||
selectType(val) {
|
||
if (val.length == 0) {
|
||
this.selectedType = 0;
|
||
} else {
|
||
for (var i = 0; i < val.length; i++) {
|
||
if (val[i] == 0) {
|
||
val.splice(i, 1);
|
||
}
|
||
}
|
||
if (val.length == 0) {
|
||
this.selectedType = 0;
|
||
}
|
||
}
|
||
|
||
},
|
||
change_podgroup() {
|
||
this.params = [];
|
||
this.type = 0;
|
||
this.getFieldTypes(0);
|
||
},
|
||
storeFieldProps(action, prop, event) {
|
||
console.log(action);
|
||
let ref = this;
|
||
|
||
let params = ref.params;
|
||
if (params.length == 0 && (ref.type == 2 || ref.type == 3)) {
|
||
params['items'] = [];
|
||
}
|
||
|
||
$('.ui-tooltip.ui-widget').remove();
|
||
|
||
if (prop == null)
|
||
prop = {
|
||
value: 0,
|
||
name: '',
|
||
mode: 'edit'
|
||
};
|
||
|
||
console.log({ action, prop });
|
||
|
||
if (typeof action !== "undefined" && typeof prop !== "undefined") {
|
||
switch (action) {
|
||
case 'save':
|
||
prop.mode = null;
|
||
prop.name = $(event.target).closest('.inputs').find('[name="item_name"]').val();
|
||
break;
|
||
case 'edit':
|
||
prop.mode = 'edit';
|
||
break;
|
||
case 'delete':
|
||
if (typeof params['items'] !== "undefined") {
|
||
if (confirm('Вы действительно хотите удалить пункт `' + prop['name'] + '`? Это также приведёт к удалению данных в клиентах или заявках.')) {
|
||
let items = params['items'];
|
||
for (let [key, value] of Object.entries(items)) {
|
||
if (value['value'] == prop['value']) {
|
||
ref.params['items'].splice(key, 1);
|
||
}
|
||
// delete ref.params['items'][key];
|
||
}
|
||
//prop = null;
|
||
// $('.inputs [data-key="' + prop.value + '"]').parent('li').remove();
|
||
params['items'] = items;
|
||
prop = null;
|
||
}
|
||
|
||
}
|
||
|
||
break;
|
||
case 'close':
|
||
if (typeof params['items'] !== "undefined") {
|
||
if (prop.value == null || typeof prop.value == "undefined" || prop.name == '' || typeof prop.name == "undefined") {
|
||
let items = params['items'];
|
||
let tempItems = [];
|
||
|
||
for (let [key, value] of Object.entries(items)) {
|
||
if (value['value'] !== prop['value']){
|
||
tempItems.push(value);
|
||
|
||
}
|
||
}
|
||
items = tempItems;
|
||
|
||
///$('.inputs [data-key="' + prop.value + '"]').parent('li').remove();
|
||
params['items'] = items;
|
||
delete prop;
|
||
|
||
} else {
|
||
prop.mode = null;
|
||
}
|
||
}
|
||
break;
|
||
case 'add':
|
||
if (typeof params['items'] !== "undefined") {
|
||
|
||
let next = 1,
|
||
values = [],
|
||
items = params['items'];
|
||
|
||
for (const [key, value] of Object.entries(items)) {
|
||
values.push(parseInt(value['value']));
|
||
}
|
||
|
||
if (values.length > 0)
|
||
next = Math.max(...values.sort()) + 1;
|
||
|
||
//console.debug(next);
|
||
items.push({
|
||
name: '',
|
||
value: next,
|
||
mode: "edit"
|
||
});
|
||
}
|
||
break;
|
||
}
|
||
ref.params = {...params };
|
||
console.debug(ref.params);
|
||
}
|
||
},
|
||
addEditPodgroup(idadd) {
|
||
id = idadd;
|
||
if (typeof clientReqPodgroupsModal != "undefined") {
|
||
if(idadd == 'add'){
|
||
id = clientReqPodgroupsModal.tempIndex;
|
||
}
|
||
clientReqPodgroupsModal.showEditClientReqPodgroupForm(id);
|
||
if (idadd != 'add' ) {
|
||
clientReqPodgroupsModal.setPodgroup(this.listPodgroups[id]);
|
||
}
|
||
}
|
||
},
|
||
deletePodgroup(id) {
|
||
let tempPodgroup = this.listPodgroups;
|
||
this.listPodgroups = {}
|
||
//console.log(id);
|
||
for(let pg in tempPodgroup){
|
||
if(pg !== id){
|
||
this.$set(this.listPodgroups, pg, tempPodgroup[pg]);
|
||
}
|
||
}
|
||
$('.ui-tooltip').remove();
|
||
|
||
},
|
||
|
||
get_user_see(){
|
||
axios.post('/ajax/ajax_vue_funnel.php', {
|
||
request: 'get_users_see',
|
||
agency_id: this.agencyId,
|
||
user_id: this.userId,
|
||
})
|
||
.then((response) => {
|
||
this.users_see = response.data;
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
},
|
||
saveClientReqField(id) {
|
||
//console.log(this.listPodgroups);
|
||
let param = {
|
||
is_podgroup: this.is_podgroup,
|
||
is_podgroup_multiselect: this.is_podgroup_multiselect,
|
||
is_client: this.is_client,
|
||
is_req: this.is_req,
|
||
type: this.type,
|
||
title: this.title,
|
||
req_type: this.selectedType,
|
||
params: this.params,
|
||
is_required: this.is_required,
|
||
listPodgroups: this.listPodgroups,
|
||
is_filtrable: this.is_filtrable,
|
||
users_no_see: this.selected_users_see_no,
|
||
is_no_see: this.is_no_see,
|
||
};
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'save_client_req_fields',
|
||
field_id: id,
|
||
param: param,
|
||
agency_id: this.agency_id,
|
||
}).then((response) => {
|
||
console.log(response.data);
|
||
if (response.data.success) {
|
||
|
||
//let new_block_id = response.data.block_id;
|
||
// ref.$emit('add_edit_object_fields_block', new_block_id);
|
||
this.hideEditClientReqFieldForm();
|
||
if (typeof client_req_fields != "undefined") {
|
||
client_req_fields.getClientReqFields();
|
||
}
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
},
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
},
|
||
|
||
created: function() {
|
||
this.get_user_see();
|
||
}
|
||
});
|
||
}
|
||
|
||
if ($('#clientReqPodgroupsModal').length > 0) {
|
||
var clientReqPodgroupsModal = new Vue({
|
||
el: '#clientReqPodgroupsModal',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
isShowClientReqPodgroupsForm: false,
|
||
podgroup_id: 0,
|
||
type: 0,
|
||
agency_id: $('#session_agency_id').val() || null,
|
||
title: '',
|
||
params: [],
|
||
order: 0,
|
||
agencyId: $('#session_agency_id').val() || null,
|
||
is_active: 1,
|
||
is_required: 0,
|
||
typesList: [],
|
||
OpenIndicator: {
|
||
render: createElement => createElement('span', { class: { 'vueToggleSpan': true } }),
|
||
},
|
||
tempIndex: -1,
|
||
}
|
||
},
|
||
methods: {
|
||
setPodgroup(podgroup) {
|
||
this.podgroup_id = podgroup.id;
|
||
this.type = podgroup.type;
|
||
this.params = podgroup.params;
|
||
|
||
if (!this.isEmpty(podgroup.params) && (typeof podgroup.params == 'string')) {
|
||
this.params = JSON.parse(podgroup.params);
|
||
}
|
||
this.title = podgroup.title;
|
||
this.is_required = podgroup.is_required;
|
||
|
||
this.getFieldTypes();
|
||
},
|
||
clearPodgroup() {
|
||
this.type = 0;
|
||
this.params = [];
|
||
this.title = '';
|
||
this.is_required = 0;
|
||
this.getFieldTypes(0);
|
||
this.id = 0;
|
||
},
|
||
showEditClientReqPodgroupForm: function(id) {
|
||
this.clearPodgroup();
|
||
this.podgroup_id = id;
|
||
this.isShowClientReqPodgroupsForm = true;
|
||
|
||
if (typeof clientReqFieldsModal != "undefined" && clientReqFieldsModal.isShowClientReqFieldsForm === false) {
|
||
$("body").addClass("lock");
|
||
}
|
||
|
||
},
|
||
hideEditClientReqPodgroupsForm: function() {
|
||
this.isShowClientReqPodgroupsForm = false;
|
||
|
||
if (typeof clientReqFieldsModal != "undefined" && clientReqFieldsModal.isShowClientReqFieldsForm === false) {
|
||
$("body").removeClass("lock");
|
||
}
|
||
},
|
||
getFieldTypes(type) {
|
||
|
||
if (typeof type !== "undefined")
|
||
this.type = type;
|
||
if ($("#clientReq-podgroups-type").length < 1) {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_field_types',
|
||
user_id: $("#session_user_id").val(),
|
||
type: this.type,
|
||
selector: "clientReq-podgroups-type",
|
||
}).then((response) => {
|
||
|
||
// console.log(response.data.list);
|
||
this.typesList = response.data.list;
|
||
|
||
$("#clientReq-podgroups-type-input").html(response.data.html);
|
||
$("#clientReq-podgroups-type").val(this.type);
|
||
$("#clientReq-podgroups-type").fastselect({
|
||
placeholder: 'Выберите тип',
|
||
onItemSelect: function(item, val) {
|
||
clientReqPodgroupsModal.type = parseInt(val.value);
|
||
|
||
},
|
||
});
|
||
}).catch(function(error) {
|
||
|
||
if (error)
|
||
console.debug(error);
|
||
|
||
});
|
||
} else {
|
||
$('#clientReq-podgroups-type').fastselect().data('fastselect').destroy();
|
||
$("#clientReq-podgroups-type").val(this.type);
|
||
$('#clientReq-podgroups-type').fastselect({
|
||
placeholder: 'Выберите тип',
|
||
onItemSelect: function(item, val) {
|
||
clientReqPodgroupsModal.type = val.value;
|
||
|
||
},
|
||
});
|
||
}
|
||
},
|
||
|
||
selectType(val) {
|
||
if (val.length == 0) {
|
||
this.selectedType = 0;
|
||
} else {
|
||
for (var i = 0; i < val.length; i++) {
|
||
if (val[i] == 0) {
|
||
val.splice(i, 1);
|
||
}
|
||
}
|
||
if (val.length == 0) {
|
||
this.selectedType = 0;
|
||
}
|
||
}
|
||
|
||
},
|
||
|
||
storeFieldProps(action, prop, event) {
|
||
let ref = this;
|
||
|
||
let params = ref.params;
|
||
if (params.length == 0 && (ref.type == 2 || ref.type == 3)) {
|
||
params['items'] = [];
|
||
}
|
||
|
||
$('.ui-tooltip.ui-widget').remove();
|
||
|
||
if (prop == null)
|
||
prop = {
|
||
value: 0,
|
||
name: '',
|
||
mode: 'edit'
|
||
};
|
||
|
||
console.debug({ action, prop });
|
||
|
||
if (typeof action !== "undefined" && typeof prop !== "undefined") {
|
||
switch (action) {
|
||
case 'save':
|
||
prop.mode = null;
|
||
prop.name = $(event.target).closest('.inputs').find('[name="item_name"]').val();
|
||
break;
|
||
case 'edit':
|
||
prop.mode = 'edit';
|
||
break;
|
||
case 'delete':
|
||
if (typeof params['items'] !== "undefined") {
|
||
if (confirm('Вы действительно хотите удалить пункт `' + prop['name'] + '`? Это также приведёт к удалению данных в клиентах или заявках.')) {
|
||
let items = params['items'];
|
||
for (let [key, value] of Object.entries(items)) {
|
||
if (value['value'] == prop['value']) {
|
||
ref.params['items'].splice(key, 1);
|
||
}
|
||
// delete ref.params['items'][key];
|
||
}
|
||
//prop = null;
|
||
$('.inputs [data-key="' + prop.value + '"]').parent('li').remove();
|
||
params['items'] = items;
|
||
prop = null;
|
||
}
|
||
|
||
}
|
||
|
||
break;
|
||
case 'close':
|
||
if (typeof params['items'] !== "undefined") {
|
||
if (prop.value == null || typeof prop.value == "undefined" || prop.name == '' || typeof prop.name == "undefined") {
|
||
let items = params['items'];
|
||
for (let [key, value] of Object.entries(items)) {
|
||
if (value['value'] == prop['value'])
|
||
delete ref.params['items'][key];
|
||
}
|
||
delete prop;
|
||
$('.inputs [data-key="' + prop.value + '"]').parent('li').remove();
|
||
params['items'] = items;
|
||
} else {
|
||
prop.mode = null;
|
||
}
|
||
}
|
||
break;
|
||
case 'add':
|
||
if (typeof params['items'] !== "undefined") {
|
||
|
||
let next = 1,
|
||
values = [],
|
||
items = params['items'];
|
||
|
||
for (const [key, value] of Object.entries(items)) {
|
||
values.push(parseInt(value['value']));
|
||
}
|
||
|
||
if (values.length > 0)
|
||
next = Math.max(...values.sort()) + 1;
|
||
|
||
//console.debug(next);
|
||
items.push({
|
||
name: '',
|
||
value: next,
|
||
mode: "edit"
|
||
});
|
||
}
|
||
break;
|
||
}
|
||
ref.params = {...params };
|
||
console.debug(ref.params);
|
||
}
|
||
},
|
||
saveClientReqPodgroup(id) {
|
||
//console.log(id);
|
||
|
||
if (typeof clientReqFieldsModal != "undefined") {
|
||
var podgroup = { 'title': this.title, 'params': this.params, 'type': this.type, 'is_required': this.is_required };
|
||
if (this.podgroup_id > 0) {
|
||
podgroup.id = this.podgroup_id;
|
||
}
|
||
|
||
if (id < 0) {
|
||
if(this.isEmpty(clientReqFieldsModal.listPodgroups)){
|
||
clientReqFieldsModal.listPodgroups = {};
|
||
}
|
||
podgroup.id = id;
|
||
// console.log(clientReqFieldsModal.listPodgroups[id]);
|
||
//clientReqFieldsModal.listPodgroups.push(podgroup);
|
||
if(clientReqFieldsModal.listPodgroups[id]) {
|
||
clientReqFieldsModal.$set(clientReqFieldsModal.listPodgroups, id, podgroup);
|
||
} else {
|
||
clientReqFieldsModal.$set(clientReqFieldsModal.listPodgroups, this.tempIndex, podgroup);
|
||
// console.log(clientReqFieldsModal.listPodgroups);
|
||
|
||
}
|
||
this.tempIndex--;
|
||
} else if (id >= 0) {
|
||
clientReqFieldsModal.$set(clientReqFieldsModal.listPodgroups, id, podgroup);
|
||
//clientReqFieldsModal.listPodgroups[id] = podgroup;
|
||
}
|
||
|
||
//console.log(podgroup);
|
||
this.hideEditClientReqPodgroupsForm();
|
||
}
|
||
},
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
},
|
||
|
||
computed: {},
|
||
created: function() {
|
||
|
||
}
|
||
});
|
||
}
|
||
|
||
if ($('#advertApiForm').length > 0) {
|
||
var advert_api_form = new Vue({
|
||
el: '#advertApiForm',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
api_id: 0,
|
||
agency_id: $('#session_agency_id').val() || null,
|
||
servicesList: [],
|
||
service_id: 0,
|
||
client_id: null,
|
||
secret_key: null,
|
||
ext_user_id: null,
|
||
use_for_complexes: '0',
|
||
status: 1,
|
||
error_msg: '',
|
||
}
|
||
},
|
||
methods: {
|
||
setData() {
|
||
|
||
},
|
||
clearData() {
|
||
this.api_id = 0;
|
||
//this.servicesList = [];
|
||
this.service_id = 0;
|
||
this.client_id = null;
|
||
this.secret_key = null;
|
||
this.ext_user_id = null;
|
||
this.use_for_complexes = '0';
|
||
this.status = 1;
|
||
this.error_msg = '';
|
||
},
|
||
saveAdvertApi(id) {
|
||
let ref = this;
|
||
ref.error_msg = '';
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'add_edit_api',
|
||
agency_id: ref.agency_id,
|
||
api_id: id,
|
||
service_id: ref.service_id,
|
||
client_id: ref.client_id,
|
||
secret_key: ref.secret_key,
|
||
ext_user_id: ref.ext_user_id,
|
||
use_for_complexes: ref.use_for_complexes,
|
||
status: ref.status
|
||
}).then((response) => {
|
||
if (response.data.success) {
|
||
ref.$emit('add_edit_api');
|
||
ref.closeAdvertApiForm();
|
||
} else if (!ref.isEmpty(response.data.errors)) {
|
||
for (const [key, value] of Object.entries(response.data.errors)) {
|
||
ref.error_msg += '<p>' + value + '</p>';
|
||
}
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
},
|
||
showAdvertApiForm(api_id) {
|
||
let ref = this;
|
||
if (typeof api_id !== "undefined" && api_id !== 0) {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_api',
|
||
api_id: api_id,
|
||
agency_id: ref.agency_id
|
||
}).then(function(response) {
|
||
ref.api_id = response.data.id;
|
||
ref.service_id = response.data.service_id;
|
||
ref.client_id = response.data.client_id;
|
||
ref.secret_key = response.data.secret_key;
|
||
ref.ext_user_id = response.data.ext_user_id;
|
||
ref.status = response.data.status;
|
||
ref.use_for_complexes = response.data.use_for_complexes;
|
||
|
||
ref.getApiServicesList(ref.service_id);
|
||
|
||
$('#advertApiFormBg').fadeIn(100);
|
||
$('#advertApiForm').toggle(50);
|
||
$("body").addClass("lock");
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
} else {
|
||
|
||
ref.service_id = 0;
|
||
if (typeof advertising_stats != "undefined") {
|
||
let exploded = advertising_stats.explodeList;
|
||
ref.getApiServicesList(ref.service_id, exploded);
|
||
}
|
||
|
||
$('#advertApiFormBg').fadeIn(100);
|
||
$('#advertApiForm').toggle(50);
|
||
$("body").addClass("lock");
|
||
}
|
||
},
|
||
closeAdvertApiForm() {
|
||
$('#advertApiFormBg').fadeOut(300);
|
||
$('#advertApiForm').toggle(100);
|
||
$("body").removeClass("lock");
|
||
this.clearData();
|
||
},
|
||
getApiServicesList(service_id, explode_id) {
|
||
let ref = this;
|
||
if (typeof service_id !== "undefined")
|
||
ref.service_id = service_id;
|
||
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_api_services',
|
||
agency_id: ref.agency_id,
|
||
service_id: ref.service_id,
|
||
explode_id: explode_id,
|
||
}).then(function(response) {
|
||
var new_array = response.data.list;
|
||
ref.servicesList = ref.servicesList.concat(new_array);
|
||
|
||
$("#api-service-list").html(response.data.html);
|
||
$("#api-service-list-input").fastselect({
|
||
placeholder: 'Выберите площадку',
|
||
onItemSelect: function(item, val) {
|
||
ref.service_id = val.value;
|
||
console.log(ref.service_id);
|
||
},
|
||
});
|
||
|
||
console.debug(ref.servicesList);
|
||
}).catch(function(error) {
|
||
ref.servicesList = [];
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
return ref.servicesList;
|
||
},
|
||
getServiceName: function(service_id) {
|
||
let ref = this;
|
||
if (typeof service_id !== "undefined") {
|
||
if (!ref.isEmpty(service_id)) {
|
||
for (const [key, value] of Object.entries(ref.servicesList)) {
|
||
if (parseInt(value['value']) == parseInt(service_id))
|
||
return value['label'];
|
||
}
|
||
}
|
||
}
|
||
|
||
return service_id;
|
||
},
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
},
|
||
created: function() {
|
||
this.getApiServicesList();
|
||
}
|
||
});
|
||
}
|
||
if ($('#advertising_stats').length > 0) {
|
||
var advertising_stats = new Vue({
|
||
el: '#advertising_stats',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
apiList: [],
|
||
agency_id: $('#session_agency_id').val() || null,
|
||
servicesList: [],
|
||
explodeList: [],
|
||
hideAddButton: false,
|
||
}
|
||
},
|
||
methods: {
|
||
getApiList() {
|
||
let ref = this;
|
||
ref.apiList = [];
|
||
ref.servicesList = advert_api_form.getApiServicesList();
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_api_list',
|
||
agency_id: ref.agency_id
|
||
}).then(function(response) {
|
||
console.log(response.data);
|
||
var new_array = response.data;
|
||
ref.apiList = ref.apiList.concat(new_array);
|
||
ref.servicesList = advert_api_form.getApiServicesList(0, ref.explodeList);
|
||
|
||
|
||
for (const [key, item] of Object.entries(ref.apiList)) {
|
||
ref.explodeList.push(parseInt(item['service_id']));
|
||
}
|
||
|
||
let servicesList2 = ref.servicesList;
|
||
for (const [key, item] of Object.entries(servicesList2)) {
|
||
if (ref.explodeList.indexOf(parseInt(item['value'])) !== -1) {
|
||
delete(servicesList2[key]);
|
||
}
|
||
}
|
||
|
||
if (servicesList2.length == 0) {
|
||
ref.hideAddButton = true;
|
||
}
|
||
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
},
|
||
addAdvertStatsApi() {
|
||
advert_api_form.showAdvertApiForm(0);
|
||
},
|
||
showAdvertApiForm(api_id) {
|
||
advert_api_form.showAdvertApiForm(api_id);
|
||
},
|
||
confirmDeleteAdvertApi(api_id) {
|
||
let ref = this;
|
||
if (confirm('Вы действительно хотите удалить доступ к этому API.')) {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'del_api',
|
||
agency_id: ref.agency_id,
|
||
api_id: api_id,
|
||
}).then(function(response) {
|
||
if (response.data.success) {
|
||
ref.getApiList();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
}
|
||
},
|
||
testAdvertApi(api_id, event) {
|
||
let ref = this;
|
||
let note = null;
|
||
let button = $(event.target).parent('a');
|
||
if (typeof api_id !== "undefined" && api_id !== 0) {
|
||
button.fadeOut();
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'test_api',
|
||
api_id: api_id,
|
||
agency_id: ref.agency_id
|
||
}).then(function(response) {
|
||
console.log(response.data);
|
||
if (response.data.success) {
|
||
note = $('<span style="color:darkgreen;">OK</span>');
|
||
button.after(note);
|
||
} else {
|
||
console.debug(response.data.errors);
|
||
let errors = response.data.errors;
|
||
note = $('<span style="color:darkred;" title="' + errors + '">ERROR</span>');
|
||
button.after(note);
|
||
}
|
||
}).catch(function(error) {
|
||
if (error) {
|
||
note = $('<span style="color:darkred;" title="' + error + '">ERROR</span>');
|
||
button.after(note);
|
||
console.debug(error);
|
||
} else {
|
||
note = $('<span style="color:darkred;">ERROR</span>');
|
||
button.after(note);
|
||
}
|
||
});
|
||
|
||
setTimeout(function() {
|
||
if (typeof note == "object") {
|
||
note.remove();
|
||
}
|
||
button.fadeIn();
|
||
}, 3000);
|
||
}
|
||
},
|
||
|
||
onMessage(api_id, event){
|
||
let note = null;
|
||
let indexApi = null;
|
||
for(let i=0; i<this.apiList.length; i++){
|
||
if(this.apiList[i].id == api_id){
|
||
indexApi = i;
|
||
}
|
||
}
|
||
|
||
if (typeof api_id !== "undefined" && api_id !== 0) {
|
||
//button.fadeOut();
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'on_meesage',
|
||
api_id: api_id,
|
||
agency_id: this.agency_id
|
||
}).then((response) => {
|
||
$('.ui-tooltip.ui-widget').remove();
|
||
console.log(response.data)
|
||
if (response.data.errors) {
|
||
let errors = response.data.errors;
|
||
note = $('<span style="color:darkred;" title="' + errors + '">ERROR</span>');
|
||
|
||
|
||
} else {
|
||
note = $('<span style="color:darkgreen;">OK</span>');
|
||
this.apiList[indexApi].is_messages = 1;
|
||
|
||
}
|
||
}).catch(function(error) {
|
||
if (error) {
|
||
note = $('<span style="color:darkred;" title="' + error + '">ERROR</span>');
|
||
|
||
console.debug(error);
|
||
} else {
|
||
note = $('<span style="color:darkred;">ERROR</span>');
|
||
|
||
}
|
||
});
|
||
|
||
setTimeout(function() {
|
||
if (typeof note == "object") {
|
||
note.remove();
|
||
$('.ui-tooltip.ui-widget').remove();
|
||
}
|
||
|
||
}, 3000);
|
||
}
|
||
},
|
||
|
||
offMessage(api_id, event){
|
||
let note = null;
|
||
let indexApi = null;
|
||
for(let i=0; i<this.apiList.length; i++){
|
||
if(this.apiList[i].id == api_id){
|
||
indexApi = i;
|
||
}
|
||
}
|
||
// let button = $(event.target).parent('a');
|
||
if (typeof api_id !== "undefined" && api_id !== 0) {
|
||
// button.fadeOut();
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'off_meesage',
|
||
api_id: api_id,
|
||
agency_id: this.agency_id
|
||
}).then((response) => {
|
||
console.log(response.data)
|
||
$('.ui-tooltip.ui-widget').remove();
|
||
if (response.data.errors) {
|
||
let errors = response.data.errors;
|
||
note = $('<span style="color:darkred;" title="' + errors + '">ERROR</span>');
|
||
// button.after(note);
|
||
|
||
} else {
|
||
note = $('<span style="color:darkgreen;">OK</span>');
|
||
this.apiList[indexApi].is_messages = 0;
|
||
// button.after(note);
|
||
}
|
||
}).catch(function(error) {
|
||
if (error) {
|
||
note = $('<span style="color:darkred;" title="' + error + '">ERROR</span>');
|
||
// button.after(note);
|
||
console.debug(error);
|
||
} else {
|
||
note = $('<span style="color:darkred;">ERROR</span>');
|
||
// button.after(note);
|
||
}
|
||
});
|
||
|
||
setTimeout(function() {
|
||
if (typeof note == "object") {
|
||
note.remove();
|
||
$('.ui-tooltip.ui-widget').remove();
|
||
}
|
||
// button.fadeIn();
|
||
}, 3000);
|
||
}
|
||
},
|
||
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
getServiceName: function(service_id) {
|
||
return advert_api_form.getServiceName(service_id);
|
||
},
|
||
getForComplexesStr: function(forComplexes) {
|
||
if (forComplexes && forComplexes == "1") {
|
||
return "Да"
|
||
} else {
|
||
return "Нет"
|
||
}
|
||
},
|
||
safetyString: function(string, start, end) {
|
||
if (typeof string !== "undefined") {
|
||
if (!this.isEmpty(string)) {
|
||
return string.slice(0, start) + '*****' + string.slice(-end);
|
||
}
|
||
}
|
||
|
||
return string;
|
||
},
|
||
},
|
||
computed: {},
|
||
created: function() {
|
||
|
||
setTimeout(this.getApiList(), 1000);
|
||
|
||
if (typeof advert_api_form != "undefined") {
|
||
let ref = this;
|
||
ref.servicesList = advert_api_form.getApiServicesList(0, ref.explodeList);
|
||
advert_api_form.$on('add_edit_api', function() {
|
||
ref.getApiList();
|
||
});
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
if ($('#contract_types').length > 0) {
|
||
var contract_types = new Vue({
|
||
el: '#contract_types',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
agency_id: $('#session_agency_id').val() || null,
|
||
user_id: $('#session_user_id').val() || null,
|
||
typeList: [],
|
||
isEditForm: false,
|
||
type_id: 0,
|
||
type_title: null,
|
||
error_name: false,
|
||
errorText: '',
|
||
errorMes: false,
|
||
}
|
||
},
|
||
methods: {
|
||
getTypes() {
|
||
axios.post('/ajax/ajax_vue_contract.php', {
|
||
request: 'get_types_contract',
|
||
agency_id: this.agency_id,
|
||
}, )
|
||
.then((response) => {
|
||
//console.log(response.data);
|
||
this.typeList = response.data;
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
|
||
//Редактирование типа
|
||
edit(index) {
|
||
this.error_name = false;
|
||
this.errorText = '';
|
||
this.errorMes = false;
|
||
|
||
this.isEditForm = true;
|
||
if (index == -1) {
|
||
this.type_id = 0;
|
||
this.type_title = '';
|
||
} else if (this.typeList[index].code > 0) {
|
||
this.type_id = this.typeList[index].code;
|
||
this.type_title = this.typeList[index].type;
|
||
} else {
|
||
alert("Что-то пошло не так!!! Обратитесь в техподдержку.");
|
||
}
|
||
|
||
},
|
||
|
||
//Сохраненние
|
||
saveType() {
|
||
this.error_name = false;
|
||
this.errorText = '';
|
||
this.errorMes = false;
|
||
if (this.isEmpty(this.type_title)) {
|
||
this.error_name = true;
|
||
this.errorText = '<p>Введите ноименование типа</p>';
|
||
this.errorMes = true;
|
||
} else {
|
||
|
||
axios.post('/ajax/ajax_vue_contract.php', {
|
||
request: 'edit_add_type',
|
||
agency_id: this.agency_id,
|
||
user_id: this.user_id,
|
||
id: this.type_id,
|
||
type: this.type_title,
|
||
}).then((response) => {
|
||
if (response.data) {
|
||
//console.log(response.data);
|
||
this.getTypes();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.log(error);
|
||
});
|
||
|
||
this.isEditForm = false;
|
||
}
|
||
},
|
||
|
||
//Удаленине типа
|
||
deleted(index) {
|
||
if (confirm('Вы действительно хотите удалить этот тип договора?')) {
|
||
var id = this.typeList[index].code;
|
||
|
||
if (id > 0) {
|
||
axios.post('/ajax/ajax_vue_contract.php', {
|
||
request: 'del_type',
|
||
agency_id: this.agency_id,
|
||
user_id: this.user_id,
|
||
id: id,
|
||
}).then((response) => {
|
||
if (response.data) {
|
||
//console.log(response.data);
|
||
this.getTypes();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.log(error);
|
||
});
|
||
}
|
||
}
|
||
},
|
||
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
},
|
||
computed: {
|
||
|
||
},
|
||
created: function() {
|
||
$('#contract_types .full_modal-bg').removeClass('hidden');
|
||
$('#contract_types .full_modal').removeClass('hidden');
|
||
this.getTypes();
|
||
}
|
||
});
|
||
}
|
||
|
||
//Причины хакрытия
|
||
|
||
if ($('#denial_list').length > 0) {
|
||
var denial_list = new Vue({
|
||
el: '#denial_list',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
agency_id: $('#session_agency_id').val() || null,
|
||
user_id: $('#session_user_id').val() || null,
|
||
denialList: [],
|
||
isEditForm: false,
|
||
denial_id: 0,
|
||
denial_title: null,
|
||
error_name: false,
|
||
error_heir: false,
|
||
errorText: '',
|
||
errorMes: false,
|
||
OpenIndicator: {
|
||
render: createElement => createElement('span', { class: { 'vueToggleSpan': true } }),
|
||
},
|
||
|
||
}
|
||
},
|
||
methods: {
|
||
getDenials() {
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'get_denials',
|
||
agency_id: this.agency_id
|
||
|
||
}, )
|
||
.then((response) => {
|
||
console.log(response.data);
|
||
this.denialList = response.data;
|
||
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
|
||
//Редактирование типа
|
||
edit(index) {
|
||
this.error_name = false;
|
||
this.errorText = '';
|
||
this.errorMes = false;
|
||
this.error_heir = false;
|
||
|
||
// this.type_type = 'label';
|
||
|
||
this.isEditForm = true;
|
||
if (index == -1) {
|
||
this.denial_id = 0;
|
||
this.denial_title = '';
|
||
|
||
|
||
} else if (this.denialList[index].id > 0) {
|
||
this.denial_id = this.denialList[index].id;
|
||
this.denial_title = this.denialList[index].name;
|
||
|
||
} else {
|
||
alert("Что-то пошло не так!!! Обратитесь в техподдержку.");
|
||
}
|
||
|
||
},
|
||
|
||
|
||
|
||
//Сохраненние
|
||
save() {
|
||
this.error_name = false;
|
||
this.errorText = '';
|
||
this.errorMes = false;
|
||
|
||
|
||
if (this.isEmpty(this.denial_title)) {
|
||
this.error_name = true;
|
||
this.errorText = '<p>Введите ноименование причины</p>';
|
||
this.errorMes = true;
|
||
}
|
||
|
||
|
||
if (!this.errorMes) {
|
||
|
||
this.isEditForm = false;
|
||
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'edit_denial',
|
||
agency_id: this.agency_id,
|
||
|
||
id: this.denial_id,
|
||
name: this.denial_title,
|
||
|
||
}).then((response) => {
|
||
if (response.data) {
|
||
//console.log(response.data);
|
||
//this.getDenials();
|
||
this.denialList = response.data;
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.log(error);
|
||
});
|
||
|
||
|
||
}
|
||
},
|
||
|
||
|
||
//Удаленине типа
|
||
deleted(index) {
|
||
if (confirm('Вы действительно хотите удалить эту причину?')) {
|
||
var id = this.denialList[index].id;
|
||
//console.log(id);
|
||
if (id > 0) {
|
||
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'del_denial',
|
||
agency_id: this.agency_id,
|
||
id: id,
|
||
}).then((response) => {
|
||
if (response.data) {
|
||
this.denialList = response.data;
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.log(error);
|
||
});
|
||
}
|
||
}
|
||
},
|
||
|
||
|
||
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
},
|
||
computed: {
|
||
|
||
},
|
||
created: function() {
|
||
$('#denial_list .full_modal-bg').removeClass('hidden');
|
||
$('#denial_list .full_modal').removeClass('hidden');
|
||
this.getDenials();
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
//Типы заявок
|
||
if ($('#requisitions_types').length > 0) {
|
||
var requisitions_types = new Vue({
|
||
el: '#requisitions_types',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
agency_id: $('#session_agency_id').val() || null,
|
||
user_id: $('#session_user_id').val() || null,
|
||
typeList: [{
|
||
"code": 0,
|
||
"name": "",
|
||
"order": -1,
|
||
"heir": 0,
|
||
"archive": 0,
|
||
"type": "label",
|
||
}],
|
||
typeListArchive: [],
|
||
isEditForm: false,
|
||
type_id: 0,
|
||
type_title: null,
|
||
error_name: false,
|
||
error_heir: false,
|
||
errorText: '',
|
||
errorMes: false,
|
||
OpenIndicator: {
|
||
render: createElement => createElement('span', { class: { 'vueToggleSpan': true } }),
|
||
},
|
||
heir_types_req: [],
|
||
heir_type: 1,
|
||
type_type: 'label',
|
||
denial_list: [],
|
||
}
|
||
},
|
||
methods: {
|
||
getTypes() {
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'get_type',
|
||
agency_id: this.agency_id,
|
||
setting: 1,
|
||
}, )
|
||
.then((response) => {
|
||
console.log(response.data);
|
||
this.typeList = response.data.type;
|
||
this.heir_types_req = response.data.heir;
|
||
this.typeListArchive = response.data.type_archive;
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
|
||
//Редактирование типа
|
||
edit(index) {
|
||
this.error_name = false;
|
||
this.errorText = '';
|
||
this.errorMes = false;
|
||
this.error_heir = false;
|
||
|
||
// this.type_type = 'label';
|
||
|
||
this.isEditForm = true;
|
||
if (index == -1) {
|
||
this.type_id = 0;
|
||
this.type_title = '';
|
||
this.type_type = 'label';
|
||
this.denial_list = [];
|
||
|
||
} else if (this.typeList[index].code > 0) {
|
||
this.type_id = this.typeList[index].code;
|
||
this.type_title = this.typeList[index].name;
|
||
this.heir_type = this.typeList[index].heir;
|
||
this.type_type = this.typeList[index].type;
|
||
this.denial_list = this.typeList[index].denial;
|
||
} else {
|
||
alert("Что-то пошло не так!!! Обратитесь в техподдержку.");
|
||
}
|
||
|
||
},
|
||
|
||
check_denial(denial_id) {
|
||
var check = 0;
|
||
if (this.denial_list[denial_id].check == 0) {
|
||
check = 1;
|
||
|
||
}
|
||
this.denial_list[denial_id].check = check;
|
||
if (this.type_id > 0) {
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'set_type_denial',
|
||
agency_id: this.agency_id,
|
||
type_id: this.type_id,
|
||
denial_id: denial_id,
|
||
check: check,
|
||
}, )
|
||
.then((response) => {
|
||
console.log(response.data);
|
||
/*this.typeList = response.data.type;
|
||
this.heir_types_req = response.data.heir;
|
||
this.typeListArchive = response.data.type_archive;*/
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
}
|
||
},
|
||
|
||
//Сохраненние
|
||
saveType() {
|
||
this.error_name = false;
|
||
this.errorText = '';
|
||
this.errorMes = false;
|
||
this.error_heir = false;
|
||
if (this.isEmpty(this.heir_type) || this.heir_type == 0) {
|
||
this.error_heir = true;
|
||
this.errorText = '<p>Выберите наследуемый тип </p>';
|
||
this.errorMes = true;
|
||
}
|
||
if (this.isEmpty(this.type_title)) {
|
||
this.error_name = true;
|
||
this.errorText = '<p>Введите ноименование типа</p>';
|
||
this.errorMes = true;
|
||
}
|
||
|
||
var order = 1;
|
||
if (this.typeList.length > 0) {
|
||
order = this.typeList.length + 1;
|
||
}
|
||
if (!this.errorMes) {
|
||
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'edit_add_type',
|
||
agency_id: this.agency_id,
|
||
user_id: this.user_id,
|
||
id: this.type_id,
|
||
type: this.type_title,
|
||
heir: this.heir_type,
|
||
type_type: this.type_type,
|
||
order: order
|
||
}).then((response) => {
|
||
if (response.data) {
|
||
//console.log(response.data);
|
||
this.getTypes();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.log(error);
|
||
});
|
||
|
||
this.isEditForm = false;
|
||
}
|
||
},
|
||
|
||
//очередь
|
||
setFieldOrder: function(id, order, direction) {
|
||
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'set_type_order',
|
||
agency_id: this.agency_id,
|
||
direct: direction,
|
||
sort_order: order,
|
||
id: id
|
||
}).then((response) => {
|
||
//console.log(response.data);
|
||
if (response.data) {
|
||
this.typeList = response.data.type;
|
||
this.typeListArchive = response.data.type_archive;
|
||
this.heir_types_req = response.data.heir;
|
||
//ref.fieldsList = [];
|
||
// ref.getObjectFields();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
},
|
||
|
||
|
||
//Помещение в архив
|
||
|
||
archive(index) {
|
||
if (confirm('Вы действительно хотите архивировать этот тип заявки?')) {
|
||
var id = this.typeList[index].code;
|
||
var order = 1;
|
||
if (this.typeList.length > 0) {
|
||
order = this.typeList.length + 1;
|
||
}
|
||
// console.log(id);
|
||
if (id > 0) {
|
||
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'archive_type_req',
|
||
agency_id: this.agency_id,
|
||
user_id: this.user_id,
|
||
order: order,
|
||
id: id,
|
||
}).then((response) => {
|
||
if (response.data) {
|
||
this.getTypes();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.log(error);
|
||
});
|
||
}
|
||
}
|
||
},
|
||
|
||
|
||
//Удаленине типа
|
||
deleted(index) {
|
||
if (confirm('Вы действительно хотите удалить этот тип заявки?')) {
|
||
var id = this.typeListArchive[index].code;
|
||
//console.log(id);
|
||
if (id > 0) {
|
||
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'del_type_req',
|
||
agency_id: this.agency_id,
|
||
user_id: this.user_id,
|
||
id: id,
|
||
}).then((response) => {
|
||
if (response.data) {
|
||
this.getTypes();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.log(error);
|
||
});
|
||
}
|
||
}
|
||
},
|
||
|
||
//Восстановление из архива
|
||
recover(index) {
|
||
var id = this.typeListArchive[index].code;
|
||
var order = 1;
|
||
if (this.typeList.length > 0) {
|
||
order = this.typeList.length + this.typeListArchive.length + 1;
|
||
}
|
||
//console.log(id);
|
||
if (id > 0) {
|
||
|
||
axios.post('/ajax/ajax_vue_requisitions.php', {
|
||
request: 'recover_type_req',
|
||
agency_id: this.agency_id,
|
||
user_id: this.user_id,
|
||
order: order,
|
||
id: id,
|
||
}).then((response) => {
|
||
//console.log(response.data);
|
||
if (response.data) {
|
||
this.getTypes();
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.log(error);
|
||
});
|
||
}
|
||
},
|
||
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
},
|
||
computed: {
|
||
|
||
},
|
||
created: function() {
|
||
$('#requisitions_types .full_modal-bg').removeClass('hidden');
|
||
$('#requisitions_types .full_modal').removeClass('hidden');
|
||
this.getTypes();
|
||
}
|
||
});
|
||
}
|
||
|
||
if ($('#complex_status').length > 0) {
|
||
var complex_status_types = new Vue({
|
||
el: '#complex_status',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
defaultComplexStatusList: [],
|
||
complexStatusList: [{
|
||
id: null,
|
||
name: null,
|
||
status: null,
|
||
color: null
|
||
}],
|
||
complex_status_id: null,
|
||
isEditForm: false,
|
||
roomToArchiveInfo: {
|
||
rooms_count: null,
|
||
status_id: null,
|
||
new_status_id: null
|
||
},
|
||
status: {
|
||
booking_type: null,
|
||
booking_hour: null,
|
||
booking_day: null,
|
||
reminder_hour: null,
|
||
reminder_day: null,
|
||
reservation_extension: false,
|
||
can_change_booking_queue: [],
|
||
specify_comment_confirm: false,
|
||
specify_comment_unconfirm: false,
|
||
managers_of_confirm_reservation_extension: [],
|
||
employees_not_required_confirmation: [],
|
||
managers_of_unconfirm_reservation_extension: [],
|
||
employees_not_required_unconfirmation: [],
|
||
color: null,
|
||
},
|
||
complexStatusListArchive: [],
|
||
error_name: false,
|
||
error_status: false,
|
||
error_booking_type: false,
|
||
error_booking_hour: false,
|
||
error_booking_day: false,
|
||
error_reminder_hour: false,
|
||
error_reminder_day: false,
|
||
error_can_change_booking_queue: false,
|
||
error_managers_of_confirm_reservation_extension: false,
|
||
error_employees_not_required_confirmation: false,
|
||
error_managers_of_unconfirm_reservation_extension: false,
|
||
error_employees_not_required_unconfirmation: false,
|
||
errorText: '',
|
||
colorPicker: null,
|
||
lastStatusColor: null,
|
||
errorMes: false,
|
||
pickerChanged: false,
|
||
status_colors: [
|
||
"#b84e01",
|
||
"#ffa906",
|
||
"#f95835",
|
||
"#e079ca",
|
||
"#8e60e4",
|
||
"#10b2f3",
|
||
"#57b4a8",
|
||
"#50b7aa",
|
||
"#94bd01",
|
||
"#ebc615",
|
||
"#a6a6a6"
|
||
],
|
||
bookingTypes: [
|
||
{
|
||
name: 'Временная бронь',
|
||
type: 'temporary'
|
||
},
|
||
{
|
||
name: 'Постоянная',
|
||
type: 'constant'
|
||
}
|
||
],
|
||
booking_time_type: 'hour',
|
||
reminder_time_type: 'hour',
|
||
bookingTimes: [
|
||
{
|
||
name: 'Час',
|
||
type: 'hour'
|
||
},
|
||
{
|
||
name: 'День',
|
||
type: 'day'
|
||
}
|
||
],
|
||
users: [],
|
||
OpenIndicator: {
|
||
render: createElement => createElement('span', { class: { 'vueToggleSpan': true } }),
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
handleSvgClick(e) {
|
||
this.$refs.colorPicker.click()
|
||
},
|
||
getEmployeesAndManagers()
|
||
{
|
||
axios.post('/ajax/ajax_vue_complex_status.php', {
|
||
request: 'get_employees_and_managers',
|
||
},)
|
||
.then((response) => {
|
||
this.users = response.data;
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
getDefaultComplexStatus()
|
||
{
|
||
axios.post('/ajax/ajax_vue_complex_status.php', {
|
||
request: 'get_default_complex_status',
|
||
},)
|
||
.then((response) => {
|
||
this.defaultComplexStatusList = response.data;
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
|
||
getComplexStatus()
|
||
{
|
||
axios.post('/ajax/ajax_vue_complex_status.php', {
|
||
request: 'get_complex_status',
|
||
},)
|
||
.then((response) => {
|
||
this.complexStatusList = response.data;
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
|
||
getArchiveComplexStatus()
|
||
{
|
||
axios.post('/ajax/ajax_vue_complex_status.php', {
|
||
request: 'get_archive__complex_status',
|
||
},)
|
||
.then((response) => {
|
||
this.complexStatusListArchive = response.data;
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
|
||
//Редактирование статус
|
||
edit(index)
|
||
{
|
||
this.error_name = false;
|
||
this.error_status = false;
|
||
this.error_booking_type = false;
|
||
this.error_booking_hour = false;
|
||
this.error_booking_day = false;
|
||
this.error_reminder_hour = false;
|
||
this.error_reminder_day = false;
|
||
this.error_managers_of_confirm_reservation_extension = false;
|
||
this.error_managers_of_unconfirm_reservation_extension = false;
|
||
this.errorText = '';
|
||
this.errorMes = false;
|
||
|
||
this.isEditForm = true;
|
||
this.lastStatusColor = null;
|
||
this.pickerChanged = false;
|
||
|
||
if (index == -1) {
|
||
this.complex_status_id = 0;
|
||
this.status = {
|
||
booking_type: null,
|
||
booking_hour: null,
|
||
booking_day: null,
|
||
reminder_hour: null,
|
||
reminder_day: null,
|
||
reservation_extension: false,
|
||
can_change_booking_queue: [],
|
||
specify_comment_confirm: false,
|
||
specify_comment_unconfirm: false,
|
||
managers_of_confirm_reservation_extension: [],
|
||
employees_not_required_confirmation: [],
|
||
managers_of_unconfirm_reservation_extension: [],
|
||
employees_not_required_unconfirmation: [],
|
||
color: this.status_colors[0]
|
||
};
|
||
} else if (this.complexStatusList[index]) {
|
||
this.complex_status_id = this.complexStatusList[index].id;
|
||
this.status = JSON.parse(JSON.stringify(this.complexStatusList[index]))
|
||
|
||
this.status.can_change_booking_queue = this.status.can_change_booking_queue;
|
||
|
||
this.status.managers_of_confirm_reservation_extension = this.status.managers_of_confirm_reservation_extension;
|
||
this.status.employees_not_required_confirmation = this.status.employees_not_required_confirmation;
|
||
|
||
this.status.managers_of_unconfirm_reservation_extension = this.status.managers_of_unconfirm_reservation_extension;
|
||
this.status.employees_not_required_unconfirmation = this.status.employees_not_required_unconfirmation;
|
||
|
||
this.booking_time_type = this.status.booking_day > 0 ? 'day' : 'hour';
|
||
this.reminder_time_type = this.status.reminder_day > 0 ? 'day' : 'hour';
|
||
} else {
|
||
alert("Что-то пошло не так!!! Обратитесь в техподдержку.");
|
||
}
|
||
|
||
if (!this.status_colors.includes(this.status.color) && !this.lastStatusColor) {
|
||
this.lastStatusColor = this.status.color
|
||
}
|
||
},
|
||
|
||
//Помещение в архив
|
||
async archive(index)
|
||
{
|
||
if (confirm('Вы действительно хотите архивировать этот статус?'))
|
||
{
|
||
var id = this.complexStatusList[index].id;
|
||
|
||
if (id > 0)
|
||
{
|
||
try {
|
||
await axios.post('/ajax/ajax_vue_complex_status.php', {
|
||
request: 'to_archive__complex_status',
|
||
status_id: id
|
||
})
|
||
|
||
this.getComplexStatus();
|
||
this.getArchiveComplexStatus()
|
||
} catch (error) {
|
||
if (error && error.response.status == 422) {
|
||
const { error: { rooms_count } } = error.response.data
|
||
|
||
this.roomToArchiveInfo = {
|
||
rooms_count: rooms_count,
|
||
status_id: id,
|
||
new_status_id: null
|
||
};
|
||
|
||
console.log(this.roomToArchiveInfo);
|
||
};
|
||
}
|
||
}
|
||
}
|
||
|
||
},
|
||
|
||
|
||
async updateRoomStatus()
|
||
{
|
||
try {
|
||
axios.post('/ajax/ajax_vue_complex_status.php', {
|
||
request: 'update_rooms_status',
|
||
status_id: this.roomToArchiveInfo.status_id,
|
||
new_status_id: this.roomToArchiveInfo.new_status_id
|
||
})
|
||
|
||
this.roomToArchiveInfo = {}
|
||
|
||
this.getComplexStatus();
|
||
this.getArchiveComplexStatus()
|
||
} catch (error) {
|
||
|
||
}
|
||
},
|
||
|
||
//Восстановление из архива
|
||
recover(index)
|
||
{
|
||
var id = this.complexStatusListArchive[index].id;
|
||
|
||
if (id > 0) {
|
||
|
||
axios.post('/ajax/ajax_vue_complex_status.php', {
|
||
request: 'recover_is_archive__complex_status',
|
||
status_id: id,
|
||
}).then(() => {
|
||
this.getComplexStatus();
|
||
this.getArchiveComplexStatus()
|
||
}).catch(function(error) {
|
||
if (error) console.log(error);
|
||
});
|
||
}
|
||
},
|
||
|
||
//Удаленине типа
|
||
deleted(index)
|
||
{
|
||
if (confirm('Вы точно хотите безвозвратно удалить это статус?')) {
|
||
var id = this.complexStatusListArchive[index].id;
|
||
|
||
//console.log(id);
|
||
if (id > 0) {
|
||
axios.post('/ajax/ajax_vue_complex_status.php', {
|
||
request: 'delete_complex_status',
|
||
status_id: id,
|
||
}).then(() => {
|
||
this.getArchiveComplexStatus()
|
||
}).catch(function(error) {
|
||
if (error) console.log(error);
|
||
});
|
||
}
|
||
}
|
||
},
|
||
|
||
saveType()
|
||
{
|
||
this.error_name = false;
|
||
this.error_status = false;
|
||
this.error_booking_type = false;
|
||
this.error_booking_hour = false;
|
||
this.error_booking_day = false;
|
||
this.error_reminder_hour = false,
|
||
this.error_reminder_day = false,
|
||
this.error_managers_of_confirm_reservation_extension = false;
|
||
this.error_managers_of_unconfirm_reservation_extension = false;
|
||
this.errorText = '';
|
||
this.errorMes = false;
|
||
|
||
if (this.isEmpty(this.status.name)) {
|
||
this.error_name = true;
|
||
this.errorText = '<p>Введите название статуса</p>';
|
||
this.errorMes = true;
|
||
|
||
return;
|
||
}
|
||
else if(this.isEmpty(this.status.status)) {
|
||
this.error_status = true;
|
||
this.errorText = '<p>Выберите тип статуса для наследования поведения</p>';
|
||
this.errorMes = true;
|
||
return;
|
||
}
|
||
else if(this.status.status == 'reservation' && this.isEmpty(this.status.booking_type)) {
|
||
this.error_booking_type = true;
|
||
this.errorText = '<p>Выберите тип бронирования</p>';
|
||
this.errorMes = true;
|
||
return;
|
||
} else if (this.status.booking_type == 'temporary') {
|
||
if (this.booking_time_type == 'day' && this.isEmpty(this.status.booking_day)) {
|
||
this.error_booking_day = true;
|
||
this.errorText = '<p>Введите срок временной брони</p>';
|
||
this.errorMes = true;
|
||
return;
|
||
} else if (this.isEmpty(this.status.booking_hour) && this.isEmpty(this.status.booking_day)) {
|
||
this.error_booking_hour = true;
|
||
this.errorText = '<p>Неправильный срок истечении брони</p>';
|
||
this.errorMes = true;
|
||
return;
|
||
} else if (this.booking_time_type == 'day' && this.reminder_time_type == 'day' && this.isEmpty(this.status.reminder_day)) {
|
||
this.error_reminder_day = true;
|
||
this.errorText = '<p>Введите срок уведомления об истечении брони</p>';
|
||
this.errorMes = true;
|
||
return;
|
||
} else if (this.status.reminder_day > this.status.booking_day) {
|
||
this.error_reminder_day = true;
|
||
this.errorText = '<p>Неправильный срок уведомления</p>';
|
||
this.errorMes = true;
|
||
return;
|
||
} else if ((this.status.reminder_hour >= this.status.booking_hour) && this.status.reminder_day == this.status.booking_day) {
|
||
this.error_reminder_hour = true;
|
||
this.errorText = '<p>Неправильный срок уведомления</p>';
|
||
this.errorMes = true;
|
||
return;
|
||
} else if (this.reminder_time_type == 'hour' && this.isEmpty(this.status.reminder_hour)) {
|
||
this.error_reminder_hour = true;
|
||
this.errorText = '<p>Неправильный срок уведомления</p>';
|
||
this.errorMes = true;
|
||
return;
|
||
} else if (this.status.reservation_extension == true) {
|
||
if (this.isEmpty(this.status.managers_of_confirm_reservation_extension)) {
|
||
this.error_managers_of_confirm_reservation_extension = true;
|
||
this.errorText = '<p>Введите кто может утвердить продление бронирования</p>';
|
||
this.errorMes = true;
|
||
return;
|
||
} else if (this.isEmpty(this.status.managers_of_unconfirm_reservation_extension)) {
|
||
this.error_managers_of_unconfirm_reservation_extension = true;
|
||
this.errorText = '<p>Введите кто может подтверждает отмену продление бронирования</p>';
|
||
this.errorMes = true;
|
||
return;
|
||
}
|
||
}
|
||
}
|
||
axios.post('/ajax/ajax_vue_complex_status.php', {
|
||
request: 'edit_add_status',
|
||
status: this.status,
|
||
booking_type: this.booking_type,
|
||
}).then(() => {
|
||
this.getComplexStatus();
|
||
}).catch(function(error) {
|
||
if (error) console.log(error);
|
||
});
|
||
|
||
this.isEditForm = false;
|
||
},
|
||
|
||
isEmpty(data)
|
||
{
|
||
if (typeof(data) === 'object')
|
||
{
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
}
|
||
else if (typeof(data) === 'string')
|
||
{
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
}
|
||
else if (typeof(data) === 'undefined')
|
||
{
|
||
return true;
|
||
}
|
||
else if (typeof(data) === 'number' && data <= 0)
|
||
{
|
||
return true;
|
||
}
|
||
else
|
||
{
|
||
return false;
|
||
}
|
||
},
|
||
|
||
changeStatusColor(color)
|
||
{
|
||
this.status.color = color;
|
||
this.pickerChanged = false;
|
||
}
|
||
},
|
||
watch: {
|
||
'booking_time_type': function ()
|
||
{
|
||
if (this.booking_time_type == 'hour')
|
||
{
|
||
this.reminder_time_type = 'hour';
|
||
this.status.booking_day = null;
|
||
}
|
||
},
|
||
'reminder_time_type': function ()
|
||
{
|
||
if (this.booking_time_type == 'hour')
|
||
{
|
||
this.reminder_time_type = 'hour';
|
||
this.status.reminder_day = null;
|
||
}
|
||
},
|
||
'status.status': function (val) {
|
||
if (val && val != 'reservation') {
|
||
this.status.booking_type = null;
|
||
this.status.booking_hour = null;
|
||
this.status.booking_day = null;
|
||
this.status.reminder_hour = null;
|
||
this.status.reminder_day = null;
|
||
|
||
this.booking_time_type = 'hour';
|
||
this.reminder_time_type = 'hour';
|
||
}
|
||
},
|
||
'status.booking_type': function (val) {
|
||
if (val && val != 'temporary') {
|
||
this.status.booking_hour = null;
|
||
this.status.booking_day = null;
|
||
this.status.reminder_hour = null;
|
||
this.status.reminder_day = null;
|
||
|
||
this.booking_time_type = 'hour';
|
||
this.reminder_time_type = 'hour';
|
||
}
|
||
},
|
||
'status.booking_hour': function(val) {
|
||
if (this.error_booking_hour == true)
|
||
{
|
||
this.error_booking_hour = false;
|
||
this.errorText = null;
|
||
this.errorMes = null;
|
||
}
|
||
|
||
if (val == 0) {
|
||
this.status.booking_hour = null;
|
||
}
|
||
if (val < 0) {
|
||
this.status.booking_hour = null;
|
||
}
|
||
if (val > 24) {
|
||
this.status.booking_hour = 24
|
||
}
|
||
},
|
||
'status.booking_day': function(val) {
|
||
if (this.error_booking_day == true)
|
||
{
|
||
this.error_booking_day = false;
|
||
this.errorText = null;
|
||
this.errorMes = null;
|
||
}
|
||
|
||
if (val == 0) {
|
||
this.status.booking_day = null
|
||
}
|
||
if (val < 0) {
|
||
this.status.booking_day = null;
|
||
}
|
||
},
|
||
'status.reminder_hour': function(val) {
|
||
if (this.error_reminder_hour == true)
|
||
{
|
||
this.error_reminder_hour = false;
|
||
this.errorText = null;
|
||
this.errorMes = null;
|
||
}
|
||
if (val == 0) {
|
||
this.status.reminder_hour = null
|
||
}
|
||
if (val < 0) {
|
||
this.status.reminder_hour = null
|
||
}
|
||
if (val > 24) {
|
||
this.status.reminder_hour = 24
|
||
}
|
||
},
|
||
'status.reminder_day': function(val) {
|
||
if (this.error_reminder_day == true)
|
||
{
|
||
this.error_reminder_day = false;
|
||
this.errorText = null;
|
||
this.errorMes = null;
|
||
}
|
||
if (val == 0) {
|
||
this.status.reminder_day = null
|
||
}
|
||
if (val < 0) {
|
||
this.status.reminder_day = null;
|
||
}
|
||
}
|
||
},
|
||
created: function() {
|
||
$('#complex_status .full_modal-bg').removeClass('hidden');
|
||
$('#complex_status .full_modal').removeClass('hidden');
|
||
this.getComplexStatus();
|
||
this.getDefaultComplexStatus();
|
||
this.getArchiveComplexStatus();
|
||
this.getEmployeesAndManagers();
|
||
}
|
||
});
|
||
}
|
||
|
||
if ($('#installments').length > 0) {
|
||
var installments = new Vue({
|
||
el: '#installments',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
installmentsList: [{
|
||
id: null,
|
||
name: null,
|
||
}],
|
||
installment_id: null,
|
||
isEditForm: false,
|
||
roomToArchiveInfo: {
|
||
rooms_count: null,
|
||
installment_id: null,
|
||
new_installment_id: null
|
||
},
|
||
installment: {
|
||
name: null,
|
||
description: null,
|
||
initial_payment: null,
|
||
payment_period: null,
|
||
interest_rate: null,
|
||
type: null,
|
||
allow_change_on_close: false,
|
||
comment: null,
|
||
},
|
||
installmentsListArchive: [],
|
||
payment_period_list: [
|
||
{ payment_period: 'monthly', name: 'Ежемесячно' },
|
||
{ payment_period: 'quarterly', name: 'Ежеквартально' },
|
||
{ payment_period: 'yearly', name: 'Годовой' }
|
||
],
|
||
installment_type_list: [
|
||
{ type: 'interest-free', name: 'Беспроцентная' },
|
||
{ type: 'with-interest', name: 'С процентами' }
|
||
],
|
||
// Переменные для ошибок
|
||
error_name: false,
|
||
error_description: false,
|
||
error_initial_payment: false,
|
||
error_payment_period: false,
|
||
error_interest_rate: false,
|
||
error_comment: false,
|
||
error_type: false,
|
||
errorText: '',
|
||
errorMes: false,
|
||
OpenIndicator: {
|
||
render: createElement => createElement('span', { class: { 'vueToggleSpan': true } }),
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
isEmpty(data)
|
||
{
|
||
if (typeof(data) === 'object')
|
||
{
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
}
|
||
else if (typeof(data) === 'string')
|
||
{
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
}
|
||
else if (typeof(data) === 'undefined')
|
||
{
|
||
return true;
|
||
}
|
||
else if (typeof(data) === 'number' && data <= 0)
|
||
{
|
||
return true;
|
||
}
|
||
else
|
||
{
|
||
return false;
|
||
}
|
||
},
|
||
|
||
getInstallments() {
|
||
axios.post('/ajax/ajax_vue_installments.php', { request: 'get_installments' })
|
||
.then((response) => {
|
||
this.installmentsList = response.data;
|
||
})
|
||
.catch(error => console.log(error));
|
||
},
|
||
|
||
getArchiveInstallments() {
|
||
axios.post('/ajax/ajax_vue_installments.php', { request: 'get_archive_installments' })
|
||
.then((response) => {
|
||
this.installmentsListArchive = response.data;
|
||
})
|
||
.catch(error => console.log(error));
|
||
},
|
||
|
||
// Метод проверки перед сохранением
|
||
validateForm() {
|
||
this.error_name = !this.installment.name;
|
||
this.error_type = !this.installment.type;
|
||
this.error_initial_payment = !this.installment.initial_payment || this.installment.initial_payment < 0 || this.installment.initial_payment > 100;
|
||
this.error_payment_period = !this.installment.payment_period;
|
||
this.error_interest_rate = (this.installment.type === 'with-interest' && (!this.installment.interest_rate || this.installment.interest_rate < 0 || this.installment.interest_rate > 100));
|
||
|
||
this.errorText = '';
|
||
|
||
if (this.error_name) this.errorText += '<p>Введите название рассрочки.</p>';
|
||
if (this.error_type) this.errorText += '<p>Выберите тип рассрочки.</p>';
|
||
if (this.error_initial_payment) this.errorText += '<p>Первоначальный взнос должен быть от 0 до 100%.</p>';
|
||
if (this.error_payment_period) this.errorText += '<p>Выберите периодичность платежей.</p>';
|
||
if (this.error_interest_rate) this.errorText += '<p>Процентная ставка должна быть от 0 до 100%.</p>';
|
||
|
||
return !this.error_name && !this.error_description && !this.error_type &&
|
||
!this.error_initial_payment && !this.error_payment_period && !this.error_interest_rate;
|
||
},
|
||
|
||
saveType() {
|
||
this.errorText = '';
|
||
this.errorMes = false;
|
||
|
||
if (!this.validateForm()) {
|
||
this.errorMes = true;
|
||
return;
|
||
}
|
||
|
||
axios.post('/ajax/ajax_vue_installments.php', {
|
||
request: 'add_edit_installment',
|
||
installment: this.installment,
|
||
}).then(() => {
|
||
this.getInstallments();
|
||
this.isEditForm = false;
|
||
}).catch(error => console.log(error));
|
||
},
|
||
|
||
edit(index) {
|
||
this.error_name = false;
|
||
this.errorText = '';
|
||
this.errorMes = false;
|
||
|
||
this.isEditForm = true;
|
||
|
||
if (index == -1) {
|
||
this.installment_id = 0;
|
||
this.installment = {
|
||
name: null,
|
||
description: null,
|
||
initial_payment: null,
|
||
payment_period: null,
|
||
interest_rate: null,
|
||
type: null,
|
||
allow_change_on_close: false,
|
||
comment: null,
|
||
};
|
||
} else if (this.installmentsList[index]) {
|
||
this.installment_id = this.installmentsList[index].id;
|
||
this.installment = JSON.parse(JSON.stringify(this.installmentsList[index]))
|
||
} else {
|
||
alert("Что-то пошло не так!!! Обратитесь в техподдержку.");
|
||
}
|
||
},
|
||
|
||
// Archive an installment
|
||
async archive(index) {
|
||
if (confirm('Вы действительно хотите архивировать эту рассрочку?')) {
|
||
let id = this.installmentsList[index].id;
|
||
|
||
if (id > 0) {
|
||
try {
|
||
await axios.post('/ajax/ajax_vue_installments.php', {
|
||
request: 'to_archive_installment',
|
||
installment_id: id
|
||
});
|
||
|
||
this.getInstallments();
|
||
this.getArchiveInstallments();
|
||
} catch (error) {
|
||
if (error && error.response && error.response.status == 422) {
|
||
console.error('Ошибка архивирования рассрочки:', error.response);
|
||
} else {
|
||
console.error('Произошла ошибка:', error);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
|
||
// Восстановление из архива
|
||
recover(index)
|
||
{
|
||
let id = this.installmentsListArchive[index].id;
|
||
|
||
if (id > 0) {
|
||
|
||
axios.post('/ajax/ajax_vue_installments.php', {
|
||
request: 'recover_is_archive_installment',
|
||
installment_id: id
|
||
}).then(() => {
|
||
this.getInstallments();
|
||
this.getArchiveInstallments();
|
||
}).catch(function(error) {
|
||
if (error) console.log(error);
|
||
});
|
||
}
|
||
},
|
||
|
||
deleteInstallment(index) {
|
||
console.log('index: ', index)
|
||
if (confirm('Вы точно хотите безвозвратно удалить эту рассрочку?')) {
|
||
let id = this.installmentsListArchive[index].id;
|
||
|
||
if (id > 0) {
|
||
axios.post('/ajax/ajax_vue_installments.php', {
|
||
request: 'delete_installment',
|
||
installment_id: id
|
||
})
|
||
.then(() => {
|
||
this.getArchiveInstallments();
|
||
})
|
||
.catch(error => {
|
||
console.error('Ошибка при удалении рассрочки:', error);
|
||
});
|
||
}
|
||
}
|
||
},
|
||
|
||
},
|
||
created() {
|
||
$('#installments .full_modal-bg').removeClass('hidden');
|
||
$('#installments .full_modal').removeClass('hidden');
|
||
this.getInstallments();
|
||
this.getArchiveInstallments();
|
||
}
|
||
});
|
||
}
|
||
|
||
if ($('#unisenderApiKey').length > 0) {
|
||
|
||
var unisenderApiKey = new Vue({
|
||
el: '#unisenderApiKey',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
agency_id: $('#session_agency_id').val() || null,
|
||
apiKey: null,
|
||
}
|
||
},
|
||
methods: {
|
||
getKey() {
|
||
axios.post('/ajax/ajax_vue_unisender.php', {
|
||
request: 'get_key',
|
||
agency_id: this.agency_id,
|
||
|
||
}, )
|
||
.then((response) => {
|
||
console.log(response.data);
|
||
this.apiKey = response.data;
|
||
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
|
||
|
||
//Сохраненние
|
||
saveKey() {
|
||
|
||
axios.post('/ajax/ajax_vue_unisender.php', {
|
||
request: 'save_key',
|
||
agency_id: this.agency_id,
|
||
api_key: this.apiKey,
|
||
|
||
|
||
}).then((response) => {
|
||
console.log(response.data);
|
||
if (response.data === true) {
|
||
alert("Успешно сохранено!");
|
||
|
||
} else {
|
||
alert("Код сохранен, но подключение не удалось!!!");
|
||
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.log(error);
|
||
});
|
||
|
||
// this.isEditForm = false;
|
||
|
||
},
|
||
|
||
|
||
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
},
|
||
computed: {
|
||
|
||
},
|
||
created: function() {
|
||
this.getKey();
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
if ($('#wazzapApiKey').length > 0) {
|
||
|
||
var wazzapApiKey = new Vue({
|
||
el: '#wazzapApiKey',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
agency_id: $('#session_agency_id').val() || null,
|
||
apiKeyWazzap: null,
|
||
}
|
||
},
|
||
methods: {
|
||
getWazzapKey() {
|
||
axios.post('/ajax/ajax_vue_wazzap.php', {
|
||
request: 'get_key',
|
||
agency_id: this.agency_id,
|
||
|
||
}, )
|
||
.then((response) => {
|
||
console.log(response.data);
|
||
this.apiKeyWazzap = response.data;
|
||
|
||
})
|
||
.catch(function(error) {
|
||
console.log(error);
|
||
});
|
||
},
|
||
|
||
addDirectorToWazzap() {
|
||
axios.post('/ajax/ajax_vue_wazzap.php', {
|
||
request: 'add_director',
|
||
agency_id: this.agency_id
|
||
}).then((response) => {
|
||
console.log(response.data);
|
||
if (response.data === 'done') {
|
||
$('#directorAddToWazzapButton').hide();
|
||
$('#directorAddedToWazzapLabel').show();
|
||
alert("Пользователь добавлен!");
|
||
} else {
|
||
alert(response.data);
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.log(error);
|
||
});
|
||
},
|
||
|
||
//Сохраненние
|
||
saveWazzapKey() {
|
||
axios.post('/ajax/ajax_vue_wazzap.php', {
|
||
request: 'save_key',
|
||
agency_id: this.agency_id,
|
||
api_key: this.apiKeyWazzap,
|
||
|
||
|
||
}).then((response) => {
|
||
console.log(response.data);
|
||
if (response.data === true) {
|
||
alert("Успешно сохранено!");
|
||
}
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.log(error);
|
||
});
|
||
},
|
||
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
},
|
||
computed: {
|
||
|
||
},
|
||
created: function() {
|
||
this.getWazzapKey();
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
function confirmDeleteObjectField(field_id) {
|
||
object_fields.confirmDeleteObjectField(field_id);
|
||
}
|
||
|
||
function showEditObjectFieldForm(field_id) {
|
||
object_field_form.showEditObjectFieldForm(field_id);
|
||
}
|
||
|
||
function closeEditObjectFieldForm() {
|
||
object_field_form.closeEditObjectFieldForm();
|
||
}
|
||
|
||
function showAdvertApiForm(api_id) {
|
||
advert_api_form.showAdvertApiForm(api_id);
|
||
}
|
||
|
||
function closeAdvertApiForm() {
|
||
advert_api_form.closeAdvertApiForm();
|
||
}
|
||
|
||
function showEditFieldBlocksForm(block_id) {
|
||
object_field_block_form.showEditFieldBlocksForm(block_id);
|
||
}
|
||
|
||
function closeEditFieldBlockForm() {
|
||
object_field_block_form.closeEditFieldBlockForm();
|
||
}
|
||
|
||
if ($('#advertPricesForm').length > 0) {
|
||
var advert_prices_form = new Vue({
|
||
el: '#advertPricesForm',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
id: null,
|
||
agency_id: $('#session_agency_id').val() || null,
|
||
region_id: null,
|
||
region_id_child: null,
|
||
operation_type_id: null,
|
||
type_id: null,
|
||
rent_type_id: null,
|
||
commerce_type_id: null,
|
||
error_message: '',
|
||
avito: 0,
|
||
cian: 0,
|
||
domclick: 0,
|
||
jcat: 0,
|
||
yandex: 0,
|
||
childRegions: [],
|
||
}
|
||
},
|
||
methods: {
|
||
getChildRegions: function() {
|
||
let ref = this;
|
||
if (this.region_id > 0) {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_region_child',
|
||
region_id: this.region_id
|
||
})
|
||
.then(function (response) {
|
||
//console.log(response.data);
|
||
$("#advert_budget_region_child_block").html(response.data.html);
|
||
$("#advertBudgetRegionChild").val(ref.region_id_child);
|
||
$("#advertBudgetRegionChild").fastselect({
|
||
placeholder: 'Выберите город/область',
|
||
onItemSelect: function (item, data) {
|
||
ref.region_id_child = data.value;
|
||
}
|
||
});
|
||
})
|
||
.catch(function (error) {
|
||
console.log(error);
|
||
});
|
||
} else {
|
||
$("#advert_budget_region_child_block").html('<select name="advert_budget_region_child" id="advertBudgetRegionChild"><option value="0">Не выбрано</option></select>');
|
||
$("#advertBudgetRegionChild").fastselect({
|
||
placeholder: 'Выберите город/область',
|
||
onItemSelect: function (item, data) {
|
||
ref.region_id_child = data.value;
|
||
}
|
||
});
|
||
}
|
||
},
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
deleteAdvertPrice(item_id) {
|
||
let ref = this;
|
||
if (confirm('Вы действительно желаете удалить данные настройки затрат?')) {
|
||
if (!ref.isEmpty(ref.agency_id) && typeof item_id !== "undefined") {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'del_advert_limits',
|
||
id: item_id,
|
||
agency_id: ref.agency_id
|
||
}).then((response) => {
|
||
|
||
if (response.data.success)
|
||
advert_prices_list.getAdvertPricesList();
|
||
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.log(error);
|
||
});
|
||
}
|
||
}
|
||
},
|
||
initFastSelect() {
|
||
|
||
let ref = this;
|
||
|
||
$('#advertBudgetRegion').fastselect().data('fastselect').destroy();
|
||
$("#advertBudgetRegion").val(ref.region_id);
|
||
$("#advertBudgetRegion").fastselect({
|
||
placeholder: 'Выберите регион',
|
||
onItemSelect: function(item, data) {
|
||
ref.region_id = data.value;
|
||
ref.getChildRegions();
|
||
}
|
||
});
|
||
|
||
$('#advertBudgetRegionChild').fastselect().data('fastselect').destroy();
|
||
$("#advertBudgetRegionChild").val(ref.region_id_child);
|
||
$("#advertBudgetRegionChild").fastselect({
|
||
placeholder: 'Выберите город/область',
|
||
onItemSelect: function(item, data) {
|
||
ref.region_id_child = data.value;
|
||
}
|
||
});
|
||
|
||
$('#advertBudgetDealType').fastselect().data('fastselect').destroy();
|
||
$("#advertBudgetDealType").val(ref.operation_type_id);
|
||
$("#advertBudgetDealType").fastselect({
|
||
placeholder: 'Выберите тип сделки',
|
||
onItemSelect: function(item, data) {
|
||
ref.operation_type_id = data.value;
|
||
}
|
||
});
|
||
|
||
$('#advertBudgetRentType').fastselect().data('fastselect').destroy();
|
||
$("#advertBudgetRentType").val(ref.rent_type_id);
|
||
$("#advertBudgetRentType").fastselect({
|
||
placeholder: 'Выберите тип сделки',
|
||
onItemSelect: function(item, data) {
|
||
ref.rent_type_id = data.value;
|
||
}
|
||
});
|
||
|
||
$('#advertBudgetObjectType').fastselect().data('fastselect').destroy();
|
||
$("#advertBudgetObjectType").val(ref.type_id);
|
||
$("#advertBudgetObjectType").fastselect({
|
||
placeholder: 'Выберите тип объекта',
|
||
onItemSelect: function(item, data) {
|
||
ref.type_id = data.value;
|
||
}
|
||
});
|
||
|
||
$('#advertBudgetCommerceType').fastselect().data('fastselect').destroy();
|
||
$("#advertBudgetCommerceType").val(ref.commerce_type_id);
|
||
$("#advertBudgetCommerceType").fastselect({
|
||
placeholder: 'Выберите тип коммерции',
|
||
onItemSelect: function(item, data) {
|
||
ref.commerce_type_id = data.value;
|
||
}
|
||
});
|
||
|
||
this.getChildRegions();
|
||
},
|
||
getAdvertPricesForm(item_id) {
|
||
|
||
let ref = this;
|
||
if (!ref.isEmpty(ref.agency_id)) {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_advert_prices',
|
||
id: (typeof item_id !== "undefined") ? item_id : null,
|
||
agency_id: ref.agency_id
|
||
}).then(function(response) {
|
||
ref.id = response.data.id;
|
||
ref.region_id = response.data.region_id;
|
||
ref.region_id_child = response.data.region_id_child;
|
||
ref.operation_type_id = response.data.operation_type_id;
|
||
ref.type_id = response.data.type_id;
|
||
ref.rent_type_id = response.data.rent_type_id;
|
||
ref.commerce_type_id = response.data.commerce_type_id;
|
||
ref.error_message = response.data.error_message;
|
||
ref.avito = response.data.avito;
|
||
ref.cian = response.data.cian;
|
||
ref.domclick = response.data.domclick;
|
||
ref.jcat = response.data.jcat;
|
||
ref.yandex = response.data.yandex;
|
||
|
||
ref.initFastSelect();
|
||
console.info(response.data);
|
||
|
||
$('#advertPricesFormBg').fadeIn(100);
|
||
$('#advertPricesForm').toggle(50);
|
||
$("body").addClass("lock");
|
||
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
} else {
|
||
$('#advertPricesFormBg').fadeIn(100);
|
||
$('#advertPricesForm').toggle(50);
|
||
$("body").addClass("lock");
|
||
}
|
||
},
|
||
getPriceStyle(number) {
|
||
return number + 1 % 2 > 0 ? 'background-color: #f9f9f9;' : ''
|
||
},
|
||
hideAdvertPricesForm() {
|
||
$('#advertPricesFormBg').fadeOut(300);
|
||
$('#advertPricesForm').toggle(100);
|
||
$("body").removeClass("lock");
|
||
},
|
||
validateForm() {
|
||
|
||
let errors = [];
|
||
if (this.isEmpty(this.region_id))
|
||
errors.push('Поле `Регион` обязательно к заполнению.');
|
||
|
||
if (this.isEmpty(this.operation_type_id))
|
||
errors.push('Поле `Тип сделки` обязательно к заполнению.');
|
||
|
||
if (this.operation_type_id == 2 && this.isEmpty(this.rent_type_id))
|
||
errors.push('Поле `Срок аренды` обязательно к заполнению.');
|
||
|
||
if (this.isEmpty(this.type_id))
|
||
errors.push('Поле `Тип объекта` обязательно к заполнению.');
|
||
|
||
if (this.type_id == 4 && this.isEmpty(this.commerce_type_id))
|
||
errors.push('Поле `Тип коммерции` обязательно к заполнению.');
|
||
|
||
if (!this.isEmpty(errors)) {
|
||
this.error_message = errors.join('<br/>');
|
||
return false;
|
||
}
|
||
|
||
return true;
|
||
},
|
||
saveAdvertPricesForm() {
|
||
let ref = this;
|
||
if (this.validateForm() && !ref.isEmpty(ref.agency_id)) {
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'set_advert_prices',
|
||
id: ref.id,
|
||
agency_id: ref.agency_id,
|
||
region: ref.region_id,
|
||
region_child: ref.region_id_child,
|
||
deal_type: ref.operation_type_id,
|
||
rent_type: ref.rent_type_id,
|
||
object_type: ref.type_id,
|
||
commerce_type: ref.commerce_type_id,
|
||
avito: ref.avito,
|
||
cian: ref.cian,
|
||
domclick: ref.domclick,
|
||
jcat: ref.jcat,
|
||
yandex: ref.yandex,
|
||
}).then(function(response) {
|
||
|
||
console.info(response);
|
||
|
||
if (response.data.success) {
|
||
ref.hideAdvertPricesForm();
|
||
advert_prices_list.getAdvertPricesList();
|
||
} else if (!this.isEmpty(response.data.errors)) {
|
||
ref.error_message = response.data.errors;
|
||
}
|
||
|
||
}).catch(function(error) {
|
||
if (error)
|
||
console.debug(error);
|
||
});
|
||
}
|
||
},
|
||
},
|
||
created: function() {
|
||
|
||
},
|
||
watch: {
|
||
'region_id': function(val, oldVal) {
|
||
console.info(val);
|
||
},
|
||
'region_id_child': function(val, oldVal) {
|
||
console.info(val);
|
||
},
|
||
'operation_type_id': function(val, oldVal) {
|
||
console.info(val);
|
||
},
|
||
'type_id': function(val, oldVal) {
|
||
console.info(val);
|
||
},
|
||
'rent_type_id': function(val, oldVal) {
|
||
console.info(val);
|
||
},
|
||
'commerce_type_id': function(val, oldVal) {
|
||
console.info(val);
|
||
},
|
||
'avito': function(val, oldVal) {
|
||
console.info(val);
|
||
},
|
||
'cian': function(val, oldVal) {
|
||
console.info(val);
|
||
},
|
||
'domclick': function(val, oldVal) {
|
||
console.info(val);
|
||
},
|
||
'jcat': function(val, oldVal) {
|
||
console.info(val);
|
||
},
|
||
'yandex': function(val, oldVal) {
|
||
console.info(val);
|
||
},
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
if ($('#advertPricesList').length > 0) {
|
||
var advert_prices_list = new Vue({
|
||
el: '#advertPricesList',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
prices: [],
|
||
user_id: null
|
||
}
|
||
},
|
||
methods: {
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
getAdvertPricesForm(id) {
|
||
return advert_prices_form.getAdvertPricesForm(id);
|
||
},
|
||
confirmDeleteAdvertPrice(id) {
|
||
return advert_prices_form.deleteAdvertPrice(id);
|
||
},
|
||
getAdvertPricesList() {
|
||
let ref = this;
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_advert_prices_list'
|
||
}).then(function(response) {
|
||
|
||
console.info(response);
|
||
if (response.data.success)
|
||
ref.prices = response.data.list;
|
||
|
||
}).catch(function(error) {
|
||
|
||
if (error)
|
||
console.debug(error);
|
||
|
||
});
|
||
},
|
||
getPriceStyle(number) {
|
||
return number + 1 % 2 > 0 ? 'background-color: #f9f9f9;' : ''
|
||
},
|
||
},
|
||
created: function() {
|
||
|
||
},
|
||
watch: {
|
||
'prices': function(val, oldVal) {
|
||
console.info(val);
|
||
},
|
||
}
|
||
});
|
||
}
|
||
|
||
if ($('#advertising_sources_add_edit_modal').length > 0) {
|
||
var advertising_sources_add_edit_modal = new Vue({
|
||
el: '#advertising_sources_add_edit_modal',
|
||
components: {},
|
||
data() {
|
||
return {
|
||
OpenIndicator: {
|
||
render: createElement => createElement('span', { class: { 'vueToggleSpan': true } }),
|
||
},
|
||
is_no_see: 0,
|
||
users_see: [{ 'code': '0', 'name': '', 'type':'agent' }],
|
||
selected_users_see_no: null,
|
||
userId: $('#session_user_id').val(),
|
||
agencyId: $('#session_agency_id').val(),
|
||
}
|
||
},
|
||
methods: {
|
||
get_user_see(){
|
||
axios.post('/ajax/ajax_vue_funnel.php', {
|
||
request: 'get_users_see',
|
||
agency_id: this.agencyId,
|
||
user_id: this.userId,
|
||
})
|
||
.then((response) => {
|
||
this.users_see = response.data;
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
},
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
|
||
},
|
||
created: function() {
|
||
this.get_user_see();
|
||
},
|
||
|
||
});
|
||
}
|
||
|
||
if ($('#advertising_sources_connection').length > 0) {
|
||
var advertising_sources_connection = new Vue({
|
||
el: '#advertising_sources_connection',
|
||
components: {
|
||
|
||
vuejsDatepicker: window.vuejsDatepicker
|
||
},
|
||
data() {
|
||
return {
|
||
ru: vdp_translation_ru.js,
|
||
is_show: false,
|
||
isDetailsTooltip: false,
|
||
switchTab: 'settings',
|
||
showForm: false,
|
||
isDialogDel: false,
|
||
mode: 'add',
|
||
arraySources: [],
|
||
arrayLogs: [],
|
||
page: 1,
|
||
all_pages: 1,
|
||
prevPage: 0,
|
||
ot: 0,
|
||
do: 0,
|
||
pagePagin: [],
|
||
isPreloader: true,
|
||
sources: [],
|
||
date_start: null,
|
||
date_end: null,
|
||
format: "dd.MM.yyyy",
|
||
mondayfirst: true,
|
||
textDetails: "",
|
||
sourceDetails: "",
|
||
errors: {
|
||
source: null,
|
||
type: null,
|
||
name: null,
|
||
},
|
||
tags: [],
|
||
users: [],
|
||
funnels: [],
|
||
type_integration: [
|
||
{'code': 1, 'name': 'pixel'},
|
||
{'code': 2, 'name': 'creatium'},
|
||
{'code': 3, 'name': 'creatium2'},
|
||
{'code': 4, 'name': 'leadback'},
|
||
{'code': 5, 'name': 'marqviz'},
|
||
],
|
||
types_integration: [
|
||
{'code': 1, 'name': 'pixel'},
|
||
{'code': 2, 'name': 'creatium'},
|
||
{'code': 3, 'name': 'creatium2'},
|
||
{'code': 4, 'name': 'leadback'},
|
||
{'code': 5, 'name': 'marqviz'},
|
||
{'code': 0, 'name': 'GCK или KnowHow'}
|
||
],
|
||
events_integration: [
|
||
{'code': 'add', 'name': 'Добавление'},
|
||
{'code': 'update', 'name': 'Изменение'},
|
||
{'code': 'delete', 'name': 'Удаление'},
|
||
],
|
||
item: {
|
||
id: 0,
|
||
source: null,
|
||
type_source_conect: 'tag',
|
||
type: null,
|
||
tags: null,
|
||
who_work: null,
|
||
funnel_id: null,
|
||
name: null,
|
||
funnel_id_req: null
|
||
},
|
||
OpenIndicator: {
|
||
render: createElement => createElement('span', { class: { 'vueToggleSpan': true } }),
|
||
},
|
||
|
||
filter: {
|
||
type: null,
|
||
name: null,
|
||
users: null,
|
||
date_start: null,
|
||
date_end: null,
|
||
event: null,
|
||
},
|
||
|
||
userId: $('#session_user_id').val(),
|
||
agencyId: $('#session_agency_id').val(),
|
||
}
|
||
},
|
||
methods: {
|
||
|
||
openModal(){
|
||
this.switchTab = 'settings',
|
||
this.filter = {
|
||
type: null,
|
||
name: null,
|
||
users: null,
|
||
date_start: null,
|
||
date_end: null,
|
||
event: null,
|
||
}
|
||
this.is_show = true;
|
||
this.page = 1;
|
||
this.get_sources_connection();
|
||
|
||
$('body').addClass("lock");
|
||
|
||
},
|
||
closeModal(){
|
||
this.is_show = false;
|
||
$('body').removeClass("lock");
|
||
},
|
||
switch_tab(tab){
|
||
this.switchTab = tab;
|
||
this.page = 1;
|
||
if(tab == 'history'){
|
||
|
||
this.get_logs_connection();
|
||
} else {
|
||
this.get_sources_connection();
|
||
}
|
||
|
||
},
|
||
openForm(mode, index){
|
||
this.clearItem();
|
||
this.get_sources_list();
|
||
this.get_activites_list();
|
||
this.get_users_list();
|
||
this.get_funnels_list();
|
||
this.mode = mode;
|
||
this.showForm = true;
|
||
if(mode == 'edit'){
|
||
let temp_item = this.arraySources[index];
|
||
if(temp_item.id){
|
||
this.item.id = temp_item.id;
|
||
this.item.source = temp_item.adv_id;
|
||
this.item.type_source_conect = (temp_item.type > 0) ? 'domain' : 'tag';
|
||
this.item.type = temp_item.type;
|
||
this.item.name = (temp_item.type > 0) ? temp_item.domain : temp_item.tag;
|
||
this.item.who_work = (temp_item.who_work > 0) ? temp_item.who_work : null;
|
||
this.item.funnel_id = temp_item.funnel_id;
|
||
this.item.funnel_id_req = temp_item.funnel_id_req;
|
||
|
||
if(!this.isEmpty(temp_item.tags)){
|
||
let temp_tags = [];
|
||
for(let i in temp_item.tags){
|
||
temp_tags.push(temp_item.tags[i].activities_id);
|
||
}
|
||
|
||
this.item.tags = temp_tags;
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
},
|
||
closeForm(){
|
||
this.showForm = false;
|
||
},
|
||
clear(){
|
||
this.arrayLogs = [];
|
||
this.arraySources = [];
|
||
this.isPreloader = true;
|
||
this.all_pages = 1;
|
||
this.prevPage = 0;
|
||
this.ot = 0;
|
||
this.do = 0;
|
||
this.pagePagin = [];
|
||
this.delete_id = null;
|
||
this.textDetails = '';
|
||
this.sourceDetails = '';
|
||
this.item = {
|
||
id: 0,
|
||
source: null,
|
||
type_source_conect: 'tag',
|
||
type: null,
|
||
tags: null,
|
||
who_work: null,
|
||
funnel_id: null,
|
||
name: null,
|
||
funnel_id_req: null
|
||
};
|
||
this.errors = {
|
||
source: null,
|
||
type: null,
|
||
name: null,
|
||
};
|
||
},
|
||
clearItem(){
|
||
this.item = {
|
||
id: 0,
|
||
source: null,
|
||
type_source_conect: 'tag',
|
||
type: null,
|
||
tags: null,
|
||
who_work: null,
|
||
funnel_id: null,
|
||
name: null,
|
||
funnel_id_req: null
|
||
};
|
||
this.errors = {
|
||
source: null,
|
||
type: null,
|
||
name: null,
|
||
};
|
||
},
|
||
search_source(){
|
||
// console.log(this.filter);
|
||
this.page = 1;
|
||
this.get_sources_connection();
|
||
},
|
||
search_log(){
|
||
// console.log(this.filter);
|
||
this.page = 1;
|
||
this.get_logs_connection();
|
||
},
|
||
get_sources_connection(){
|
||
|
||
this.clear();
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_sources_connection',
|
||
agency_id: this.agencyId,
|
||
user_id: this.userId,
|
||
page: this.page,
|
||
filter: this.filter
|
||
})
|
||
.then((response) => {
|
||
this.isPreloader = false;
|
||
//console.log(response.data);
|
||
this.arraySources = response.data.list;
|
||
|
||
this.all_pages = parseInt(response.data.allPages);
|
||
if (this.all_pages > 1) {
|
||
if (this.page > 1)
|
||
this.prevPage = this.page - 1;
|
||
}
|
||
if (this.all_pages > 8) {
|
||
if (this.page > 4) {
|
||
this.ot = this.page - 3;
|
||
} else {
|
||
this.ot = 2;
|
||
}
|
||
|
||
if (this.page < this.all_pages - 4) {
|
||
this.do = this.page + 3;
|
||
} else {
|
||
this.do = this.all_pages;
|
||
}
|
||
} else {
|
||
this.ot = 2;
|
||
this.do = this.all_pages;
|
||
}
|
||
for (var i = this.ot; i < this.do; i++) {
|
||
this.pagePagin.push(i);
|
||
}
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
},
|
||
get_logs_connection(){
|
||
this.get_users_list();
|
||
this.clear();
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_logs_connection',
|
||
agency_id: this.agencyId,
|
||
user_id: this.userId,
|
||
page: this.page,
|
||
filter: this.filter
|
||
})
|
||
.then((response) => {
|
||
this.isPreloader = false;
|
||
// console.log(response.data);
|
||
this.arrayLogs = response.data.list;
|
||
|
||
this.all_pages = parseInt(response.data.allPages);
|
||
if (this.all_pages > 1) {
|
||
if (this.page > 1)
|
||
this.prevPage = this.page - 1;
|
||
}
|
||
if (this.all_pages > 8) {
|
||
if (this.page > 4) {
|
||
this.ot = this.page - 3;
|
||
} else {
|
||
this.ot = 2;
|
||
}
|
||
|
||
if (this.page < this.all_pages - 4) {
|
||
this.do = this.page + 3;
|
||
} else {
|
||
this.do = this.all_pages;
|
||
}
|
||
} else {
|
||
this.ot = 2;
|
||
this.do = this.all_pages;
|
||
}
|
||
for (var i = this.ot; i < this.do; i++) {
|
||
this.pagePagin.push(i);
|
||
}
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
},
|
||
get_sources_list(){
|
||
if(this.isEmpty(this.sources)){
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_all_sources',
|
||
agency_id: this.agencyId
|
||
|
||
})
|
||
.then((response) => {
|
||
|
||
//console.log(response.data);
|
||
this.sources = response.data;
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
}
|
||
},
|
||
get_activites_list(){
|
||
if(this.isEmpty(this.tags)){
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_activites_list',
|
||
agency_id: this.agencyId
|
||
|
||
})
|
||
.then((response) => {
|
||
|
||
//console.log(response.data);
|
||
this.tags = response.data;
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
}
|
||
},
|
||
get_users_list(){
|
||
if(this.isEmpty(this.users)){
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_users_list',
|
||
agency_id: this.agencyId,
|
||
user_id: this.userId
|
||
})
|
||
.then((response) => {
|
||
|
||
// console.log(response.data);
|
||
this.users = response.data;
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
}
|
||
|
||
},
|
||
get_funnels_list(){
|
||
if(this.isEmpty(this.funnels)){
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_funnels_list',
|
||
agency_id: this.agencyId,
|
||
|
||
})
|
||
.then((response) => {
|
||
|
||
// console.log(response.data);
|
||
this.funnels = response.data;
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
}
|
||
},
|
||
//Пагинация
|
||
pagin(page) {
|
||
this.page = page;
|
||
if(this.switchTab == 'history'){
|
||
this.get_logs_connection();
|
||
} else {
|
||
this.get_sources_connection();
|
||
}
|
||
},
|
||
|
||
//Получение данных о связи
|
||
get_data_source(source_id){
|
||
// console.log(source_id);
|
||
this.item.tags = null;
|
||
this.item.who_work = null;
|
||
this.item.funnel_id = null;
|
||
this.item.funnel_id_req = null;
|
||
if(source_id > 0){
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_data_source',
|
||
agency_id: this.agencyId,
|
||
user_id: this.userId,
|
||
source_id: this.item.source,
|
||
|
||
})
|
||
.then((response) => {
|
||
|
||
// console.log(response.data);
|
||
let res = response.data;
|
||
if(!this.isEmpty(res.activites)){
|
||
this.item.tags = res.activites;
|
||
}
|
||
if(!this.isEmpty(res.who_work)){
|
||
this.item.who_work = res.who_work;
|
||
}
|
||
if(!this.isEmpty(res.funnel_id)){
|
||
this.item.funnel_id = res.funnel_id;
|
||
}
|
||
if(!this.isEmpty(res.funnel_id_req)){
|
||
this.item.funnel_id_req = res.funnel_id_req;
|
||
}
|
||
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
}
|
||
|
||
},
|
||
|
||
//save
|
||
save(){
|
||
this.errors = {
|
||
source: null,
|
||
type: null,
|
||
name: null,
|
||
};
|
||
let _error = false;
|
||
|
||
|
||
if(this.isEmpty(this.item.source)){
|
||
this.errors.source = "Выберите источник";
|
||
_error = true;
|
||
}
|
||
if(this.isEmpty(this.item.name)){
|
||
this.errors.name = "Введите наименование";
|
||
_error = true;
|
||
}
|
||
if(this.item.type_source_conect == 'domain' && this.isEmpty(this.item.type)){
|
||
this.errors.type = "Выберите тип интеграции";
|
||
_error = true;
|
||
}
|
||
|
||
if(!_error){
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'save_source_connect',
|
||
agency_id: this.agencyId,
|
||
user_id: this.userId,
|
||
item: this.item,
|
||
|
||
})
|
||
.then((response) => {
|
||
|
||
//console.log(response.data);
|
||
let res = response.data;
|
||
if(res.result == 'error'){
|
||
this.errors = res.errors;
|
||
} else {
|
||
this.closeForm();
|
||
this.get_sources_connection();
|
||
}
|
||
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
}
|
||
},
|
||
openDeleteDialog(index){
|
||
|
||
this.delete_id = this.arraySources[index].id;
|
||
this.isDialogDel = true;
|
||
},
|
||
confirmDelete(){
|
||
console.log(this.delete_id);
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'del_source_connect',
|
||
agency_id: this.agencyId,
|
||
user_id: this.userId,
|
||
delete_id: this.delete_id,
|
||
|
||
})
|
||
.then((response) => {
|
||
|
||
console.log(response.data);
|
||
let res = response.data;
|
||
if(res.result == 'error'){
|
||
this.errors = res.errors;
|
||
} else {
|
||
this.isDialogDel = false;
|
||
this.get_sources_connection();
|
||
}
|
||
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
},
|
||
|
||
showTooltip(index, event){
|
||
let temp_log = this.arrayLogs[index];
|
||
this.textDetails = this.arrayLogs[index].description;
|
||
this.sourceDetails = this.arrayLogs[index].source;
|
||
|
||
let pos = $(event.target).offset();
|
||
let left = pos.left;
|
||
var top = $(event.target).offset().top + 30;
|
||
|
||
this.isDetailsTooltip = true;
|
||
|
||
$("#as_details-tooltip").offset({ top: top, left: left })
|
||
|
||
setTimeout(function(){
|
||
$("#as_details-tooltip").offset({ top: top, left: left })
|
||
}, 300);
|
||
},
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
|
||
},
|
||
created: function() {
|
||
$(".as_modal-overlay").addClass('active');
|
||
|
||
},
|
||
|
||
});
|
||
}
|
||
|
||
if ($('#web_hooks_setting').length > 0) {
|
||
|
||
var web_hooks_setting = new Vue({
|
||
el: '#web_hooks_setting',
|
||
components: {
|
||
|
||
vuejsDatepicker: window.vuejsDatepicker
|
||
},
|
||
data() {
|
||
return {
|
||
ru: vdp_translation_ru.js,
|
||
is_active: 0,
|
||
is_show: false,
|
||
isDetailsTooltip: false,
|
||
showForm: false,
|
||
isDialogDel: false,
|
||
mode: 'add',
|
||
page: 1,
|
||
all_pages: 1,
|
||
prevPage: 0,
|
||
ot: 0,
|
||
do: 0,
|
||
arrayWebhooks: [],
|
||
pagePagin: [],
|
||
isPreloader: true,
|
||
date_start: null,
|
||
date_end: null,
|
||
format: "dd.MM.yyyy",
|
||
mondayfirst: true,
|
||
errors: {
|
||
url: null,
|
||
section: null,
|
||
name: null,
|
||
action: null,
|
||
steps: null,
|
||
funnel: null,
|
||
},
|
||
funnels: [],
|
||
steps: [],
|
||
sections: [
|
||
{'code': 'req', 'name': 'Заявки'},
|
||
{'code': 'object', 'name': 'Объекты'},
|
||
{'code': 'employee', 'name': 'Сорудники'}
|
||
|
||
],
|
||
actions: [
|
||
{'code': 'close_step', 'name': 'Закрытие этапа'},
|
||
{'code': 'transition_step', 'name': 'Переход на этап'},
|
||
|
||
],
|
||
item: {
|
||
id: 0,
|
||
url: null,
|
||
name: null,
|
||
section: null,
|
||
action: null,
|
||
steps: null,
|
||
funnel_id: null,
|
||
is_active: 1,
|
||
|
||
},
|
||
OpenIndicator: {
|
||
render: createElement => createElement('span', { class: { 'vueToggleSpan': true } }),
|
||
},
|
||
|
||
filter: {
|
||
type: null,
|
||
name: null,
|
||
users: null,
|
||
date_start: null,
|
||
date_end: null,
|
||
event: null,
|
||
},
|
||
|
||
userId: $('#session_user_id').val(),
|
||
agencyId: $('#session_agency_id').val(),
|
||
}
|
||
},
|
||
methods: {
|
||
|
||
openModal(){
|
||
this.switchTab = 'settings',
|
||
this.filter = {
|
||
type: null,
|
||
name: null,
|
||
users: null,
|
||
date_start: null,
|
||
date_end: null,
|
||
event: null,
|
||
}
|
||
this.is_show = true;
|
||
this.page = 1;
|
||
this.get_enable_webhook();
|
||
|
||
$('body').addClass("lock");
|
||
|
||
},
|
||
closeModal(){
|
||
this.is_show = false;
|
||
$('body').removeClass("lock");
|
||
},
|
||
switch_tab(tab){
|
||
this.switchTab = tab;
|
||
this.page = 1;
|
||
if(tab == 'history'){
|
||
|
||
this.get_logs_connection();
|
||
} else {
|
||
this.get_sources_connection();
|
||
}
|
||
|
||
},
|
||
openForm(mode, index){
|
||
this.clearItem();
|
||
//this.get_sources_list();
|
||
//this.get_activites_list();
|
||
//this.get_users_list();
|
||
//this.get_funnels_list();
|
||
|
||
this.mode = mode;
|
||
this.showForm = true;
|
||
if(mode == 'edit'){
|
||
let temp_item = this.arrayWebhooks[index];
|
||
if(temp_item.id){
|
||
this.item.id = temp_item.id;
|
||
this.item.name = temp_item.name;
|
||
this.item.url = temp_item.url;
|
||
this.item.funnel_id = temp_item.funnel_id;
|
||
this.item.steps = JSON.parse(temp_item.steps);
|
||
this.item.is_active = temp_item.is_active;
|
||
this.item.section = temp_item.section;
|
||
this.item.action = temp_item.action;
|
||
}
|
||
this.get_funnels_list();
|
||
this.get_steps_funnel();
|
||
this.change_section(1);
|
||
}
|
||
},
|
||
closeForm(){
|
||
this.showForm = false;
|
||
},
|
||
clear(){
|
||
|
||
this.arrayWebhooks = [];
|
||
this.isPreloader = true;
|
||
this.all_pages = 1;
|
||
this.prevPage = 0;
|
||
this.ot = 0;
|
||
this.do = 0;
|
||
this.pagePagin = [];
|
||
this.delete_id = null;
|
||
this.textDetails = '';
|
||
this.sourceDetails = '';
|
||
this.item = {
|
||
id: 0,
|
||
url: null,
|
||
name: null,
|
||
section: null,
|
||
action: null,
|
||
steps: null,
|
||
funnel_id: null,
|
||
is_active: 1
|
||
};
|
||
this.errors = {
|
||
url: null,
|
||
section: null,
|
||
name: null,
|
||
action: null,
|
||
steps: null,
|
||
funnel: null,
|
||
};
|
||
},
|
||
clearItem(){
|
||
this.item = {
|
||
id: 0,
|
||
url: null,
|
||
name: null,
|
||
section: null,
|
||
action: null,
|
||
steps: null,
|
||
funnel_id: null,
|
||
is_active: 1
|
||
};
|
||
this.errors = {
|
||
url: null,
|
||
section: null,
|
||
name: null,
|
||
action: null,
|
||
steps: null,
|
||
funnel: null,
|
||
};
|
||
},
|
||
|
||
get_enable_webhook(){
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_enable_webhooks',
|
||
agency_id: this.agencyId,
|
||
|
||
})
|
||
.then((response) => {
|
||
|
||
console.log(response.data);
|
||
this.is_active = response.data;
|
||
if(this.is_active > 0){
|
||
this.get_webhooks();
|
||
}
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
},
|
||
|
||
enable_webhooks(){
|
||
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'set_enable_webhooks',
|
||
agency_id: this.agencyId,
|
||
user_id: this.userId,
|
||
enable_webhooks: this.is_active
|
||
})
|
||
.then((response) => {
|
||
|
||
console.log(response.data);
|
||
if(this.is_active > 0){
|
||
this.get_webhooks();
|
||
}
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
},
|
||
|
||
change_section(no_change = 0){
|
||
this.actions = [];
|
||
console.log(no_change);
|
||
if(no_change == 0){
|
||
this.item.action = null;
|
||
}
|
||
console.log(this.item.section);
|
||
switch(this.item.section){
|
||
case 'req' : {
|
||
this.actions = [
|
||
{'code': 'close_step', 'name': 'Закрытие этапа'},
|
||
{'code': 'transition_step', 'name': 'Переход на этап'}
|
||
]
|
||
break;
|
||
}
|
||
case 'object' : {
|
||
this.actions = [
|
||
{'code': 'object_create', 'name': 'Добавление нового объекта'},
|
||
{'code': 'object_update', 'name': 'Редактирование объекта'},
|
||
{'code': 'object_advertise', 'name': 'Выставление объекта в рекламу'},
|
||
{'code': 'object_unadvertise', 'name': 'Снятие с рекламы'},
|
||
{'code': 'object_archive', 'name': 'Отправка в архив'},
|
||
{'code': 'object_restore', 'name': 'Возврат из архива'},
|
||
]
|
||
break;
|
||
}
|
||
case 'employee' : {
|
||
this.actions = [
|
||
{'code': 'employee_create', 'name': 'Добавление нового сотрудника'},
|
||
{'code': 'employee_update', 'name': 'Изменение сотрудника'},
|
||
{'code': 'employee_block', 'name': 'Блокировка сотрудника'},
|
||
{'code': 'employee_unblock', 'name': 'Снятие блокировки с сотрудника'},
|
||
{'code': 'employee_delete', 'name': 'Удаление сотрудника'},
|
||
]
|
||
break;
|
||
}
|
||
default : {
|
||
this.actions = [
|
||
{'code': 'close_step', 'name': 'Закрытие этапа'},
|
||
{'code': 'transition_step', 'name': 'Переход на этап'}
|
||
]
|
||
break;
|
||
}
|
||
}
|
||
|
||
},
|
||
|
||
change_action(){
|
||
if(this.item.action == 'close_step' || this.item.action == 'transition_step'){
|
||
this.get_funnels_list();
|
||
}
|
||
},
|
||
|
||
change_funnel(){
|
||
if(this.item.action == 'close_step' || this.item.action == 'transition_step'){
|
||
if(!this.isEmpty(this.item.steps)){
|
||
this.item.steps = [];
|
||
}
|
||
this.get_steps_funnel();
|
||
}
|
||
},
|
||
|
||
|
||
|
||
search_source(){
|
||
// console.log(this.filter);
|
||
this.page = 1;
|
||
this.get_sources_connection();
|
||
},
|
||
search_log(){
|
||
// console.log(this.filter);
|
||
this.page = 1;
|
||
this.get_logs_connection();
|
||
},
|
||
|
||
get_webhooks(){
|
||
|
||
this.clear();
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_webhooks',
|
||
agency_id: this.agencyId,
|
||
user_id: this.userId,
|
||
page: this.page,
|
||
//filter: this.filter
|
||
})
|
||
.then((response) => {
|
||
this.isPreloader = false;
|
||
//console.log(response.data);
|
||
this.arrayWebhooks = response.data.list;
|
||
|
||
this.all_pages = parseInt(response.data.allPages);
|
||
if (this.all_pages > 1) {
|
||
if (this.page > 1)
|
||
this.prevPage = this.page - 1;
|
||
}
|
||
if (this.all_pages > 8) {
|
||
if (this.page > 4) {
|
||
this.ot = this.page - 3;
|
||
} else {
|
||
this.ot = 2;
|
||
}
|
||
|
||
if (this.page < this.all_pages - 4) {
|
||
this.do = this.page + 3;
|
||
} else {
|
||
this.do = this.all_pages;
|
||
}
|
||
} else {
|
||
this.ot = 2;
|
||
this.do = this.all_pages;
|
||
}
|
||
for (var i = this.ot; i < this.do; i++) {
|
||
this.pagePagin.push(i);
|
||
}
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
},
|
||
|
||
get_funnels_list(){
|
||
let section = null;
|
||
if(this.item.section == 'req'){
|
||
section = 'requisitions'
|
||
}
|
||
//if(this.isEmpty(this.funnels)){
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_funnels_list',
|
||
agency_id: this.agencyId,
|
||
section: section,
|
||
|
||
})
|
||
.then((response) => {
|
||
|
||
console.log(response.data);
|
||
//this.funnels = response.data;
|
||
this.funnels = response.data;
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
//}
|
||
},
|
||
|
||
get_steps_funnel(){
|
||
this.steps = [];
|
||
|
||
if(this.item.funnel_id > 0){
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'get_steps_list',
|
||
agency_id: this.agencyId,
|
||
funnel_id: this.item.funnel_id,
|
||
action: this.item.action
|
||
})
|
||
.then((response) => {
|
||
|
||
this.steps = response.data;
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
}
|
||
|
||
},
|
||
//Пагинация
|
||
pagin(page) {
|
||
this.page = page;
|
||
if(this.switchTab == 'history'){
|
||
this.get_logs_connection();
|
||
} else {
|
||
this.get_sources_connection();
|
||
}
|
||
},
|
||
|
||
|
||
|
||
//save
|
||
save(){
|
||
console.log(this.item);
|
||
this.errors = {
|
||
url: null,
|
||
section: null,
|
||
name: null,
|
||
action: null,
|
||
steps: null,
|
||
funnel: null
|
||
};
|
||
let _error = false;
|
||
|
||
|
||
if(this.isEmpty(this.item.url)){
|
||
this.errors.url = "Введите URL";
|
||
_error = true;
|
||
}
|
||
if(this.isEmpty(this.item.name)){
|
||
this.errors.name = "Введите наименование";
|
||
_error = true;
|
||
}
|
||
if(this.isEmpty(this.item.section)){
|
||
this.errors.section = "Выберите раздел";
|
||
_error = true;
|
||
}
|
||
|
||
if(this.isEmpty(this.item.action)){
|
||
this.errors.action = "Выберите действие";
|
||
_error = true;
|
||
}
|
||
|
||
if(this.item.action == 'close_step' || this.item.action == 'transition_step'){
|
||
if(this.isEmpty(this.item.funnel_id)){
|
||
this.errors.funnel = "Выберите воронку";
|
||
_error = true;
|
||
}
|
||
|
||
if(this.isEmpty(this.item.steps)){
|
||
this.errors.steps = "Выберите этапы";
|
||
_error = true;
|
||
}
|
||
|
||
}
|
||
|
||
if(!_error){
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'save_webhook',
|
||
agency_id: this.agencyId,
|
||
user_id: this.userId,
|
||
item: this.item,
|
||
|
||
})
|
||
.then((response) => {
|
||
//console.log(response.data);
|
||
let res = response.data;
|
||
if(res.result == 'error'){
|
||
this.errors = res.errors;
|
||
} else {
|
||
this.closeForm();
|
||
this.get_webhooks();
|
||
}
|
||
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
}
|
||
},
|
||
openDeleteDialog(index){
|
||
|
||
this.delete_id = this.arrayWebhooks[index].id;
|
||
this.isDialogDel = true;
|
||
},
|
||
confirmDelete(){
|
||
|
||
axios.post('/ajax/ajax_vue_settings.php', {
|
||
request: 'del_webhook',
|
||
agency_id: this.agencyId,
|
||
user_id: this.userId,
|
||
delete_id: this.delete_id,
|
||
|
||
})
|
||
.then((response) => {
|
||
|
||
let res = response.data;
|
||
if(res.result == 'error'){
|
||
this.errors = res.errors;
|
||
} else {
|
||
this.isDialogDel = false;
|
||
this.get_webhooks();
|
||
}
|
||
|
||
})
|
||
.catch(function(error) {
|
||
console.error(error);
|
||
});
|
||
},
|
||
|
||
showTooltip(index, event){
|
||
let temp_log = this.arrayLogs[index];
|
||
this.textDetails = this.arrayLogs[index].description;
|
||
this.sourceDetails = this.arrayLogs[index].source;
|
||
|
||
let pos = $(event.target).offset();
|
||
let left = pos.left;
|
||
var top = $(event.target).offset().top + 30;
|
||
|
||
this.isDetailsTooltip = true;
|
||
|
||
$("#as_details-tooltip").offset({ top: top, left: left })
|
||
|
||
setTimeout(function(){
|
||
$("#as_details-tooltip").offset({ top: top, left: left })
|
||
}, 300);
|
||
},
|
||
isEmpty(data) {
|
||
if (typeof(data) === 'object') {
|
||
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
return true;
|
||
} else if (!data) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'string') {
|
||
if (!data.trim()) {
|
||
return true;
|
||
}
|
||
return false;
|
||
} else if (typeof(data) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
|
||
},
|
||
created: function() {
|
||
$(".as_modal-overlay").addClass('active');
|
||
|
||
},
|
||
|
||
});
|
||
}
|
||
|
||
function hideAdvertPricesForm() {
|
||
advert_prices_form.hideAdvertPricesForm();
|
||
}
|
||
|
||
function getAdvertPricesForm(item_id, close) {
|
||
|
||
if (close)
|
||
hideAdvertPricesForm();
|
||
|
||
advert_prices_form.getAdvertPricesForm(item_id);
|
||
advert_prices_form.initFastSelect();
|
||
|
||
}
|
||
|
||
function confirmDeleteAdvertPrice(item_id) {
|
||
advert_prices_form.deleteAdvertPrice(item_id);
|
||
}
|
||
|
||
function saveAdvertPricesForm() {
|
||
advert_prices_form.saveAdvertPricesForm();
|
||
}
|
||
|
||
function getAdvertPricesList() {
|
||
advert_prices_list.getAdvertPricesList();
|
||
}
|
||
|
||
$(document).ready(
|
||
function() {
|
||
$('body').on('click', '#href_setting_video1', function(){
|
||
$('#setting_video1').html('<iframe src="https://vk.ru/video_ext.php?oid=-140502045&id=456239130&autoplay=1" width="306" height="181" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>');
|
||
}
|
||
);
|
||
|
||
$('body').on('click', '#href_setting_video2', function(){
|
||
$('#setting_video2').html('<iframe src="https://vk.ru/video_ext.php?oid=-140502045&id=456239122&autoplay=1" width="306" height="181" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>');
|
||
}
|
||
);
|
||
|
||
$('body').on('click', '#href_setting_video3', function(){
|
||
$('#setting_video3').html('<iframe src="https://vk.ru//video_ext.php?oid=-140502045&id=456239149&hd=2&autoplay=1" width="306" height="181" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>');
|
||
}
|
||
);
|
||
}
|
||
)
|