Your IP : 216.73.216.86
import {Loc} from 'main.core';
let
BX = window.BX,
BXMobileApp = window.BXMobileApp;
let nodeDate = (function ()
{
let nodeDate = function (node, type, container, formats)
{
this.type = type;
this.node = node;
this.container = container;
this.click = BX.delegate(this.click, this);
this.callback = BX.delegate(this.callback, this);
BX.bind(this.container, 'click', this.click);
BX.bind(this.container.parentNode, 'click', this.click);
//this.type = 'datetime'; // 'datetime', 'date', 'time'
this.format = {
inner: {
datetime: 'dd.MM.yyyy H:mm',
time: 'H:mm',
date: 'dd.MM.yyyy'
},
bitrix: {
datetime: null,
time: null,
date: null
},
visible: {
datetime: null,
time: null,
date: null
}
};
this.init(formats);
};
nodeDate.prototype = {
click: function (e)
{
BX.eventCancelBubble(e);
this.show();
return BX.PreventDefault(e);
},
show: function ()
{
let res = {
type: this.type,
start_date: this.getStrDate(this.node.value),
format: this.format.inner[this.type],
callback: this.callback
};
if (res['start_date'] == '')
{
delete res['start_date'];
}
BXMobileApp.UI.DatePicker.setParams(res);
BXMobileApp.UI.DatePicker.show();
},
callback: function (data)
{
let d = this.makeDate(data);
this.node.value = BX.date.format(this.format.bitrix[this.type], d);
let text = BX.date.format(BX.clone(this.format.visible[this.type]), d);
if (!BX.type.isNotEmptyString(text))
{
text = this.container.getAttribute('placeholder') || ' ';
}
this.container.innerHTML = text;
if (this.delButton)
{
this.delButton.style.display = 'inline-block';
}
BX.onCustomEvent(this, 'onChange', [this, this.node]);
},
makeDate: function (str)
{
//Format: 'day.month.year hour:minute'
let d = new Date();
if (BX.type.isNotEmptyString(str))
{
let dateR = new RegExp('(\\d{2}).(\\d{2}).(\\d{4})'),
timeR = new RegExp('(\\d{1,2}):(\\d{1,2})'),
m;
if (dateR.test(str) && (m = dateR.exec(str)) && m)
{
d.setDate(m[1]);
d.setMonth((m[2] - 1));
d.setFullYear(m[3])
}
if (timeR.test(str) && (m = timeR.exec(str)) && m)
{
d.setHours(m[1]);
d.setMinutes(m[2]);
d.setSeconds(0);
}
}
return d;
},
getStrDate: function (value)
{
let d = BX.parseDate(value), res = '';
if (d !== null)
{
if (this.type == 'date' || this.type == 'datetime')
{
res = BX.util.str_pad_left(d.getDate().toString(), 2, '0') + '.' +
BX.util.str_pad_left((d.getMonth() + 1).toString(), 2, '0') + '.' +
d.getFullYear().toString();
}
if (this.type == 'datetime')
{
res += ' ';
}
if (this.type == 'time' || this.type == 'datetime')
{
res += BX.util.str_pad_left(d.getHours().toString(), 2, '0') + ':' + d.getMinutes().toString();
}
}
return res;
},
init: function (formats)
{
let DATETIME_FORMAT = BX.date.convertBitrixFormat(Loc.getMessage('FORMAT_DATETIME')),
DATE_FORMAT = BX.date.convertBitrixFormat(Loc.getMessage('FORMAT_DATE')),
TIME_FORMAT;
if ((DATETIME_FORMAT.substr(0, DATE_FORMAT.length) == DATE_FORMAT))
{
TIME_FORMAT = BX.util.trim(DATETIME_FORMAT.substr(DATE_FORMAT.length));
}
else
{
TIME_FORMAT = BX.date.convertBitrixFormat(DATETIME_FORMAT.indexOf('T') >= 0 ? 'H:MI:SS T' : 'HH:MI:SS');
}
this.format.bitrix.datetime = DATETIME_FORMAT;
this.format.bitrix.date = DATE_FORMAT;
this.format.bitrix.time = TIME_FORMAT;
formats = (formats || {});
this.format.visible.datetime = (formats['datetime'] || DATETIME_FORMAT.replace(':s', ''));
this.format.visible.date = (formats['date'] || DATE_FORMAT);
this.format.visible.time = (formats['time'] || TIME_FORMAT.replace(':s', ''));
this.format.visible.datetime = [
['today', 'today, ' + this.format.visible.time],
['tommorow', 'tommorow, ' + this.format.visible.time],
['yesterday', 'yesterday, ' + this.format.visible.time],
['', this.format.visible.datetime]
];
this.format.visible.date = [
['today', 'today'],
['tommorow', 'tommorow'],
['yesterday', 'yesterday'],
['', this.format.visible.date]
];
this.delButton = BX(`${this.node.id}_del`);
if (this.delButton)
{
BX.bind(this.delButton, 'click', BX.proxy(this.drop, this));
}
},
drop: function (e)
{
if (e)
{
BX.eventCancelBubble(e);
BX.PreventDefault(e);
}
this.node.value = '';
this.container.innerHTML = this.container.getAttribute('placeholder');
if (this.delButton)
{
this.delButton.style.display = 'none';
}
BX.onCustomEvent(this, 'onChange', [this, this.node]);
return false;
}
};
return nodeDate;
})();
window.app.exec('enableCaptureKeyboard', true);
BX.Mobile.Field.Date = function (params)
{
this.init(params);
};
BX.Mobile.Field.Date.prototype = {
__proto__: BX.Mobile.Field.prototype,
bindElement: function (node)
{
let result = null;
if (BX(node))
{
let type = (
node.hasAttribute('data-bx-type') ?
node.getAttribute('data-bx-type').toLowerCase() : ''
);
result = new nodeDate(node, type, BX(`${node.id}_container`), this.format);
}
return result;
}
};