Your IP : 3.148.210.23
import {Type, Loc, Dom} from 'main.core';
export class Location
{
static locationList = [];
static meetingRoomList = [];
constructor(params)
{
this.params = params;
this.id = params.id || 'location-' + Math.round(Math.random() * 1000000);
this.zIndex = params.zIndex || 3100;
this.DOM = {
wrapNode: params.wrap
};
this.disabled = !params.richLocationEnabled;
this.value = {type: '', text: '', value: ''};
this.meetingRooms = params.iblockMeetingRoomList || [];
Location.setMeetingRoomList(params.iblockMeetingRoomList);
Location.setLocationList(params.locationList);
this.create();
}
create()
{
this.DOM.inputWrap = this.DOM.wrapNode.appendChild(Dom.create('DIV', {props: {className: 'calendar-field-block'}}));
if (this.disabled)
{
BX.addClass(this.DOM.wrapNode, 'locked');
this.DOM.inputWrap.appendChild(Dom.create('DIV', {
props: {className: 'calendar-lock-icon'},
events: {
click: function()
{
B24.licenseInfoPopup.show('calendar_location', Loc.getMessage('EC_B24_LOCATION_LIMITATION_TITLE'), Loc.getMessage('EC_B24_LOCATION_LIMITATION'));
}
}
}))
}
this.DOM.input = this.DOM.inputWrap.appendChild(Dom.create('INPUT', {
attrs: {
name: this.params.inputName || '',
placeholder: Loc.getMessage('EC_LOCATION_LABEL'),
type: 'text',
autocomplete: this.disabled ? 'on' : 'off'
},
props: {
className: 'calendar-field calendar-field-select'
}
}));
}
setValues()
{
let
menuItemList = [],
selectedIndex = false,
meetingRooms = Location.getMeetingRoomList(),
locationList = Location.getLocationList();
if (Type.isArray(meetingRooms))
{
meetingRooms.forEach(function(room)
{
room.ID = parseInt(room.ID);
menuItemList.push({
ID: room.ID,
label: BX.util.htmlspecialchars(room.NAME),
labelRaw: room.NAME,
value: room.ID,
type: 'mr'
});
if (this.value.type === 'mr'
&& parseInt(this.value.value) === room.ID)
{
selectedIndex = menuItemList.length - 1;
}
}, this);
if (menuItemList.length > 0)
{
menuItemList.push({delimiter: true});
}
}
if (Type.isArray(locationList))
{
if (locationList.length)
{
locationList.forEach(function(room)
{
room.ID = parseInt(room.ID);
menuItemList.push({
ID: room.ID,
label: BX.util.htmlspecialchars(room.NAME),
labelRaw: room.NAME,
value: room.ID,
type: 'calendar'
});
if (this.value.type === 'calendar'
&& parseInt(this.value.value) === parseInt(room.ID))
{
selectedIndex = menuItemList.length - 1;
}
}, this);
menuItemList.push({delimiter: true});
menuItemList.push({
label: Loc.getMessage('EC_LOCATION_MEETING_ROOM_SET'),
callback: this.editMeetingRooms.bind(this)
});
}
else
{
menuItemList.push({
label: Loc.getMessage('EC_ADD_LOCATION'),
callback: this.editMeetingRooms.bind(this)
});
}
}
if (this.value)
{
this.DOM.input.value = this.value.str || '';
if (this.value.type && this.value.str === this.getTextLocation(this.value))
{
this.DOM.input.value = Loc.getMessage('EC_LOCATION_404');
}
}
if (this.selectContol)
{
this.selectContol.destroy();
}
this.selectContol = new BX.Calendar.Controls.SelectInput({
input: this.DOM.input,
values: menuItemList,
valueIndex: selectedIndex,
zIndex: this.zIndex,
disabled: this.disabled,
onChangeCallback: BX.delegate(function()
{
let i, value = this.DOM.input.value;
this.value = {text: value};
for (i = 0; i < menuItemList.length; i++)
{
if (menuItemList[i].labelRaw === value)
{
this.value.type = menuItemList[i].type;
this.value.value = menuItemList[i].value;
break;
}
}
if (Type.isFunction(this.params.onChangeCallback))
{
this.params.onChangeCallback();
}
}, this)
});
}
editMeetingRooms()
{
let params = {};
if (this.params.getControlContentCallback)
{
params.wrap = this.params.getControlContentCallback();
}
if (!params.wrap)
{
params.wrap = this.showEditMeetingRooms();
}
this.buildLocationEditControl(params);
}
showEditMeetingRooms()
{
if (this.editDialog)
{
this.editDialog.destroy();
}
this.editDialogContent = Dom.create('DIV', {props: {className: 'bxec-location-wrap'}});
this.editDialog = new BX.PopupWindow(this.id + '_popup', null,
{
overlay: {opacity: 10},
autoHide: true,
closeByEsc : true,
zIndex: this.zIndex,
offsetLeft: 0,
offsetTop: 0,
draggable: true,
bindOnResize: false,
titleBar: Loc.getMessage('EC_MEETING_ROOM_LIST_TITLE'),
closeIcon: { right : "12px", top : "10px"},
className: 'bxc-popup-window',
buttons: [
new BX.PopupWindowButton({
text: Loc.getMessage('EC_SEC_SLIDER_SAVE'),
events: {click : BX.delegate(function()
{
this.saveValues();
if (this.editDialog)
{
this.editDialog.close();
}
}, this)
}}),
new BX.PopupWindowButtonLink({
text: Loc.getMessage('EC_SEC_SLIDER_CANCEL'),
className: "popup-window-button-link-cancel",
events: {click : BX.delegate(function()
{
if (this.editDialog)
{
this.editDialog.close();
}
}, this)}
})
],
content: this.editDialogContent,
events: {}
});
this.editDialog.show();
return this.editDialogContent;
}
buildLocationEditControl(params)
{
let i;
this.locationEditControlShown = true;
this.editDialogWrap = params.wrap;
// Display meeting room list
this.locationRoomList = [];
this.addNewButtonField = false;
if (Type.isArray(Location.locationList))
{
Location.locationList.forEach(function(room)
{
if (room.NAME !== '' && room.ID)
{
this.locationRoomList.push({
id: parseInt(room.ID),
name: room.NAME
});
}
}, this);
}
if (!this.locationRoomList.length)
{
this.locationRoomList.push({
id: 0,
name: ''
});
}
for (i = 0; i < this.locationRoomList.length; i++)
{
this.addRoomField(this.locationRoomList[i], params.wrap);
}
// Display add button
this.addNewButtonField = {
outerWrap: params.wrap.appendChild(Dom.create('DIV', {props: {className: 'calendar-field-container calendar-field-container-container-text'}}))
};
this.addNewButtonField.innerWrap = this.addNewButtonField.outerWrap.appendChild(Dom.create('DIV', {props: {className: 'calendar-field-block'}}));
this.addNewButtonField.innerCont = this.addNewButtonField.innerWrap.appendChild(Dom.create('DIV', {
props: {className: 'calendar-text'},
html: '<span class="calendar-text-link">' + Loc.getMessage('EC_MEETING_ROOM_ADD') + '</span>',
events: {
click: BX.delegate(function ()
{
let lastItem = this.locationRoomList[this.locationRoomList.length - 1];
if (lastItem.id || lastItem.deleted || BX.util.trim(lastItem.field.input.value))
{
this.locationRoomList.push(this.addRoomField({id: 0}, params.wrap));
}
}, this)
}
}));
params.wrap.appendChild(this.addNewButtonField.outerWrap);
}
addRoomField(room)
{
room.field = {
outerWrap: this.editDialogWrap.appendChild(Dom.create('DIV', {props: {className: 'calendar-field-container calendar-field-container-string'}}))
};
room.field.innerWrap = room.field.outerWrap.appendChild(Dom.create('DIV', {props: {className: 'calendar-field-block'}}));
room.field.innerWrap.style.paddingRight = '40px';
room.field.input = room.field.innerWrap.appendChild(Dom.create('INPUT', {
props: {className: 'calendar-field calendar-field-string'},
attrs: {
value: room.name || '',
placeholder: Loc.getMessage('EC_MEETING_ROOM_PLACEHOLDER'),
type: 'text'
},
events: {
keyup: BX.delegate(function(e)
{
if (parseInt(e.keyCode) === 13)
{
this.editRoom(room);
}
}, this)
}
}));
room.field.delRoomEntry = room.field.innerWrap.appendChild(Dom.create('SPAN', {
props: {className: 'calendar-remove-filed'},
events: {
click: BX.delegate(function()
{
Location.deleteField(room);
}, this)
}
}));
if (this.addNewButtonField)
{
this.editDialogWrap.appendChild(this.addNewButtonField.outerWrap);
}
if (!room.id)
{
room.field.input.focus();
}
return room;
}
editRoom(room)
{
if (!this.locationEditControlShown)
return;
room.field.input.value = BX.util.trim(room.field.input.value);
if (!room.id)
{
if (room.field.input.value && BX.util.trim(room.field.input.value) !== BX.util.trim(room.name))
{
room.name = room.field.input.value;
this.locationRoomList.push(this.addRoomField({id: 0}));
}
}
else
{
if (BX.util.trim(room.field.input.value) !== (room.name))
{
room.name = room.field.input.value;
room.changed = true;
}
}
}
static deleteField(room)
{
BX.remove(room.field.outerWrap, true);
room.deleted = true;
room.changed = true;
}
saveValues()
{
let i, locationList = [];
for (i = 0; i < this.locationRoomList.length; i++)
{
if (this.locationRoomList[i].field && this.locationRoomList[i].field.input)
{
if (this.locationRoomList[i].name !== this.locationRoomList[i].field.input.value && this.locationRoomList[i].id)
{
this.locationRoomList[i].changed = true;
}
this.locationRoomList[i].name = this.locationRoomList[i].field.input.value;
}
if ((!this.locationRoomList[i].deleted && this.locationRoomList[i].name) || this.locationRoomList[i].id)
{
locationList.push({
id: this.locationRoomList[i].id || 0,
name: this.locationRoomList[i].name || '',
changed: (this.locationRoomList[i].changed || !this.locationRoomList[i].id) ? 'Y' : 'N',
deleted: (this.locationRoomList[i].deleted || !this.locationRoomList[i].name) ? 'Y' : 'N'
});
}
}
BX.ajax.runAction('calendar.api.calendarajax.saveLocationList', {
data: {
locationList: locationList
}
})
.then(
// Success
BX.delegate(function(response)
{
Location.setLocationList(response.data.locationList);
this.setValues();
}, this),
// Failure
BX.delegate(function (response)
{
//this.calendar.displayError(response.errors);
}, this)
);
this.locationEditControlShown = false;
}
getTextValue(value)
{
if (!value)
{
value = this.value;
}
let res = value.str || value.text || '';
if (value && value.type === 'mr')
{
res = 'ECMR_' + value.value + (value.mrevid ? '_' + value.mrevid : '');
}
else if (value && value.type === 'calendar')
{
res = 'calendar_' + value.value + (value.room_event_id ? '_' + value.room_event_id : '');
}
return res;
}
getValue()
{
return this.value;
}
setValue(value)
{
if (Type.isPlainObject(value))
{
this.value.text = value.text || '';
this.value.type = value.type || '';
this.value.value = value.value || '';
}
else
{
this.value = Location.parseStringValue(value);
}
this.setValues();
}
// parseLocation
static parseStringValue(str)
{
if (!Type.isString(str))
{
str = '';
}
let
res = {
type : false,
value : false,
str : str
};
if (str.substr(0, 5) === 'ECMR_')
{
res.type = 'mr';
let value = str.split('_');
if (value.length >= 2)
{
if (!isNaN(parseInt(value[1])) && parseInt(value[1]) > 0)
{
res.value = res.mrid = parseInt(value[1]);
}
if (!isNaN(parseInt(value[2])) && parseInt(value[2]) > 0)
{
res.mrevid = parseInt(value[2]);
}
}
}
else if (str.substr(0, 9) === 'calendar_')
{
res.type = 'calendar';
let value = str.split('_');
if (value.length >= 2)
{
if (!isNaN(parseInt(value[1])) && parseInt(value[1]) > 0)
{
res.value = res.room_id = parseInt(value[1]);
}
if (!isNaN(parseInt(value[2])) && parseInt(value[2]) > 0)
{
res.room_event_id = parseInt(value[2]);
}
}
}
return res;
}
getTextLocation(location)
{
let
value = Type.isPlainObject(location) ? location : Location.parseStringValue(location),
i, str = value.str;
if (Type.isArray(this.meetingRooms) && value.type === 'mr')
{
for (i = 0; i < this.meetingRooms.length; i++)
{
if (parseInt(value.value) === parseInt(this.meetingRooms[i].ID))
{
str = this.meetingRooms[i].NAME;
break;
}
}
}
if (Type.isArray(Location.locationList) && value.type === 'calendar')
{
for (i = 0; i < Location.locationList.length; i++)
{
if (parseInt(value.value) === parseInt(Location.locationList[i].ID))
{
str = Location.locationList[i].NAME;
break;
}
}
}
return str;
}
static setLocationList(locationList)
{
if (Type.isArray(locationList))
{
Location.locationList = locationList;
}
}
static getLocationList()
{
return Location.locationList;
}
static setMeetingRoomList(meetingRoomList)
{
if (Type.isArray(meetingRoomList))
{
Location.meetingRoomList = meetingRoomList;
}
}
static getMeetingRoomList()
{
return Location.meetingRoomList;
}
}