.-.-.-.-.-

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;
	}
}

/var/www/axolotl/data/www/yar.axolotls.ru/bitrix/js/../js/calendar/controls/src/location.js