|
|
|
/*!
|
|
|
|
* Webogram v0.5.4 - messaging web application for MTProto
|
|
|
|
* https://github.com/zhukov/webogram
|
|
|
|
* Copyright (C) 2014 Igor Zhukov <igor.beatle@gmail.com>
|
|
|
|
* https://github.com/zhukov/webogram/blob/master/LICENSE
|
|
|
|
*/
|
|
|
|
|
|
|
|
var _logTimer = (new Date()).getTime();
|
|
|
|
function dT () {
|
|
|
|
return '[' + (((new Date()).getTime() - _logTimer) / 1000).toFixed(3) + ']';
|
|
|
|
}
|
|
|
|
|
|
|
|
function checkClick (e, noprevent) {
|
|
|
|
if (e.which == 1 && (e.ctrlKey || e.metaKey) || e.which == 2) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!noprevent) {
|
|
|
|
e.preventDefault();
|
|
|
|
}
|
|
|
|
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
function isInDOM (element, parentNode) {
|
|
|
|
if (!element) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
parentNode = parentNode || document.body;
|
|
|
|
if (element == parentNode) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
return isInDOM(element.parentNode, parentNode)
|
|
|
|
}
|
|
|
|
|
|
|
|
function checkDragEvent(e) {
|
|
|
|
if (!e || e.target && (e.target.tagName == 'IMG' || e.target.tagName == 'A')) return false;
|
|
|
|
if (e.dataTransfer && e.dataTransfer.types) {
|
|
|
|
for (var i = 0; i < e.dataTransfer.types.length; i++) {
|
|
|
|
if (e.dataTransfer.types[i] == 'Files') {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
function cancelEvent (event) {
|
|
|
|
event = event || window.event;
|
|
|
|
if (event) {
|
|
|
|
event = event.originalEvent || event;
|
|
|
|
|
|
|
|
if (event.stopPropagation) event.stopPropagation();
|
|
|
|
if (event.preventDefault) event.preventDefault();
|
|
|
|
event.returnValue = false;
|
|
|
|
event.cancelBubble = true;
|
|
|
|
}
|
|
|
|
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
function hasOnlick (element) {
|
|
|
|
if (element.onclick ||
|
|
|
|
element.getAttribute('ng-click')) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
var events = $._data(element, 'events');
|
|
|
|
if (events && (events.click || events.mousedown)) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
function getScrollWidth() {
|
|
|
|
var outer = $('<div>').css({
|
|
|
|
position: 'absolute',
|
|
|
|
width: 100,
|
|
|
|
height: 100,
|
|
|
|
overflow: 'scroll',
|
|
|
|
top: -9999
|
|
|
|
}).appendTo($(document.body));
|
|
|
|
|
|
|
|
var scrollbarWidth = outer[0].offsetWidth - outer[0].clientWidth;
|
|
|
|
outer.remove();
|
|
|
|
|
|
|
|
return scrollbarWidth;
|
|
|
|
};
|
|
|
|
|
|
|
|
function onCtrlEnter (textarea, cb) {
|
|
|
|
$(textarea).on('keydown', function (e) {
|
|
|
|
if (e.keyCode == 13 && (e.ctrlKey || e.metaKey)) {
|
|
|
|
cb();
|
|
|
|
return cancelEvent(e);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
function setFieldSelection(field, from, to) {
|
|
|
|
field = $(field)[0];
|
|
|
|
try {
|
|
|
|
field.focus();
|
|
|
|
if (from === undefined || from === false) {
|
|
|
|
from = field.value.length;
|
|
|
|
}
|
|
|
|
if (to === undefined || to === false) {
|
|
|
|
to = from;
|
|
|
|
}
|
|
|
|
if (field.createTextRange) {
|
|
|
|
var range = field.createTextRange();
|
|
|
|
range.collapse(true);
|
|
|
|
range.moveEnd('character', to);
|
|
|
|
range.moveStart('character', from);
|
|
|
|
range.select();
|
|
|
|
}
|
|
|
|
else if (field.setSelectionRange) {
|
|
|
|
field.setSelectionRange(from, to);
|
|
|
|
}
|
|
|
|
} catch(e) {}
|
|
|
|
}
|
|
|
|
|
|
|
|
function getFieldSelection (field) {
|
|
|
|
if (field.selectionStart) {
|
|
|
|
return field.selectionStart;
|
|
|
|
}
|
|
|
|
else if (!document.selection) {
|
|
|
|
return 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
var c = "\001",
|
|
|
|
sel = document.selection.createRange(),
|
|
|
|
txt = sel.text,
|
|
|
|
dup = sel.duplicate(),
|
|
|
|
len = 0;
|
|
|
|
|
|
|
|
try {
|
|
|
|
dup.moveToElementText(field);
|
|
|
|
} catch(e) {
|
|
|
|
return 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
sel.text = txt + c;
|
|
|
|
len = dup.text.indexOf(c);
|
|
|
|
sel.moveStart('character', -1);
|
|
|
|
sel.text = '';
|
|
|
|
|
|
|
|
// if (browser.msie && len == -1) {
|
|
|
|
// return field.value.length;
|
|
|
|
// }
|
|
|
|
return len;
|
|
|
|
}
|
|
|
|
|
|
|
|
function getRichValue(field) {
|
|
|
|
if (!field) {
|
|
|
|
return '';
|
|
|
|
}
|
|
|
|
var lines = [];
|
|
|
|
var line = [];
|
|
|
|
|
|
|
|
getRichElementValue(field, lines, line);
|
|
|
|
if (line.length) {
|
|
|
|
lines.push(line.join(''));
|
|
|
|
}
|
|
|
|
|
|
|
|
var value = lines.join('\n');
|
|
|
|
value = value.replace(/\u00A0/g, ' ');
|
|
|
|
|
|
|
|
return value;
|
|
|
|
}
|
|
|
|
|
|
|
|
function getRichValueWithCaret(field) {
|
|
|
|
if (!field) {
|
|
|
|
return [];
|
|
|
|
}
|
|
|
|
var lines = [];
|
|
|
|
var line = [];
|
|
|
|
|
|
|
|
var sel = window.getSelection ? window.getSelection() : false;
|
|
|
|
var selNode, selOffset;
|
|
|
|
if (sel && sel.rangeCount) {
|
|
|
|
var range = sel.getRangeAt(0);
|
|
|
|
if (range.startContainer &&
|
|
|
|
range.startContainer == range.endContainer &&
|
|
|
|
range.startOffset == range.endOffset) {
|
|
|
|
selNode = range.startContainer;
|
|
|
|
selOffset = range.startOffset;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
getRichElementValue(field, lines, line, selNode, selOffset);
|
|
|
|
|
|
|
|
if (line.length) {
|
|
|
|
lines.push(line.join(''));
|
|
|
|
}
|
|
|
|
|
|
|
|
var value = lines.join('\n');
|
|
|
|
var caretPos = value.indexOf('\001');
|
|
|
|
if (caretPos != -1) {
|
|
|
|
value = value.substr(0, caretPos) + value.substr(caretPos + 1);
|
|
|
|
}
|
|
|
|
value = value.replace(/\u00A0/g, ' ');
|
|
|
|
|
|
|
|
return [value, caretPos];
|
|
|
|
}
|
|
|
|
|
|
|
|
function getRichElementValue(node, lines, line, selNode, selOffset) {
|
|
|
|
if (node.nodeType == 3) { // TEXT
|
|
|
|
if (selNode === node) {
|
|
|
|
var value = node.nodeValue;
|
|
|
|
line.push(value.substr(0, selOffset) + '\001' + value.substr(selOffset));
|
|
|
|
} else {
|
|
|
|
line.push(node.nodeValue);
|
|
|
|
}
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
if (node.nodeType != 1) { // NON-ELEMENT
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
var isSelected = (selNode === node);
|
|
|
|
var isBlock = node.tagName == 'DIV' || node.tagName == 'P';
|
|
|
|
var curChild;
|
|
|
|
if (isBlock && line.length || node.tagName == 'BR') {
|
|
|
|
lines.push(line.join(''));
|
|
|
|
line.splice(0, line.length);
|
|
|
|
}
|
|
|
|
else if (node.tagName == 'IMG') {
|
|
|
|
if (node.alt) {
|
|
|
|
line.push(node.alt);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (isSelected && !selOffset) {
|
|
|
|
line.push('\001');
|
|
|
|
}
|
|
|
|
var curChild = node.firstChild;
|
|
|
|
while (curChild) {
|
|
|
|
getRichElementValue(curChild, lines, line, selNode, selOffset);
|
|
|
|
curChild = curChild.nextSibling;
|
|
|
|
}
|
|
|
|
if (isSelected && selOffset) {
|
|
|
|
line.push('\001');
|
|
|
|
}
|
|
|
|
if (isBlock && line.length) {
|
|
|
|
lines.push(line.join(''));
|
|
|
|
line.splice(0, line.length);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function setRichFocus(field, selectNode, noCollapse) {
|
|
|
|
field.focus();
|
|
|
|
if (selectNode &&
|
|
|
|
selectNode.parentNode == field &&
|
|
|
|
!selectNode.nextSibling &&
|
|
|
|
!noCollapse) {
|
|
|
|
field.removeChild(selectNode);
|
|
|
|
selectNode = null;
|
|
|
|
}
|
|
|
|
if (window.getSelection && document.createRange) {
|
|
|
|
var range = document.createRange();
|
|
|
|
if (selectNode) {
|
|
|
|
range.selectNode(selectNode);
|
|
|
|
} else {
|
|
|
|
range.selectNodeContents(field);
|
|
|
|
}
|
|
|
|
if (!noCollapse) {
|
|
|
|
range.collapse(false);
|
|
|
|
}
|
|
|
|
|
|
|
|
var sel = window.getSelection();
|
|
|
|
sel.removeAllRanges();
|
|
|
|
sel.addRange(range);
|
|
|
|
}
|
|
|
|
else if (document.body.createTextRange !== undefined) {
|
|
|
|
var textRange = document.body.createTextRange();
|
|
|
|
textRange.moveToElementText(selectNode || field);
|
|
|
|
if (!noCollapse) {
|
|
|
|
textRange.collapse(false);
|
|
|
|
}
|
|
|
|
textRange.select();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function getSelectedText () {
|
|
|
|
var sel = (
|
|
|
|
window.getSelection && window.getSelection() ||
|
|
|
|
document.getSelection && document.getSelection() ||
|
|
|
|
document.selection && document.selection.createRange().text || ''
|
|
|
|
).toString().replace(/^\s+|\s+$/g, '');
|
|
|
|
|
|
|
|
return sel;
|
|
|
|
}
|
|
|
|
|
|
|
|
function scrollToNode (scrollable, node, scroller) {
|
|
|
|
var elTop = node.offsetTop - 15,
|
|
|
|
elHeight = node.offsetHeight + 30,
|
|
|
|
scrollTop = scrollable.scrollTop,
|
|
|
|
viewportHeight = scrollable.clientHeight;
|
|
|
|
|
|
|
|
if (scrollTop > elTop) { // we are below the node to scroll
|
|
|
|
scrollable.scrollTop = elTop;
|
|
|
|
$(scroller).nanoScroller({flash: true});
|
|
|
|
}
|
|
|
|
else if (scrollTop < elTop + elHeight - viewportHeight) { // we are over the node to scroll
|
|
|
|
scrollable.scrollTop = elTop + elHeight - viewportHeight;
|
|
|
|
$(scroller).nanoScroller({flash: true});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (Config.Modes.animations &&
|
|
|
|
typeof window.requestAnimationFrame == 'function') {
|
|
|
|
window.onAnimationFrameCallback = function (cb) {
|
|
|
|
return (function () {
|
|
|
|
window.requestAnimationFrame(cb);
|
|
|
|
});
|
|
|
|
};
|
|
|
|
} else {
|
|
|
|
window.onAnimationFrameCallback = function (cb) {
|
|
|
|
return cb;
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
function onContentLoaded (cb) {
|
|
|
|
cb = onAnimationFrameCallback(cb);
|
|
|
|
setZeroTimeout(cb);
|
|
|
|
}
|
|
|
|
|
|
|
|
function tsNow (seconds) {
|
|
|
|
var t = +new Date() + (window.tsOffset || 0);
|
|
|
|
return seconds ? Math.floor(t / 1000) : t;
|
|
|
|
}
|
|
|
|
|
|
|
|
function safeReplaceObject (wasObject, newObject) {
|
|
|
|
for (var key in wasObject) {
|
|
|
|
if (!newObject.hasOwnProperty(key) && key.charAt(0) != '$') {
|
|
|
|
delete wasObject[key];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
for (var key in newObject) {
|
|
|
|
if (newObject.hasOwnProperty(key)) {
|
|
|
|
wasObject[key] = newObject[key];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function listMergeSorted (list1, list2) {
|
|
|
|
list1 = list1 || [];
|
|
|
|
list2 = list2 || [];
|
|
|
|
|
|
|
|
var result = angular.copy(list1);
|
|
|
|
|
|
|
|
var minID = list1.length ? list1[list1.length - 1] : 0xFFFFFFFF;
|
|
|
|
for (var i = 0; i < list2.length; i++) {
|
|
|
|
if (list2[i] < minID) {
|
|
|
|
result.push(list2[i]);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return result;
|
|
|
|
}
|
|
|
|
|
|
|
|
function listUniqSorted (list) {
|
|
|
|
list = list || [];
|
|
|
|
var resultList = [],
|
|
|
|
prev = false;
|
|
|
|
for (var i = 0; i < list.length; i++) {
|
|
|
|
if (list[i] !== prev) {
|
|
|
|
resultList.push(list[i])
|
|
|
|
}
|
|
|
|
prev = list[i];
|
|
|
|
}
|
|
|
|
|
|
|
|
return resultList;
|
|
|
|
}
|
|
|
|
|
|
|
|
function templateUrl (tplName) {
|
|
|
|
var forceLayout = {
|
|
|
|
confirm_modal: 'desktop',
|
|
|
|
error_modal: 'desktop',
|
|
|
|
media_modal_layout: 'desktop',
|
|
|
|
slider: 'desktop',
|
|
|
|
reply_message: 'desktop',
|
|
|
|
message_body: 'desktop',
|
|
|
|
message_media: 'desktop',
|
|
|
|
forwarded_messages: 'desktop',
|
|
|
|
chat_invite_link_modal: 'desktop',
|
|
|
|
reply_markup: 'desktop',
|
|
|
|
short_message: 'desktop',
|
|
|
|
pinned_message: 'desktop',
|
|
|
|
channel_edit_modal: 'desktop',
|
|
|
|
megagroup_edit_modal: 'desktop',
|
|
|
|
inline_results: 'desktop',
|
|
|
|
composer_dropdown: 'desktop'
|
|
|
|
};
|
|
|
|
var layout = forceLayout[tplName] || (Config.Mobile ? 'mobile' : 'desktop');
|
|
|
|
return 'partials/' + layout + '/' + tplName + '.html';
|
|
|
|
}
|
|
|
|
|
|
|
|
function encodeEntities(value) {
|
|
|
|
return value.
|
|
|
|
replace(/&/g, '&').
|
|
|
|
replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g, function (value) {
|
|
|
|
var hi = value.charCodeAt(0);
|
|
|
|
var low = value.charCodeAt(1);
|
|
|
|
return '&#' + (((hi - 0xD800) * 0x400) + (low - 0xDC00) + 0x10000) + ';';
|
|
|
|
}).
|
|
|
|
replace(/([^\#-~| |!])/g, function (value) { // non-alphanumeric
|
|
|
|
return '&#' + value.charCodeAt(0) + ';';
|
|
|
|
}).
|
|
|
|
replace(/</g, '<').
|
|
|
|
replace(/>/g, '>');
|
|
|
|
}
|
|
|
|
|
|
|
|
function calcImageInBox(imageW, imageH, boxW, boxH, noZooom) {
|
|
|
|
var boxedImageW = boxW;
|
|
|
|
var boxedImageH = boxH;
|
|
|
|
|
|
|
|
if ((imageW / imageH) > (boxW / boxH)) {
|
|
|
|
boxedImageH = parseInt(imageH * boxW / imageW);
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
boxedImageW = parseInt(imageW * boxH / imageH);
|
|
|
|
if (boxedImageW > boxW) {
|
|
|
|
boxedImageH = parseInt(boxedImageH * boxW / boxedImageW);
|
|
|
|
boxedImageW = boxW;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// if (Config.Navigator.retina) {
|
|
|
|
// imageW = Math.floor(imageW / 2);
|
|
|
|
// imageH = Math.floor(imageH / 2);
|
|
|
|
// }
|
|
|
|
|
|
|
|
if (noZooom && boxedImageW >= imageW && boxedImageH >= imageH) {
|
|
|
|
boxedImageW = imageW;
|
|
|
|
boxedImageH = imageH;
|
|
|
|
}
|
|
|
|
|
|
|
|
return {w: boxedImageW, h: boxedImageH};
|
|
|
|
}
|
|
|
|
|
|
|
|
function versionCompare (ver1, ver2) {
|
|
|
|
if (typeof ver1 !== 'string') {
|
|
|
|
ver1 = '';
|
|
|
|
}
|
|
|
|
if (typeof ver2 !== 'string') {
|
|
|
|
ver2 = '';
|
|
|
|
}
|
|
|
|
ver1 = ver1.replace(/^\s+|\s+$/g, '').split('.');
|
|
|
|
ver2 = ver2.replace(/^\s+|\s+$/g, '').split('.');
|
|
|
|
|
|
|
|
var a = Math.max(ver1.length, ver2.length), i;
|
|
|
|
|
|
|
|
for (i = 0; i < a; i++) {
|
|
|
|
if (ver1[i] == ver2[i]) {
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
if (ver1[i] > ver2[i]) {
|
|
|
|
return 1;
|
|
|
|
} else {
|
|
|
|
return -1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
(function (global) {
|
|
|
|
|
|
|
|
var badCharsRe = /[`~!@#$%^&*()\-_=+\[\]\\|{}'";:\/?.>,<\s]+/g,
|
|
|
|
trimRe = /^\s+|\s$/g;
|
|
|
|
|
|
|
|
function createIndex () {
|
|
|
|
return {
|
|
|
|
shortIndexes: {},
|
|
|
|
fullTexts: {}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function cleanSearchText (text) {
|
|
|
|
var hasTag = text.charAt(0) == '%';
|
|
|
|
text = text.replace(badCharsRe, ' ').replace(trimRe, '');
|
|
|
|
text = text.replace(/[^A-Za-z0-9]/g, function (ch) {
|
|
|
|
return Config.LatinizeMap[ch] || ch;
|
|
|
|
});
|
|
|
|
text = text.toLowerCase();
|
|
|
|
if (hasTag) {
|
|
|
|
text = '%' + text;
|
|
|
|
}
|
|
|
|
|
|
|
|
return text;
|
|
|
|
}
|
|
|
|
|
|
|
|
function cleanUsername (username) {
|
|
|
|
return username && username.toLowerCase() || '';
|
|
|
|
}
|
|
|
|
|
|
|
|
function indexObject (id, searchText, searchIndex) {
|
|
|
|
if (searchIndex.fullTexts[id] !== undefined) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
searchText = cleanSearchText(searchText);
|
|
|
|
|
|
|
|
if (!searchText.length) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
var shortIndexes = searchIndex.shortIndexes;
|
|
|
|
|
|
|
|
searchIndex.fullTexts[id] = searchText;
|
|
|
|
|
|
|
|
angular.forEach(searchText.split(' '), function(searchWord) {
|
|
|
|
var len = Math.min(searchWord.length, 3),
|
|
|
|
wordPart, i;
|
|
|
|
for (i = 1; i <= len; i++) {
|
|
|
|
wordPart = searchWord.substr(0, i);
|
|
|
|
if (shortIndexes[wordPart] === undefined) {
|
|
|
|
shortIndexes[wordPart] = [id];
|
|
|
|
} else {
|
|
|
|
shortIndexes[wordPart].push(id);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
function search (query, searchIndex) {
|
|
|
|
var shortIndexes = searchIndex.shortIndexes,
|
|
|
|
fullTexts = searchIndex.fullTexts;
|
|
|
|
|
|
|
|
query = cleanSearchText(query);
|
|
|
|
|
|
|
|
var queryWords = query.split(' '),
|
|
|
|
foundObjs = false,
|
|
|
|
newFoundObjs, i, j, searchText, found;
|
|
|
|
|
|
|
|
for (i = 0; i < queryWords.length; i++) {
|
|
|
|
newFoundObjs = shortIndexes[queryWords[i].substr(0, 3)];
|
|
|
|
if (!newFoundObjs) {
|
|
|
|
foundObjs = [];
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
if (foundObjs === false || foundObjs.length > newFoundObjs.length) {
|
|
|
|
foundObjs = newFoundObjs;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
newFoundObjs = {};
|
|
|
|
|
|
|
|
for (j = 0; j < foundObjs.length; j++) {
|
|
|
|
found = true;
|
|
|
|
searchText = fullTexts[foundObjs[j]];
|
|
|
|
for (i = 0; i < queryWords.length; i++) {
|
|
|
|
if (searchText.indexOf(queryWords[i]) == -1) {
|
|
|
|
found = false;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (found) {
|
|
|
|
newFoundObjs[foundObjs[j]] = true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return newFoundObjs;
|
|
|
|
}
|
|
|
|
|
|
|
|
global.SearchIndexManager = {
|
|
|
|
createIndex: createIndex,
|
|
|
|
indexObject: indexObject,
|
|
|
|
cleanSearchText: cleanSearchText,
|
|
|
|
cleanUsername: cleanUsername,
|
|
|
|
search: search
|
|
|
|
};
|
|
|
|
|
|
|
|
})(window);
|