mirror of
https://github.com/MarshalX/telegram-crawler.git
synced 2025-03-14 04:51:42 +01:00
Update content of files
This commit is contained in:
GitHub Action
parent
fd5124d9b0
commit
829e57d7b4
4 changed files with 5598 additions and 3 deletions
|
|
@ -2729,9 +2729,6 @@ var Stars = {
|
|||
if (result.html) {
|
||||
Stars.updateContent(result.html);
|
||||
} else {
|
||||
if (result.history_html) {
|
||||
Stars.updateHistory(result.history_html);
|
||||
}
|
||||
if (result.options_html) {
|
||||
Stars.updateOptions(result.options_html);
|
||||
}
|
||||
|
|
@ -2932,6 +2929,7 @@ var Stars = {
|
|||
var stars = $form.field('stars').value();
|
||||
$('.js-stars-options').replaceWith(html);
|
||||
$form.field('stars').value(stars);
|
||||
$('.js-stars-options .tm-second-option:has(input:checked)').removeClass('tm-second-option');
|
||||
},
|
||||
eBuyStars: function(e) {
|
||||
e.stopImmediatePropagation();
|
||||
|
|
@ -3112,6 +3110,343 @@ var Stars = {
|
|||
}
|
||||
};
|
||||
|
||||
var StarsGiveaway = {
|
||||
init: function() {
|
||||
Aj.onLoad(function(state) {
|
||||
var cont = Aj.ajContainer;
|
||||
$(cont).on('click.curPage', '.js-another-giveaway-btn', StarsGiveaway.eMoreGiveawayStars);
|
||||
$(cont).on('click.curPage', '.js-giveaway-stars-btn', StarsGiveaway.eGiveawayStars);
|
||||
$(cont).on('click.curPage', '.js-more-options', StarsGiveaway.eShowMoreOptions);
|
||||
state.$giveawayStarsPopup = $('.js-giveaway-stars-popup');
|
||||
$(cont).on('submit.curPage', '.js-giveaway-stars-form', StarsGiveaway.eGiveawayStarsSubmit);
|
||||
state.$giveawayStarsForm = $('.js-giveaway-stars-form');
|
||||
state.$starsSearchField = $('.js-stars-search-field');
|
||||
state.$starsSearchForm = $('.js-stars-form');
|
||||
state.$starsSearchForm.on('submit', StarsGiveaway.eSearchSubmit);
|
||||
state.$starsSearchForm.field('query').on('input', StarsGiveaway.eSearchInput);
|
||||
state.$starsSearchForm.field('query').on('change', StarsGiveaway.eSearchChange);
|
||||
$('.js-form-clear', state.$starsSearchForm).on('click', StarsGiveaway.eSearchClear);
|
||||
state.$starsQuantityField = $('.js-stars-quantity-field');
|
||||
state.$starsSearchForm.field('quantity').on('change', StarsGiveaway.eQuantityChanged);
|
||||
state.$starsSearchForm.on('change', '.js-stars-options input.radio', StarsGiveaway.eRadioChanged);
|
||||
state.$giveawayStarsBtn = $('.js-giveaway-stars-btn');
|
||||
state.$starsBuyBtn = $('.js-stars-buy-btn');
|
||||
state.curQuantity = state.$starsSearchForm.field('quantity').value();
|
||||
state.updLastReq = +Date.now();
|
||||
if (state.needUpdate) {
|
||||
state.updStateTo = setTimeout(StarsGiveaway.updateState, Main.UPDATE_PERIOD);
|
||||
}
|
||||
$(cont).on('click.curPage', '.js-preview-sticker', function() {
|
||||
RLottie.playUntilEnd(this);
|
||||
});
|
||||
$('.js-preview-sticker').each(function() {
|
||||
RLottie.init(this, {playUntilEnd: true});
|
||||
});
|
||||
RLottie.init();
|
||||
});
|
||||
Aj.onUnload(function(state) {
|
||||
clearTimeout(state.updStateTo);
|
||||
state.needUpdate = false;
|
||||
Main.destroyForm(state.$giveawayStarsForm);
|
||||
state.$starsSearchForm.off('submit', StarsGiveaway.eSearchSubmit);
|
||||
state.$starsSearchForm.field('query').off('input', StarsGiveaway.eSearchInput);
|
||||
state.$starsSearchForm.field('query').off('change', StarsGiveaway.eSearchChange);
|
||||
$('.js-form-clear', state.$starsSearchForm).off('click', StarsGiveaway.eSearchClear);
|
||||
state.$starsSearchForm.field('quantity').off('change', StarsGiveaway.eQuantityChanged);
|
||||
state.$starsSearchForm.off('change', '.js-stars-options input.radio', StarsGiveaway.eRadioChanged);
|
||||
state.$giveawayStarsForm.off('change', 'input.checkbox', StarsGiveaway.eCheckboxChanged);
|
||||
$('.js-preview-sticker').each(function() {
|
||||
RLottie.destroy(this);
|
||||
});
|
||||
});
|
||||
},
|
||||
updateState: function(force) {
|
||||
var now = +Date.now();
|
||||
if (document.hasFocus() || force ||
|
||||
Aj.state.updLastReq && (now - Aj.state.updLastReq) > Main.FORCE_UPDATE_PERIOD) {
|
||||
Aj.state.updLastReq = now;
|
||||
Aj.apiRequest('updateStarsGiveawayState', {
|
||||
mode: Aj.state.mode,
|
||||
lv: Aj.state.lastVer,
|
||||
dh: Aj.state.lastDh
|
||||
}, function(result) {
|
||||
if (result.mode) {
|
||||
Aj.state.mode = result.mode;
|
||||
}
|
||||
if (result.html) {
|
||||
StarsGiveaway.updateContent(result.html);
|
||||
} else {
|
||||
if (result.options_html) {
|
||||
StarsGiveaway.updateOptions(result.options_html);
|
||||
}
|
||||
}
|
||||
if (result.lv) {
|
||||
Aj.state.lastVer = result.lv;
|
||||
if (Aj.state.$sentPopup) {
|
||||
closePopup(Aj.state.$sentPopup);
|
||||
}
|
||||
}
|
||||
if (result.dh) {
|
||||
Aj.state.lastDh = result.dh;
|
||||
}
|
||||
if (Aj.state.needUpdate && result.need_update) {
|
||||
Aj.state.updStateTo = setTimeout(StarsGiveaway.updateState, Main.UPDATE_PERIOD);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
if (Aj.state.needUpdate) {
|
||||
Aj.state.updStateTo = setTimeout(StarsGiveaway.updateState, Main.CHECK_PERIOD);
|
||||
}
|
||||
}
|
||||
},
|
||||
eShowMoreOptions: function(e) {
|
||||
e.preventDefault();
|
||||
StarsGiveaway.toggleOptions(true);
|
||||
},
|
||||
toggleOptions: function(expand) {
|
||||
Aj.state.$starsSearchForm.toggleClass('options-expanded', expand).toggleClass('options-collapsed', !expand);
|
||||
},
|
||||
eSearchInput: function(e) {
|
||||
var $field = Aj.state.$starsSearchField;
|
||||
$('.js-search-field-error').html('');
|
||||
$field.removeClass('error');
|
||||
},
|
||||
eSearchChange: function(e) {
|
||||
StarsGiveaway.searchSubmit();
|
||||
},
|
||||
eSearchClear: function(e) {
|
||||
var $form = Aj.state.$starsSearchForm;
|
||||
var $field = Aj.state.$starsSearchField;
|
||||
var $btn = Aj.state.$giveawayStarsBtn;
|
||||
$form.field('recipient').value('');
|
||||
$form.field('query').value('').prop('disabled', false).focus();
|
||||
$btn.prop('disabled', true);
|
||||
$field.removeClass('found');
|
||||
$('.js-search-field-error').html('');
|
||||
$field.removeClass('error');
|
||||
StarsGiveaway.updateUrl();
|
||||
},
|
||||
eQuantityChanged: function() {
|
||||
var $form = Aj.state.$starsSearchForm;
|
||||
var stars = $form.field('stars').value();
|
||||
var quantity = +$form.field('quantity').value();
|
||||
Aj.state.$starsQuantityField.addClass('loading').removeClass('play').redraw().addClass('play');
|
||||
Aj.apiRequest('updateStarsGiveawayPrices', {
|
||||
quantity: quantity,
|
||||
stars: stars
|
||||
}, function(result) {
|
||||
var $form = Aj.state.$starsSearchForm;
|
||||
var $field = Aj.state.$starsQuantityField;
|
||||
var $btn = Aj.state.$giveawayStarsBtn;
|
||||
if (result.error) {
|
||||
$('.js-quantity-field-error').html(result.error);
|
||||
$field.addClass('error').removeClass('found');
|
||||
quantity = 0;
|
||||
} else {
|
||||
$('.js-quantity-field-error').html('');
|
||||
$field.removeClass('error');
|
||||
}
|
||||
$('.js-per-user-value').html(result.per_user);
|
||||
if (result.placeholder) {
|
||||
$form.field('quantity').attr('placeholder', result.placeholder);
|
||||
}
|
||||
if (result.options_html) {
|
||||
StarsGiveaway.updateOptions(result.options_html);
|
||||
}
|
||||
if (result.dh) {
|
||||
Aj.state.lastDh = result.dh;
|
||||
}
|
||||
if (quantity > 0 && $form.field('recipient').value()) {
|
||||
$btn.prop('disabled', false);
|
||||
} else {
|
||||
$btn.prop('disabled', true);
|
||||
}
|
||||
Aj.state.curQuantity = quantity;
|
||||
StarsGiveaway.updateButton();
|
||||
StarsGiveaway.updateUrl();
|
||||
Aj.state.$starsQuantityField.removeClass('loading');
|
||||
});
|
||||
},
|
||||
eRadioChanged: function(e) {
|
||||
var boosts = $(e.target).attr('data-boosts');
|
||||
$('.js-boost-value').html(boosts);
|
||||
StarsGiveaway.eQuantityChanged();
|
||||
StarsGiveaway.updateButton();
|
||||
StarsGiveaway.updateUrl();
|
||||
},
|
||||
updateButton: function() {
|
||||
var $form = Aj.state.$starsSearchForm;
|
||||
var stars = $form.field('stars').value();
|
||||
var quantity = Aj.state.curQuantity;
|
||||
var btn_label = l('WEB_BUY_N_STARS_FOR_GIVEAWAY_BUTTON', {n: stars || 0, __format_number: true});
|
||||
$('.js-stars-btn-label').html(btn_label);
|
||||
Aj.state.$starsBuyBtn.prop('disabled', !quantity || !stars || !$form.field('recipient').value());
|
||||
},
|
||||
eSearchSubmit: function(e) {
|
||||
e.preventDefault();
|
||||
StarsGiveaway.searchSubmit();
|
||||
},
|
||||
searchSubmit: function() {
|
||||
var $form = Aj.state.$starsSearchForm;
|
||||
var recipient = $form.field('recipient').value();
|
||||
var query = $form.field('query').value();
|
||||
if (!query.length) {
|
||||
$form.field('query').focus();
|
||||
return;
|
||||
}
|
||||
Aj.state.$starsSearchField.addClass('loading').removeClass('play').redraw().addClass('play');
|
||||
Aj.showProgress();
|
||||
Aj.apiRequest('searchStarsGiveawayRecipient', {
|
||||
query: recipient || query
|
||||
}, function(result) {
|
||||
Aj.hideProgress();
|
||||
StarsGiveaway.updateResult(result);
|
||||
Aj.state.$starsSearchField.removeClass('loading');
|
||||
});
|
||||
},
|
||||
updateResult: function(result) {
|
||||
var $form = Aj.state.$starsSearchForm;
|
||||
var $field = Aj.state.$starsSearchField;
|
||||
var $btn = Aj.state.$giveawayStarsBtn;
|
||||
if (result.error) {
|
||||
$('.js-search-field-error').html(result.error);
|
||||
$field.addClass('error').removeClass('found');
|
||||
$form.field('query').prop('disabled', false);
|
||||
} else {
|
||||
$('.js-search-field-error').html('');
|
||||
$field.removeClass('error');
|
||||
if (result.found) {
|
||||
if (result.found.photo) {
|
||||
$('.js-stars-search-photo', $field).html(result.found.photo);
|
||||
}
|
||||
if (result.found.name) {
|
||||
var $form = Aj.state.$starsSearchForm;
|
||||
$form.field('query').value(uncleanHTML(result.found.name));
|
||||
}
|
||||
$form.field('recipient').value(result.found.recipient);
|
||||
$field.addClass('found');
|
||||
$form.field('query').prop('disabled', true);
|
||||
if (Aj.state.curQuantity > 0) {
|
||||
$btn.prop('disabled', false);
|
||||
} else {
|
||||
$btn.prop('disabled', true);
|
||||
}
|
||||
} else {
|
||||
$form.field('recipient').value('');
|
||||
$field.removeClass('found');
|
||||
$form.field('query').prop('disabled', false);
|
||||
$btn.prop('disabled', true);
|
||||
}
|
||||
StarsGiveaway.updateButton();
|
||||
}
|
||||
StarsGiveaway.updateUrl();
|
||||
},
|
||||
updateUrl: function() {
|
||||
var new_url = '';
|
||||
var $form = Aj.state.$starsSearchForm;
|
||||
var recipient = $form.field('recipient').value();
|
||||
var stars = $form.field('stars').value();
|
||||
var quantity = Aj.state.curQuantity;
|
||||
if (recipient) {
|
||||
new_url += '&recipient=' + encodeURIComponent(recipient);
|
||||
}
|
||||
if (quantity) {
|
||||
new_url += '&quantity=' + encodeURIComponent(quantity);
|
||||
}
|
||||
if (stars) {
|
||||
new_url += '&stars=' + encodeURIComponent(stars);
|
||||
}
|
||||
if (new_url) {
|
||||
new_url = '?' + new_url.substr(1);
|
||||
}
|
||||
var loc = Aj.location(), path = loc.pathname + loc.search;
|
||||
Aj.setLocation(new_url, path != '/stars/giveaway');
|
||||
},
|
||||
updateOptions: function(html) {
|
||||
var $form = Aj.state.$starsSearchForm;
|
||||
var stars = $form.field('stars').value();
|
||||
$('.js-stars-options').replaceWith(html);
|
||||
$form.field('stars').value(stars);
|
||||
$('.js-stars-options .tm-second-option:has(input:checked)').removeClass('tm-second-option');
|
||||
},
|
||||
updateContent: function(html) {
|
||||
$('.js-main-content').html(html).find('.js-preview-sticker').each(function() {
|
||||
RLottie.init(this, {playUntilEnd: true});
|
||||
});
|
||||
},
|
||||
eGiveawayStars: function(e) {
|
||||
e.stopImmediatePropagation();
|
||||
e.preventDefault();
|
||||
var $form = Aj.state.$starsSearchForm;
|
||||
var recipient = $form.field('recipient').value();
|
||||
var quantity = $form.field('quantity').value();
|
||||
var stars = $form.field('stars').value();
|
||||
Aj.apiRequest('initGiveawayStarsRequest', {
|
||||
recipient: recipient,
|
||||
quantity: quantity,
|
||||
stars: stars
|
||||
}, function(result) {
|
||||
if (result.error) {
|
||||
return showAlert(result.error);
|
||||
}
|
||||
$('.js-giveaway-stars-content', Aj.state.$giveawayStarsPopup).html(result.content);
|
||||
$('.js-giveaway-stars-button', Aj.state.$giveawayStarsPopup).html(result.button);
|
||||
Aj.state.giveawayPrice = result.amount;
|
||||
Aj.state.itemTitle = result.item_title;
|
||||
Aj.state.$giveawayStarsForm.field('id').value(result.req_id);
|
||||
RLottie.WORKERS_LIMIT = 1;
|
||||
openPopup(Aj.state.$giveawayStarsPopup, {
|
||||
onOpen: function() {
|
||||
$('.js-preview-sticker').each(function() {
|
||||
RLottie.init(this, {playUntilEnd: true});
|
||||
});
|
||||
},
|
||||
onClose: function() {
|
||||
$('.js-preview-sticker').each(function() {
|
||||
RLottie.destroy(this);
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
eGiveawayStarsSubmit: function(e) {
|
||||
e.preventDefault();
|
||||
var $form = $(this);
|
||||
var item_title = Aj.state.itemTitle;
|
||||
var req_id = $form.field('id').value();
|
||||
closePopup(Aj.state.$giveawayStarsPopup);
|
||||
Wallet.sendTransaction({
|
||||
request: {
|
||||
method: 'getGiveawayStarsLink',
|
||||
params: {
|
||||
id: req_id
|
||||
}
|
||||
},
|
||||
title: l('WEB_POPUP_QR_STARS_GIVEAWAY_HEADER'),
|
||||
description: l('WEB_POPUP_QR_STARS_GIVEAWAY_TEXT', {
|
||||
amount: '<span class="icon-before icon-ton-text js-amount_fee">' + Aj.state.giveawayPrice + '</span>'
|
||||
}),
|
||||
qr_label: item_title,
|
||||
tk_label: l('WEB_POPUP_QR_STARS_GIVEAWAY_TK_BUTTON'),
|
||||
terms_label: l('WEB_POPUP_QR_PROCEED_TERMS'),
|
||||
onConfirm: function(by_server) {
|
||||
StarsGiveaway.updateState(true);
|
||||
}
|
||||
});
|
||||
Aj.state.needUpdate = true;
|
||||
},
|
||||
eMoreGiveawayStars: function(e) {
|
||||
e.preventDefault();
|
||||
e.stopImmediatePropagation();
|
||||
Aj.apiRequest('repeatStarsGiveaway', {}, function(result) {
|
||||
if (result.error) {
|
||||
return showAlert(result.error);
|
||||
}
|
||||
Aj.location('/stars/giveaway');
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
var Gateway = {
|
||||
init: function() {
|
||||
Aj.onLoad(function(state) {
|
||||
|
|
|
|||
573
data/web/oauth.telegram.org/js/telegram-widget.js
Normal file
573
data/web/oauth.telegram.org/js/telegram-widget.js
Normal file
|
|
@ -0,0 +1,573 @@
|
|||
(function(window) {
|
||||
(function(window){
|
||||
window.__parseFunction = function(__func, __attrs) {
|
||||
__attrs = __attrs || [];
|
||||
__func = '(function(' + __attrs.join(',') + '){' + __func + '})';
|
||||
return window.execScript ? window.execScript(__func) : eval(__func);
|
||||
}
|
||||
}(window));
|
||||
(function(window){
|
||||
|
||||
function addEvent(el, event, handler) {
|
||||
var events = event.split(/\s+/);
|
||||
for (var i = 0; i < events.length; i++) {
|
||||
if (el.addEventListener) {
|
||||
el.addEventListener(events[i], handler);
|
||||
} else {
|
||||
el.attachEvent('on' + events[i], handler);
|
||||
}
|
||||
}
|
||||
}
|
||||
function removeEvent(el, event, handler) {
|
||||
var events = event.split(/\s+/);
|
||||
for (var i = 0; i < events.length; i++) {
|
||||
if (el.removeEventListener) {
|
||||
el.removeEventListener(events[i], handler);
|
||||
} else {
|
||||
el.detachEvent('on' + events[i], handler);
|
||||
}
|
||||
}
|
||||
}
|
||||
function getCssProperty(el, prop) {
|
||||
if (window.getComputedStyle) {
|
||||
return window.getComputedStyle(el, '').getPropertyValue(prop) || null;
|
||||
} else if (el.currentStyle) {
|
||||
return el.currentStyle[prop] || null;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
function geById(el_or_id) {
|
||||
if (typeof el_or_id == 'string' || el_or_id instanceof String) {
|
||||
return document.getElementById(el_or_id);
|
||||
} else if (el_or_id instanceof HTMLElement) {
|
||||
return el_or_id;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
var getWidgetsOrigin = function(default_origin, dev_origin) {
|
||||
var link = document.createElement('A'), origin;
|
||||
link.href = document.currentScript && document.currentScript.src || default_origin;
|
||||
origin = link.origin || link.protocol + '//' + link.hostname;
|
||||
if (origin == 'https://telegram.org') {
|
||||
origin = default_origin;
|
||||
} else if (origin == 'https://telegram-js.azureedge.net' || origin == 'https://tg.dev') {
|
||||
origin = dev_origin;
|
||||
}
|
||||
return origin;
|
||||
};
|
||||
|
||||
var getPageCanonical = function() {
|
||||
var a = document.createElement('A'), link, href;
|
||||
if (document.querySelector) {
|
||||
link = document.querySelector('link[rel="canonical"]');
|
||||
if (link && (href = link.getAttribute('href'))) {
|
||||
a.href = href;
|
||||
return a.href;
|
||||
}
|
||||
} else {
|
||||
var links = document.getElementsByTagName('LINK');
|
||||
for (var i = 0; i < links.length; i++) {
|
||||
if ((link = links[i]) &&
|
||||
(link.getAttribute('rel') == 'canonical') &&
|
||||
(href = link.getAttribute('href'))) {
|
||||
a.href = href;
|
||||
return a.href;
|
||||
}
|
||||
}
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
function haveTgAuthResult() {
|
||||
var locationHash = '', re = /[#\?\&]tgAuthResult=([A-Za-z0-9\-_=]*)$/, match;
|
||||
try {
|
||||
locationHash = location.hash.toString();
|
||||
if (match = locationHash.match(re)) {
|
||||
location.hash = locationHash.replace(re, '');
|
||||
var data = match[1] || '';
|
||||
data = data.replace(/-/g, '+').replace(/_/g, '/');
|
||||
var pad = data.length % 4;
|
||||
if (pad > 1) {
|
||||
data += new Array(5 - pad).join('=');
|
||||
}
|
||||
return JSON.parse(window.atob(data));
|
||||
}
|
||||
} catch (e) {}
|
||||
return false;
|
||||
}
|
||||
|
||||
function getXHR() {
|
||||
if (navigator.appName == "Microsoft Internet Explorer"){
|
||||
return new ActiveXObject("Microsoft.XMLHTTP");
|
||||
} else {
|
||||
return new XMLHttpRequest();
|
||||
}
|
||||
}
|
||||
|
||||
if (!window.Telegram) {
|
||||
window.Telegram = {};
|
||||
}
|
||||
if (!window.Telegram.__WidgetUuid) {
|
||||
window.Telegram.__WidgetUuid = 0;
|
||||
}
|
||||
if (!window.Telegram.__WidgetLastId) {
|
||||
window.Telegram.__WidgetLastId = 0;
|
||||
}
|
||||
if (!window.Telegram.__WidgetCallbacks) {
|
||||
window.Telegram.__WidgetCallbacks = {};
|
||||
}
|
||||
|
||||
function postMessageToIframe(iframe, event, data, callback) {
|
||||
if (!iframe._ready) {
|
||||
if (!iframe._readyQueue) iframe._readyQueue = [];
|
||||
iframe._readyQueue.push([event, data, callback]);
|
||||
return;
|
||||
}
|
||||
try {
|
||||
data = data || {};
|
||||
data.event = event;
|
||||
if (callback) {
|
||||
data._cb = ++window.Telegram.__WidgetLastId;
|
||||
window.Telegram.__WidgetCallbacks[data._cb] = {
|
||||
iframe: iframe,
|
||||
callback: callback
|
||||
};
|
||||
}
|
||||
iframe.contentWindow.postMessage(JSON.stringify(data), '*');
|
||||
} catch(e) {}
|
||||
}
|
||||
|
||||
function initWidget(widgetEl) {
|
||||
var widgetId, widgetElId, widgetsOrigin, existsEl,
|
||||
src, styles = {}, allowedAttrs = [],
|
||||
defWidth, defHeight, scrollable = false, onInitAuthUser, onAuthUser, onUnauth;
|
||||
if (!widgetEl.tagName ||
|
||||
!(widgetEl.tagName.toUpperCase() == 'SCRIPT' ||
|
||||
widgetEl.tagName.toUpperCase() == 'BLOCKQUOTE' &&
|
||||
widgetEl.classList.contains('telegram-post'))) {
|
||||
return null;
|
||||
}
|
||||
if (widgetEl._iframe) {
|
||||
return widgetEl._iframe;
|
||||
}
|
||||
if (widgetId = widgetEl.getAttribute('data-telegram-post')) {
|
||||
var comment = widgetEl.getAttribute('data-comment') || '';
|
||||
widgetsOrigin = getWidgetsOrigin('https://t.me', 'https://post.tg.dev');
|
||||
widgetElId = 'telegram-post-' + widgetId.replace(/[^a-z0-9_]/ig, '-') + (comment ? '-comment' + comment : '');
|
||||
src = widgetsOrigin + '/' + widgetId + '?embed=1';
|
||||
allowedAttrs = ['comment', 'userpic', 'mode', 'single?', 'color', 'dark', 'dark_color'];
|
||||
defWidth = widgetEl.getAttribute('data-width') || '100%';
|
||||
defHeight = '';
|
||||
styles.minWidth = '320px';
|
||||
}
|
||||
else if (widgetId = widgetEl.getAttribute('data-telegram-discussion')) {
|
||||
widgetsOrigin = getWidgetsOrigin('https://t.me', 'https://post.tg.dev');
|
||||
widgetElId = 'telegram-discussion-' + widgetId.replace(/[^a-z0-9_]/ig, '-') + '-' + (++window.Telegram.__WidgetUuid);
|
||||
var websitePageUrl = widgetEl.getAttribute('data-page-url');
|
||||
if (!websitePageUrl) {
|
||||
websitePageUrl = getPageCanonical();
|
||||
}
|
||||
src = widgetsOrigin + '/' + widgetId + '?embed=1&discussion=1' + (websitePageUrl ? '&page_url=' + encodeURIComponent(websitePageUrl) : '');
|
||||
allowedAttrs = ['comments_limit', 'color', 'colorful', 'dark', 'dark_color', 'width', 'height'];
|
||||
defWidth = widgetEl.getAttribute('data-width') || '100%';
|
||||
defHeight = widgetEl.getAttribute('data-height') || 0;
|
||||
styles.minWidth = '320px';
|
||||
if (defHeight > 0) {
|
||||
scrollable = true;
|
||||
}
|
||||
}
|
||||
else if (widgetEl.hasAttribute('data-telegram-login')) {
|
||||
widgetId = widgetEl.getAttribute('data-telegram-login');
|
||||
widgetsOrigin = getWidgetsOrigin('https://oauth.telegram.org', 'https://oauth.tg.dev');
|
||||
widgetElId = 'telegram-login-' + widgetId.replace(/[^a-z0-9_]/ig, '-');
|
||||
src = widgetsOrigin + '/embed/' + widgetId + '?origin=' + encodeURIComponent(location.origin || location.protocol + '//' + location.hostname) + '&return_to=' + encodeURIComponent(location.href);
|
||||
allowedAttrs = ['size', 'userpic', 'init_auth', 'request_access', 'radius', 'min_width', 'max_width', 'lang'];
|
||||
defWidth = 186;
|
||||
defHeight = 28;
|
||||
if (widgetEl.hasAttribute('data-size')) {
|
||||
var size = widgetEl.getAttribute('data-size');
|
||||
if (size == 'small') defWidth = 148, defHeight = 20;
|
||||
else if (size == 'large') defWidth = 238, defHeight = 40;
|
||||
}
|
||||
if (widgetEl.hasAttribute('data-onauth')) {
|
||||
onInitAuthUser = onAuthUser = __parseFunction(widgetEl.getAttribute('data-onauth'), ['user']);
|
||||
}
|
||||
else if (widgetEl.hasAttribute('data-auth-url')) {
|
||||
var a = document.createElement('A');
|
||||
a.href = widgetEl.getAttribute('data-auth-url');
|
||||
onAuthUser = function(user) {
|
||||
var authUrl = a.href;
|
||||
authUrl += (authUrl.indexOf('?') >= 0) ? '&' : '?';
|
||||
var params = [];
|
||||
for (var key in user) {
|
||||
params.push(key + '=' + encodeURIComponent(user[key]));
|
||||
}
|
||||
authUrl += params.join('&');
|
||||
location.href = authUrl;
|
||||
};
|
||||
}
|
||||
if (widgetEl.hasAttribute('data-onunauth')) {
|
||||
onUnauth = __parseFunction(widgetEl.getAttribute('data-onunauth'));
|
||||
}
|
||||
var auth_result = haveTgAuthResult();
|
||||
if (auth_result && onAuthUser) {
|
||||
onAuthUser(auth_result);
|
||||
}
|
||||
}
|
||||
else if (widgetId = widgetEl.getAttribute('data-telegram-share-url')) {
|
||||
widgetsOrigin = getWidgetsOrigin('https://t.me', 'https://post.tg.dev');
|
||||
widgetElId = 'telegram-share-' + window.btoa(widgetId);
|
||||
src = widgetsOrigin + '/share/embed?origin=' + encodeURIComponent(location.origin || location.protocol + '//' + location.hostname);
|
||||
allowedAttrs = ['telegram-share-url', 'comment', 'size', 'text'];
|
||||
defWidth = 60;
|
||||
defHeight = 20;
|
||||
if (widgetEl.getAttribute('data-size') == 'large') {
|
||||
defWidth = 76;
|
||||
defHeight = 28;
|
||||
}
|
||||
}
|
||||
else {
|
||||
return null;
|
||||
}
|
||||
existsEl = document.getElementById(widgetElId);
|
||||
if (existsEl) {
|
||||
return existsEl;
|
||||
}
|
||||
for (var i = 0; i < allowedAttrs.length; i++) {
|
||||
var attr = allowedAttrs[i];
|
||||
var novalue = attr.substr(-1) == '?';
|
||||
if (novalue) {
|
||||
attr = attr.slice(0, -1);
|
||||
}
|
||||
var data_attr = 'data-' + attr.replace(/_/g, '-');
|
||||
if (widgetEl.hasAttribute(data_attr)) {
|
||||
var attr_value = novalue ? '1' : encodeURIComponent(widgetEl.getAttribute(data_attr));
|
||||
src += '&' + attr + '=' + attr_value;
|
||||
}
|
||||
}
|
||||
function getCurCoords(iframe) {
|
||||
var docEl = document.documentElement;
|
||||
var frect = iframe.getBoundingClientRect();
|
||||
return {
|
||||
frameTop: frect.top,
|
||||
frameBottom: frect.bottom,
|
||||
frameLeft: frect.left,
|
||||
frameRight: frect.right,
|
||||
frameWidth: frect.width,
|
||||
frameHeight: frect.height,
|
||||
scrollTop: window.pageYOffset,
|
||||
scrollLeft: window.pageXOffset,
|
||||
clientWidth: docEl.clientWidth,
|
||||
clientHeight: docEl.clientHeight
|
||||
};
|
||||
}
|
||||
function visibilityHandler() {
|
||||
if (isVisible(iframe, 50)) {
|
||||
postMessageToIframe(iframe, 'visible', {frame: widgetElId});
|
||||
}
|
||||
}
|
||||
function focusHandler() {
|
||||
postMessageToIframe(iframe, 'focus', {has_focus: document.hasFocus()});
|
||||
}
|
||||
function postMessageHandler(event) {
|
||||
if (event.source !== iframe.contentWindow ||
|
||||
event.origin != widgetsOrigin) {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
var data = JSON.parse(event.data);
|
||||
} catch(e) {
|
||||
var data = {};
|
||||
}
|
||||
if (data.event == 'resize') {
|
||||
if (data.height) {
|
||||
iframe.style.height = data.height + 'px';
|
||||
}
|
||||
if (data.width) {
|
||||
iframe.style.width = data.width + 'px';
|
||||
}
|
||||
}
|
||||
else if (data.event == 'ready') {
|
||||
iframe._ready = true;
|
||||
focusHandler();
|
||||
for (var i = 0; i < iframe._readyQueue.length; i++) {
|
||||
var queue_item = iframe._readyQueue[i];
|
||||
postMessageToIframe(iframe, queue_item[0], queue_item[1], queue_item[2]);
|
||||
}
|
||||
iframe._readyQueue = [];
|
||||
}
|
||||
else if (data.event == 'visible_off') {
|
||||
removeEvent(window, 'scroll', visibilityHandler);
|
||||
removeEvent(window, 'resize', visibilityHandler);
|
||||
}
|
||||
else if (data.event == 'get_coords') {
|
||||
postMessageToIframe(iframe, 'callback', {
|
||||
_cb: data._cb,
|
||||
value: getCurCoords(iframe)
|
||||
});
|
||||
}
|
||||
else if (data.event == 'scroll_to') {
|
||||
try {
|
||||
window.scrollTo(data.x || 0, data.y || 0);
|
||||
} catch(e) {}
|
||||
}
|
||||
else if (data.event == 'auth_user') {
|
||||
if (data.init) {
|
||||
onInitAuthUser && onInitAuthUser(data.auth_data);
|
||||
} else {
|
||||
onAuthUser && onAuthUser(data.auth_data);
|
||||
}
|
||||
}
|
||||
else if (data.event == 'unauthorized') {
|
||||
onUnauth && onUnauth();
|
||||
}
|
||||
else if (data.event == 'callback') {
|
||||
var cb_data = null;
|
||||
if (cb_data = window.Telegram.__WidgetCallbacks[data._cb]) {
|
||||
if (cb_data.iframe === iframe) {
|
||||
cb_data.callback(data.value);
|
||||
delete window.Telegram.__WidgetCallbacks[data._cb];
|
||||
}
|
||||
} else {
|
||||
console.warn('Callback #' + data._cb + ' not found');
|
||||
}
|
||||
}
|
||||
}
|
||||
var iframe = document.createElement('iframe');
|
||||
iframe.id = widgetElId;
|
||||
iframe.src = src;
|
||||
iframe.width = defWidth;
|
||||
iframe.height = defHeight;
|
||||
iframe.setAttribute('frameborder', '0');
|
||||
if (!scrollable) {
|
||||
iframe.setAttribute('scrolling', 'no');
|
||||
iframe.style.overflow = 'hidden';
|
||||
}
|
||||
iframe.style.colorScheme = 'light dark';
|
||||
iframe.style.border = 'none';
|
||||
for (var prop in styles) {
|
||||
iframe.style[prop] = styles[prop];
|
||||
}
|
||||
if (widgetEl.parentNode) {
|
||||
widgetEl.parentNode.insertBefore(iframe, widgetEl);
|
||||
if (widgetEl.tagName.toUpperCase() == 'BLOCKQUOTE') {
|
||||
widgetEl.parentNode.removeChild(widgetEl);
|
||||
}
|
||||
}
|
||||
iframe._ready = false;
|
||||
iframe._readyQueue = [];
|
||||
widgetEl._iframe = iframe;
|
||||
addEvent(iframe, 'load', function() {
|
||||
removeEvent(iframe, 'load', visibilityHandler);
|
||||
addEvent(window, 'scroll', visibilityHandler);
|
||||
addEvent(window, 'resize', visibilityHandler);
|
||||
visibilityHandler();
|
||||
});
|
||||
addEvent(window, 'focus blur', focusHandler);
|
||||
addEvent(window, 'message', postMessageHandler);
|
||||
return iframe;
|
||||
}
|
||||
function isVisible(el, padding) {
|
||||
var node = el, val;
|
||||
var visibility = getCssProperty(node, 'visibility');
|
||||
if (visibility == 'hidden') return false;
|
||||
while (node) {
|
||||
if (node === document.documentElement) break;
|
||||
var display = getCssProperty(node, 'display');
|
||||
if (display == 'none') return false;
|
||||
var opacity = getCssProperty(node, 'opacity');
|
||||
if (opacity !== null && opacity < 0.1) return false;
|
||||
node = node.parentNode;
|
||||
}
|
||||
if (el.getBoundingClientRect) {
|
||||
padding = +padding || 0;
|
||||
var rect = el.getBoundingClientRect();
|
||||
var html = document.documentElement;
|
||||
if (rect.bottom < padding ||
|
||||
rect.right < padding ||
|
||||
rect.top > (window.innerHeight || html.clientHeight) - padding ||
|
||||
rect.left > (window.innerWidth || html.clientWidth) - padding) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
function getAllWidgets() {
|
||||
var widgets = [];
|
||||
if (document.querySelectorAll) {
|
||||
widgets = document.querySelectorAll('script[data-telegram-post],blockquote.telegram-post,script[data-telegram-discussion],script[data-telegram-login],script[data-telegram-share-url]');
|
||||
} else {
|
||||
widgets = Array.prototype.slice.apply(document.getElementsByTagName('SCRIPT'));
|
||||
widgets = widgets.concat(Array.prototype.slice.apply(document.getElementsByTagName('BLOCKQUOTE')));
|
||||
}
|
||||
return widgets;
|
||||
}
|
||||
|
||||
function getWidgetInfo(el_or_id, callback) {
|
||||
var e = null, iframe = null;
|
||||
if (el = geById(el_or_id)) {
|
||||
if (el.tagName &&
|
||||
el.tagName.toUpperCase() == 'IFRAME') {
|
||||
iframe = el;
|
||||
} else if (el._iframe) {
|
||||
iframe = el._iframe;
|
||||
}
|
||||
if (iframe && callback) {
|
||||
postMessageToIframe(iframe, 'get_info', {}, callback);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function setWidgetOptions(options, el_or_id) {
|
||||
var e = null, iframe = null;
|
||||
if (typeof el_or_id === 'undefined') {
|
||||
var widgets = getAllWidgets();
|
||||
for (var i = 0; i < widgets.length; i++) {
|
||||
if (iframe = widgets[i]._iframe) {
|
||||
postMessageToIframe(iframe, 'set_options', {options: options});
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (el = geById(el_or_id)) {
|
||||
if (el.tagName &&
|
||||
el.tagName.toUpperCase() == 'IFRAME') {
|
||||
iframe = el;
|
||||
} else if (el._iframe) {
|
||||
iframe = el._iframe;
|
||||
}
|
||||
if (iframe) {
|
||||
postMessageToIframe(iframe, 'set_options', {options: options});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!document.currentScript ||
|
||||
!initWidget(document.currentScript)) {
|
||||
var widgets = getAllWidgets();
|
||||
for (var i = 0; i < widgets.length; i++) {
|
||||
initWidget(widgets[i]);
|
||||
}
|
||||
}
|
||||
|
||||
var TelegramLogin = {
|
||||
popups: {},
|
||||
options: null,
|
||||
auth_callback: null,
|
||||
_init: function(options, auth_callback) {
|
||||
TelegramLogin.options = options;
|
||||
TelegramLogin.auth_callback = auth_callback;
|
||||
var auth_result = haveTgAuthResult();
|
||||
if (auth_result && auth_callback) {
|
||||
auth_callback(auth_result);
|
||||
}
|
||||
},
|
||||
_open: function(callback) {
|
||||
TelegramLogin._auth(TelegramLogin.options, function(authData) {
|
||||
if (TelegramLogin.auth_callback) {
|
||||
TelegramLogin.auth_callback(authData);
|
||||
}
|
||||
if (callback) {
|
||||
callback(authData);
|
||||
}
|
||||
});
|
||||
},
|
||||
_auth: function(options, callback) {
|
||||
var bot_id = parseInt(options.bot_id);
|
||||
if (!bot_id) {
|
||||
throw new Error('Bot id required');
|
||||
}
|
||||
var width = 550;
|
||||
var height = 470;
|
||||
var left = Math.max(0, (screen.width - width) / 2) + (screen.availLeft | 0),
|
||||
top = Math.max(0, (screen.height - height) / 2) + (screen.availTop | 0);
|
||||
var onMessage = function (event) {
|
||||
try {
|
||||
var data = JSON.parse(event.data);
|
||||
} catch(e) {
|
||||
var data = {};
|
||||
}
|
||||
if (!TelegramLogin.popups[bot_id]) return;
|
||||
if (event.source !== TelegramLogin.popups[bot_id].window) return;
|
||||
if (data.event == 'auth_result') {
|
||||
onAuthDone(data.result);
|
||||
}
|
||||
};
|
||||
var onAuthDone = function (authData) {
|
||||
if (!TelegramLogin.popups[bot_id]) return;
|
||||
if (TelegramLogin.popups[bot_id].authFinished) return;
|
||||
callback && callback(authData);
|
||||
TelegramLogin.popups[bot_id].authFinished = true;
|
||||
removeEvent(window, 'message', onMessage);
|
||||
};
|
||||
var checkClose = function(bot_id) {
|
||||
if (!TelegramLogin.popups[bot_id]) return;
|
||||
if (!TelegramLogin.popups[bot_id].window ||
|
||||
TelegramLogin.popups[bot_id].window.closed) {
|
||||
return TelegramLogin.getAuthData(options, function(origin, authData) {
|
||||
onAuthDone(authData);
|
||||
});
|
||||
}
|
||||
setTimeout(checkClose, 100, bot_id);
|
||||
}
|
||||
var popup_url = Telegram.Login.widgetsOrigin + '/auth?bot_id=' + encodeURIComponent(options.bot_id) + '&origin=' + encodeURIComponent(location.origin || location.protocol + '//' + location.hostname) + (options.request_access ? '&request_access=' + encodeURIComponent(options.request_access) : '') + (options.lang ? '&lang=' + encodeURIComponent(options.lang) : '') + '&return_to=' + encodeURIComponent(location.href);
|
||||
var popup = window.open(popup_url, 'telegram_oauth_bot' + bot_id, 'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top + ',status=0,location=0,menubar=0,toolbar=0');
|
||||
TelegramLogin.popups[bot_id] = {
|
||||
window: popup,
|
||||
authFinished: false
|
||||
};
|
||||
if (popup) {
|
||||
addEvent(window, 'message', onMessage);
|
||||
popup.focus();
|
||||
checkClose(bot_id);
|
||||
}
|
||||
},
|
||||
getAuthData: function(options, callback) {
|
||||
var bot_id = parseInt(options.bot_id);
|
||||
if (!bot_id) {
|
||||
throw new Error('Bot id required');
|
||||
}
|
||||
var xhr = getXHR();
|
||||
var url = Telegram.Login.widgetsOrigin + '/auth/get';
|
||||
xhr.open('POST', url);
|
||||
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
|
||||
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
|
||||
xhr.onreadystatechange = function() {
|
||||
if (xhr.readyState == 4) {
|
||||
if (typeof xhr.responseBody == 'undefined' && xhr.responseText) {
|
||||
try {
|
||||
var result = JSON.parse(xhr.responseText);
|
||||
} catch(e) {
|
||||
var result = {};
|
||||
}
|
||||
if (result.user) {
|
||||
callback(result.origin, result.user);
|
||||
} else {
|
||||
callback(result.origin, false);
|
||||
}
|
||||
} else {
|
||||
callback('*', false);
|
||||
}
|
||||
}
|
||||
};
|
||||
xhr.onerror = function() {
|
||||
callback('*', false);
|
||||
};
|
||||
xhr.withCredentials = true;
|
||||
xhr.send('bot_id=' + encodeURIComponent(options.bot_id) + (options.lang ? '&lang=' + encodeURIComponent(options.lang) : ''));
|
||||
}
|
||||
};
|
||||
|
||||
window.Telegram.getWidgetInfo = getWidgetInfo;
|
||||
window.Telegram.setWidgetOptions = setWidgetOptions;
|
||||
window.Telegram.Login = {
|
||||
init: TelegramLogin._init,
|
||||
open: TelegramLogin._open,
|
||||
auth: TelegramLogin._auth,
|
||||
widgetsOrigin: getWidgetsOrigin('https://oauth.telegram.org', 'https://oauth.tg.dev')
|
||||
};
|
||||
|
||||
}(window));
|
||||
})(window);
|
||||
4216
data/web/telegram.org/css/dsareport.css
Normal file
4216
data/web/telegram.org/css/dsareport.css
Normal file
File diff suppressed because one or more lines are too long
471
data/web/telegram.org/js/dsareport.js
Normal file
471
data/web/telegram.org/js/dsareport.js
Normal file
|
|
@ -0,0 +1,471 @@
|
|||
var DSA = {
|
||||
options: {},
|
||||
init: function(options) {
|
||||
DSA.options = options || {};
|
||||
Dialog.init();
|
||||
},
|
||||
eUpdateField: function(e) {
|
||||
var $fieldEl = $(this);
|
||||
if (e.type == 'focus' || e.type == 'focusin') {
|
||||
DSA.updateField($fieldEl, true);
|
||||
} else if (e.type == 'blur' || e.type == 'focusout') {
|
||||
DSA.updateField($fieldEl, false);
|
||||
} else {
|
||||
DSA.updateField($fieldEl);
|
||||
}
|
||||
},
|
||||
updateField: function($fieldEl, focused) {
|
||||
var $formGroup = $fieldEl.parents('.form-group');
|
||||
if (typeof focused !== 'undefined') {
|
||||
$formGroup.toggleClass('field-focused', focused);
|
||||
}
|
||||
var $files = $formGroup.find('.bt-issue-files');
|
||||
var hasValue = false;
|
||||
if ($files.size() > 0) {
|
||||
var filesCnt = $('.cd-issue-file:not(.shide)', $files).size();
|
||||
hasValue = filesCnt > 0;
|
||||
} else {
|
||||
var $select = $fieldEl.parents('.select');
|
||||
var selectedCnt = $select.find('.selected-item').size();
|
||||
$formGroup.toggleClass('noinput', $select.hasClass('no-search') && !selectedCnt);
|
||||
hasValue = $fieldEl.value().length > 0 || selectedCnt > 0;
|
||||
}
|
||||
$formGroup.toggleClass('field-has-value', hasValue);
|
||||
},
|
||||
onFilesUpdate: function(e) {
|
||||
DSA.updateField($(this));
|
||||
},
|
||||
apiRequest: function(method, data, onSuccess) {
|
||||
return $.ajax(DSA.options.apiUrl, {
|
||||
type: 'POST',
|
||||
data: $.extend(data, {method: method}),
|
||||
dataType: 'json',
|
||||
xhrFields: {
|
||||
withCredentials: true
|
||||
},
|
||||
success: function(result) {
|
||||
if (result._dlog) {
|
||||
$('#dlog').append(result._dlog);
|
||||
}
|
||||
onSuccess && onSuccess(result);
|
||||
},
|
||||
error: function(xhr) {
|
||||
if (!xhr.readyState && !xhr.status) {
|
||||
// was aborted
|
||||
} else if (xhr.status == 401) {
|
||||
location.href = '/auth';
|
||||
} else if (xhr.readyState > 0) {
|
||||
location.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
function stopImmediatePropagation(e) {
|
||||
e.stopImmediatePropagation();
|
||||
}
|
||||
function preventDefault(e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
var Login = {
|
||||
init: function(options) {
|
||||
Telegram.Login.init(options, function(user) {
|
||||
Login.authRequest(user);
|
||||
});
|
||||
},
|
||||
open: function() {
|
||||
Telegram.Login.open();
|
||||
},
|
||||
authRequest: function(data) {
|
||||
$.ajax('/dsa-report/auth', {
|
||||
type: 'POST',
|
||||
data: data,
|
||||
dataType: 'json',
|
||||
xhrFields: {
|
||||
withCredentials: true
|
||||
},
|
||||
success: function(result, s, xhr) {
|
||||
location.reload();
|
||||
}
|
||||
});
|
||||
},
|
||||
doLogout: function (e) {
|
||||
e && e.preventDefault();
|
||||
var logout_hash = $(this).attr('data-logout-hash');
|
||||
authRequest({logout_hash: logout_hash});
|
||||
}
|
||||
};
|
||||
|
||||
var Upload = {
|
||||
eFilePaste: function(e) {
|
||||
var $form = $(this);
|
||||
var files = e.originalEvent.clipboardData && e.originalEvent.clipboardData.files || [];
|
||||
if (files.length > 0) {
|
||||
e.preventDefault();
|
||||
Upload.addFiles($form, files);
|
||||
}
|
||||
},
|
||||
eSelectFile: function(e) {
|
||||
var $form = $(this).parents('form');
|
||||
var files = this.files || [];
|
||||
if (files.length > 0) {
|
||||
Upload.addFiles($form, files);
|
||||
}
|
||||
},
|
||||
isTypeAccepted(type) {
|
||||
return (type == 'image/gif' ||
|
||||
type == 'image/jpeg' ||
|
||||
type == 'image/jpg' ||
|
||||
type == 'image/png' ||
|
||||
type == 'video/mp4' ||
|
||||
type == 'application/pdf' ||
|
||||
type == 'application/msword' ||
|
||||
type == 'application/vnd.openxmlformats-officedocument.wordprocessingml.document');
|
||||
},
|
||||
addFiles: function($form, files) {
|
||||
var form = $form.get(0),
|
||||
$files = $('.bt-issue-files', $form),
|
||||
limit = DSA.options.fileLimit || 5,
|
||||
size_limit = DSA.options.fileSizeLimit || 1048576,
|
||||
alert_shown = false;
|
||||
if (files != null) {
|
||||
files = Array.prototype.slice.apply(files);
|
||||
files.forEach(function(file) {
|
||||
if (!Upload.isTypeAccepted(file.type)) {
|
||||
return;
|
||||
}
|
||||
if (file.size > size_limit) {
|
||||
if (!alert_shown) {
|
||||
alert_shown = true;
|
||||
showAlert(l('WEB_FILE_IS_TOO_BIG', {
|
||||
file_name: cleanHTML(file.name),
|
||||
file_size: cleanHTML(wrapSize(file.size)),
|
||||
file_size_max: cleanHTML(wrapSize(size_limit)),
|
||||
}));
|
||||
}
|
||||
return false;
|
||||
}
|
||||
if ($(form.file).values().length >= limit) {
|
||||
showAlert(l('WEB_TOO_MANY_FILES', {limit: limit}));
|
||||
return false;
|
||||
}
|
||||
var file_parts = (file.name || '').split('.'),
|
||||
file_ext = file_parts.length > 1 ? '.' + file_parts.pop() : '',
|
||||
file_name_without_ext = file_parts.join('.'),
|
||||
$file_delete = $('<span class="cd-issue-file-close close"></span>'),
|
||||
$file_thumb = $('<div class="cd-issue-file-thumb"><svg class="circle-progress-wrap" viewPort="0 0 66 66" width="66px" height="66px"><circle class="circle-progress-bg" cx="50%" cy="50%"></circle><circle class="circle-progress" cx="50%" cy="50%" stroke-dashoffset="106"></circle></svg></div>'),
|
||||
$file_title = $('<div class="cd-issue-file-title"></div>').append($('<span class="filename"/>').text(file_name_without_ext)).append($('<span class="ext"/>').text(file_ext)).attr('title', file_name_without_ext + file_ext),
|
||||
$file_loaded = $('<span class="cd-issue-file-loaded" data-loaded="Generating thumb... "></span>'),
|
||||
$file_label = $('<div class="bt-issue-file-label"></div>').text(wrapSize(file.size)).prepend($file_loaded);
|
||||
|
||||
var $file = $('<div class="cd-issue-file shide"></div>').append($file_delete).append($file_thumb).append($file_title).append($file_label).appendTo($files).slideShow();
|
||||
$files.trigger('update');
|
||||
|
||||
Upload.getThumb(file, 480, function onSuccess(thumb) {
|
||||
if (thumb) {
|
||||
var thumb_url = URL.createObjectURL(thumb);
|
||||
$file_thumb.css('background-image', "url('" + thumb_url + "')");
|
||||
}
|
||||
var xhr = Upload.uploadFile(file, thumb, function onSuccess(file) {
|
||||
if (file.thumb_src &&
|
||||
!$file_thumb.css('background-image')) {
|
||||
var thumb_src = DSA.options.uploadBaseUrl + file.thumb_src;
|
||||
$file_thumb.css('background-image', "url('" + thumb_src + "')");
|
||||
}
|
||||
if (file.src) {
|
||||
var src = DSA.options.uploadBaseUrl + file.src;
|
||||
$file_thumb.wrap('<a href="' + src + '" class="bt-view-media" data-width="' + (file.width || '') + '" data-height="' + (file.height || '') + '" data-cover="' + (file.cover_src || '') + '"' + (file.is_video ? ' data-video' : '') + ' target="_blank" tabindex="-1" />');
|
||||
}
|
||||
$('<input type="hidden" name="file">').value(file.file_data).prependTo($file);
|
||||
$file_loaded.slideXHide('remove');
|
||||
$file.removeClass('file-loading').addClass('file-loaded');
|
||||
}, function onProgress(loaded, total) {
|
||||
var progress = total ? loaded / total : 0;
|
||||
progress = Math.max(0, Math.min(progress, 1));
|
||||
$file_loaded.attr('data-loaded', 'Uploading... ' + wrapSize(progress * file.size) + '\xa0/\xa0');
|
||||
$('.circle-progress', $file_thumb).attr('stroke-dashoffset', 106 * (1 - progress));
|
||||
}, function onError(error) {
|
||||
if (xhr.aborted) return;
|
||||
$file.slideHide('remove');
|
||||
showAlert(error);
|
||||
});
|
||||
$file.data('xhr', xhr);
|
||||
$file.addClass('file-loading');
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
getThumb: function(file, width, onResult) {
|
||||
var thumb = false, got = false
|
||||
ready = function() {
|
||||
clearTimeout(thumbTo);
|
||||
if (!got) {
|
||||
got = true; onResult(thumb);
|
||||
}
|
||||
},
|
||||
thumbTo = setTimeout(ready, 2000);
|
||||
try {
|
||||
var url = URL.createObjectURL(file);
|
||||
var finishThumb = function(el, w, h) {
|
||||
try {
|
||||
var max = Math.max(w, h);
|
||||
var scale = width / max;
|
||||
var dw = Math.round(w * scale);
|
||||
var dh = Math.round(h * scale);
|
||||
if (dw && dh) {
|
||||
var canvas = document.createElement('canvas'), blob;
|
||||
canvas.width = dw
|
||||
canvas.height = dh;
|
||||
var ctx = canvas.getContext('2d');
|
||||
ctx.fillStyle = '#fff';
|
||||
ctx.fillRect(0, 0, dw, dh);
|
||||
ctx.drawImage(el, 0, 0, dw, dh);
|
||||
URL.revokeObjectURL(url);
|
||||
if (canvas.toBlob) {
|
||||
canvas.toBlob(function(blob) {
|
||||
if (blob) { thumb = blob; }
|
||||
ready();
|
||||
}, 'image/jpeg', 0.92);
|
||||
} else {
|
||||
var blob = dataUrlToBlob(canvas.toDataURL('image/jpeg', 0.92));
|
||||
if (blob) { thumb = blob; }
|
||||
ready();
|
||||
}
|
||||
}
|
||||
} catch (e) { ready(); }
|
||||
}
|
||||
if (file.type == 'video/mp4') {
|
||||
var video = document.createElement('video');
|
||||
video.src = url;
|
||||
video.load();
|
||||
video.addEventListener('loadedmetadata', function metadataLoaded() {
|
||||
video.removeEventListener('loadedmetadata', metadataLoaded);
|
||||
video.addEventListener('timeupdate', function timeUpdated() {
|
||||
video.removeEventListener('timeupdate', timeUpdated);
|
||||
finishThumb(video, video.videoWidth, video.videoHeight);
|
||||
});
|
||||
video.currentTime = 0;
|
||||
});
|
||||
video.addEventListener('error', function onError() {
|
||||
video.removeEventListener('error', onError);
|
||||
ready();
|
||||
});
|
||||
} else {
|
||||
var image = document.createElement('img');
|
||||
image.src = url;
|
||||
image.addEventListener('load', function imgLoaded() {
|
||||
image.removeEventListener('load', imgLoaded);
|
||||
finishThumb(image, image.naturalWidth, image.naturalHeight);
|
||||
});
|
||||
image.addEventListener('error', function onError() {
|
||||
image.removeEventListener('error', onError);
|
||||
ready();
|
||||
});
|
||||
}
|
||||
} catch (e) { ready(); }
|
||||
},
|
||||
uploadFile: function(file, thumb, onSuccess, onProgress, onError) {
|
||||
var data = new FormData();
|
||||
data.append('file', file, file.name);
|
||||
if (thumb) {
|
||||
data.append('thumb', thumb, 'thumb.jpg');
|
||||
}
|
||||
return $.ajax({
|
||||
url: DSA.options.uploadUrl,
|
||||
type: 'POST',
|
||||
data: data,
|
||||
cache: false,
|
||||
dataType: 'json',
|
||||
processData: false,
|
||||
contentType: false,
|
||||
xhr: function() {
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.upload.addEventListener('progress', function(event) {
|
||||
if (event.lengthComputable) {
|
||||
onProgress && onProgress(event.loaded, event.total);
|
||||
}
|
||||
});
|
||||
return xhr;
|
||||
},
|
||||
beforeSend: function(xhr) {
|
||||
onProgress && onProgress(0, 1);
|
||||
},
|
||||
success: function (result) {
|
||||
if (result.error) {
|
||||
return onError && onError(result.error);
|
||||
}
|
||||
onSuccess && onSuccess(result);
|
||||
},
|
||||
error: function (xhr) {
|
||||
return onError && onError('Network error');
|
||||
}
|
||||
});
|
||||
},
|
||||
eAttachFile: function(e) {
|
||||
e && e.stopImmediatePropagation();
|
||||
e && e.preventDefault();
|
||||
var limit = DSA.options.fileLimit || 5;
|
||||
if ($(this.form.file).values().length >= limit) {
|
||||
showAlert(l('WEB_TOO_MANY_FILES', {limit: limit}));
|
||||
return false;
|
||||
}
|
||||
$('<input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,video/mp4,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" class="file-upload hide" multiple>').appendTo(this).click();
|
||||
},
|
||||
eDeleteFile: function(e) {
|
||||
var $file = $(this).parents('.cd-issue-file');
|
||||
if ($file.hasClass('file-loading')) {
|
||||
var xhr = $file.data('xhr');
|
||||
if (xhr) {
|
||||
xhr.aborted = true;
|
||||
xhr.abort();
|
||||
}
|
||||
}
|
||||
$file.slideHide('remove');
|
||||
$file.parents('.bt-issue-files').trigger('update');
|
||||
},
|
||||
cleanFiles: function(context) {
|
||||
var $files = $('.bt-issue-files', context);
|
||||
$('.cd-issue-file.file-loading', context).each(function() {
|
||||
var xhr = $file.data('xhr');
|
||||
if (xhr) {
|
||||
xhr.aborted = true;
|
||||
xhr.abort();
|
||||
}
|
||||
});
|
||||
$files.empty().trigger('update');
|
||||
}
|
||||
};
|
||||
|
||||
var Dialog = {
|
||||
init: function() {
|
||||
var $cont = $('.bt-dialog');
|
||||
var $form = $('.cd-comment-form');
|
||||
$('.bt-form-input .cd-form-control', $form).on('focus blur keyup change input', DSA.eUpdateField);
|
||||
$('.bt-attach-btn', $form).on('focus blur', DSA.eUpdateField);
|
||||
$('input.checkbox,input.radio', $form).on('focus blur', DSA.eUpdateField);
|
||||
$('.bt-issue-files', $form).on('update', DSA.onFilesUpdate);
|
||||
$form.on('change.curPage', '.file-upload', Upload.eSelectFile);
|
||||
$form.on('click.curPage', '.bt-attach-btn', Upload.eAttachFile);
|
||||
$form.on('click.curPage', '.file-upload', stopImmediatePropagation);
|
||||
$form.on('click.curPage', '.cd-issue-file-close', Upload.eDeleteFile);
|
||||
$('.bt-form-input > div.input[contenteditable]', $form).initTextarea();
|
||||
$('.cd-input-field > div.input[contenteditable]', $form).initTextarea();
|
||||
$('.bt-issue-files', $form).trigger('update');
|
||||
|
||||
$($cont).on('click.curPage', '.bt-init-dialog-btn', Dialog.eInitDialog);
|
||||
$($cont).on('submit.curPage', '.cd-comment-form', Dialog.eSubmitCommentForm);
|
||||
$($cont).on('paste.curPage', '.cd-comment-form', Upload.eFilePaste);
|
||||
$($cont).on('change.curPage', '.cd-dialog-options .radio', Dialog.eSelectOption);
|
||||
},
|
||||
updateOptions: function(e) {
|
||||
$('.cd-dialog-options').slice(0, -1).each(function() {
|
||||
$(this).addClass('disabled');
|
||||
$('.radio', this).prop('disabled', true);
|
||||
});
|
||||
},
|
||||
updateMessages: function(result) {
|
||||
$('.cd-comment-form').toggleClass('hide', !result.need_text_reply);
|
||||
$('.cd-comment-input-wrap').toggleClass('with-attach', !!result.need_file_reply);
|
||||
$('.bt-restart-form').toggleClass('hide', !result.need_restart);
|
||||
if (result.messages_html) {
|
||||
var $comments = $(result.messages_html);
|
||||
var $commentsWrap = $('.bt-comments');
|
||||
if (result.replace) {
|
||||
$commentsWrap.empty();
|
||||
}
|
||||
$comments.appendTo($commentsWrap);
|
||||
Dialog.updateOptions();
|
||||
$('.bt-comments .bt-comment').last().scrollIntoView({position: 'top', padding: -1});
|
||||
}
|
||||
},
|
||||
eInitDialog: function(e) {
|
||||
e.preventDefault();
|
||||
var $button = $(this);
|
||||
var init_hash = $button.attr('data-init-hash');
|
||||
if ($button.prop('disabled')) {
|
||||
return false;
|
||||
}
|
||||
$button.prop('disabled', true);
|
||||
DSA.apiRequest('initDialog', {
|
||||
init_hash: init_hash
|
||||
}, function(result) {
|
||||
$button.prop('disabled', false);
|
||||
if (result.error) {
|
||||
return showAlert(result.error);
|
||||
}
|
||||
location.reload();
|
||||
});
|
||||
return false;
|
||||
},
|
||||
eSelectOption: function(e) {
|
||||
e.preventDefault();
|
||||
var $form = $(this.form);
|
||||
if ($form.hasClass('disabled')) {
|
||||
return false;
|
||||
}
|
||||
var msg_id = $form.field('msg_id').value();
|
||||
var opt = $form.field('opt').value();
|
||||
if ($form.data('submiting')) {
|
||||
return false;
|
||||
}
|
||||
$form.data('submiting', true);
|
||||
$form.addClass('disabled');
|
||||
$('.radio', $form).prop('disabled', true);
|
||||
DSA.apiRequest('selectDialogOption', {
|
||||
msg_id: msg_id,
|
||||
opt: opt
|
||||
}, function(result) {
|
||||
$form.data('submiting', false);
|
||||
if (result.error) {
|
||||
$form.removeClass('disabled');
|
||||
$('.radio', $form).prop('disabled', false);
|
||||
return showAlert(result.error);
|
||||
}
|
||||
Dialog.updateMessages(result);
|
||||
});
|
||||
return false;
|
||||
},
|
||||
eSubmitCommentForm: function(e) {
|
||||
e.preventDefault();
|
||||
var form = this;
|
||||
var $form = $(this);
|
||||
var $button = $('.cd-submit-issue-btn', this);
|
||||
var attach_btn = $('.bt-attach-btn', this).get(0);
|
||||
var text = $form.field('text').value();
|
||||
var files = $(this.file).values();
|
||||
if ($('.file-loading', this).size()) {
|
||||
showAlert(l('WEB_UPLOADING_IN_PROGRESS'));
|
||||
return false;
|
||||
}
|
||||
if (!text.length && !files.length) {
|
||||
$form.field('text').focus();
|
||||
return false;
|
||||
}
|
||||
var limit = DSA.options.fileLimit || 1;
|
||||
if (files.length > limit) {
|
||||
showAlert(l('WEB_TOO_MANY_FILES', {limit: limit}));
|
||||
return false;
|
||||
}
|
||||
if ($form.data('submiting')) {
|
||||
return false;
|
||||
}
|
||||
$form.data('submiting', true);
|
||||
$button.prop('disabled', true);
|
||||
DSA.apiRequest('sendDialogMessage', {
|
||||
text: text,
|
||||
files: files.join(';')
|
||||
}, function(result) {
|
||||
$form.data('submiting', false);
|
||||
$button.prop('disabled', false);
|
||||
if (result.error) {
|
||||
return showAlert(result.error);
|
||||
}
|
||||
$form.reset();
|
||||
Upload.cleanFiles($form);
|
||||
Dialog.updateMessages(result);
|
||||
});
|
||||
return false;
|
||||
}
|
||||
};
|
||||
Loading…
Add table
Reference in a new issue