mirror of
https://github.com/MarshalX/telegram-crawler.git
synced 2024-11-30 20:22:06 +01:00
752 lines
26 KiB
JavaScript
752 lines
26 KiB
JavaScript
|
|
||
|
|
var Gateway = {
|
||
|
|
init: function() {
|
||
|
|
Aj.onLoad(function(state) {
|
||
|
|
Gateway.updateTime(Aj.ajContainer);
|
||
|
|
$('.logout-link').on('click', Gateway.eLogOut);
|
||
|
|
});
|
||
|
|
Aj.onUnload(function(state) {
|
||
|
|
$('.logout-link').off('click', Gateway.eLogOut);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
checkAuth: function (e) {
|
||
|
|
if (Aj.needAuth()) {
|
||
|
|
e.preventDefault();
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
eUpdateField: function(e) {
|
||
|
|
var $fieldEl = $(this);
|
||
|
|
if (e.type == 'focus' || e.type == 'focusin') {
|
||
|
|
Gateway.updateField($fieldEl, true);
|
||
|
|
} else if (e.type == 'blur' || e.type == 'focusout') {
|
||
|
|
Gateway.updateField($fieldEl, false);
|
||
|
|
} else {
|
||
|
|
Gateway.updateField($fieldEl);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
eUpdateDropdown: function(e) {
|
||
|
|
var $ddItemEl = $(this);
|
||
|
|
var $ddItemWrapEl = $ddItemEl.parents('li');
|
||
|
|
var $ddWrapEl = $ddItemEl.parents('.input-dropdown');
|
||
|
|
var $ddInputEl = $('.input', $ddWrapEl);
|
||
|
|
var value = $ddItemEl.data('value');
|
||
|
|
var label = $ddItemEl.html();
|
||
|
|
$('.dropdown-menu > li.selected', $ddWrapEl).removeClass('selected');
|
||
|
|
$ddItemWrapEl.addClass('selected');
|
||
|
|
$ddInputEl.data('value', value);
|
||
|
|
$ddInputEl.html(label);
|
||
|
|
$ddInputEl.trigger('ddchange');
|
||
|
|
},
|
||
|
|
eSetDropdownValue: function(e, val) {
|
||
|
|
var $ddInputEl = $(this);
|
||
|
|
var $ddWrapEl = $ddInputEl.parents('.input-dropdown');
|
||
|
|
$('.input-dropdown-item', $ddWrapEl).each(function() {
|
||
|
|
var $ddItemEl = $(this);
|
||
|
|
var $ddItemWrapEl = $ddItemEl.parents('li');
|
||
|
|
var value = $ddItemEl.data('value');
|
||
|
|
var label = $ddItemEl.html();
|
||
|
|
if (value == val) {
|
||
|
|
$('.dropdown-menu > li.selected', $ddWrapEl).removeClass('selected');
|
||
|
|
$ddItemWrapEl.addClass('selected');
|
||
|
|
$ddInputEl.data('value', value);
|
||
|
|
$ddInputEl.html(label);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
eShownDropdown: function(e) {
|
||
|
|
$('.dropdown-menu > li.selected', this).scrollIntoView({position: 'top', padding: 40});
|
||
|
|
},
|
||
|
|
dateTimeFieldValue: function($form, date_field, time_field) {
|
||
|
|
var $dateFieldEl = time_field ? $form.field(date_field) : $form;
|
||
|
|
var $timeFieldEl = time_field ? $form.field(time_field) : date_field;
|
||
|
|
var date_value = $dateFieldEl.value();
|
||
|
|
var time_value = $timeFieldEl.value();
|
||
|
|
if (!date_value || !time_value) {
|
||
|
|
return '';
|
||
|
|
}
|
||
|
|
var tz_offset = -60 * (new Date()).getTimezoneOffset();
|
||
|
|
var is_pos = tz_offset >= 0;
|
||
|
|
if (!is_pos) tz_offset *= -1;
|
||
|
|
var h = Math.floor(tz_offset / 3600);
|
||
|
|
var m = Math.floor((tz_offset % 3600) / 60);
|
||
|
|
if (h < 10) h = '0' + h;
|
||
|
|
if (m < 10) m = '0' + m;
|
||
|
|
return date_value + 'T' + time_value + (tz_offset ? (is_pos ? '+' : '-') + h + m : 'Z');
|
||
|
|
},
|
||
|
|
ownerCurrencyDecimals: function() {
|
||
|
|
if (typeof Aj.state.ownerCurrencyDecimals === 'undefined') {
|
||
|
|
return 2;
|
||
|
|
}
|
||
|
|
return Aj.state.ownerCurrencyDecimals;
|
||
|
|
},
|
||
|
|
wrapAmount: function(value, no_currency, field_format, decimals) {
|
||
|
|
var base_decimals = Gateway.ownerCurrencyDecimals();
|
||
|
|
if (typeof decimals === 'undefined') {
|
||
|
|
decimals = base_decimals;
|
||
|
|
}
|
||
|
|
while (decimals > base_decimals) {
|
||
|
|
var val = Math.round(value * Math.pow(10, decimals));
|
||
|
|
if (val % 10) break;
|
||
|
|
decimals--;
|
||
|
|
}
|
||
|
|
var amount_str = formatNumber(value, decimals, '.', field_format ? '' : ',');
|
||
|
|
if (no_currency) {
|
||
|
|
return amount_str;
|
||
|
|
}
|
||
|
|
var currency_str = Aj.state.ownerCurrency || '<span class="amount-currency currency-euro">€</span>';
|
||
|
|
var parts = amount_str.split('.');
|
||
|
|
amount_str = parts[0] + (parts.length > 1 && parts[1].length ? '<span class="amount-frac">.' + parts[1] + '</span>' : '');
|
||
|
|
return currency_str + amount_str;
|
||
|
|
},
|
||
|
|
wrapEurAmount: function(value, field_format) {
|
||
|
|
var rate = Aj.state.ownerCurrencyRate || 1;
|
||
|
|
value = Math.round(value * rate * 100) / 100;
|
||
|
|
return '<span class="amount-sign">~</span><span class="amount-currency currency-euro">€</span>' + formatNumber(value, (value % 1) && value < 1000 ? 2 : 0, '.', field_format ? '' : ',');
|
||
|
|
},
|
||
|
|
amountFieldValue: function($form, field) {
|
||
|
|
var $fieldEl = field ? $form.field(field) : $($form);
|
||
|
|
var minValue = $fieldEl.attr('data-min') || null;
|
||
|
|
var maxValue = $fieldEl.attr('data-max') || null;
|
||
|
|
var decPoint = $fieldEl.attr('data-dec-point') || '.';
|
||
|
|
var decimals = $fieldEl.attr('data-decimals') || Gateway.ownerCurrencyDecimals();
|
||
|
|
var value = $fieldEl.value();
|
||
|
|
|
||
|
|
var float_value = value.length ? value : '0';
|
||
|
|
if (decPoint != '.') {
|
||
|
|
float_value.split(decPoint).join('.');
|
||
|
|
}
|
||
|
|
float_value = parseFloat(float_value);
|
||
|
|
if (isNaN(float_value) || float_value >= 1e9) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
if (minValue !== null && float_value < minValue ||
|
||
|
|
maxValue !== null && float_value > maxValue) {
|
||
|
|
return false;
|
||
|
|
} else {
|
||
|
|
return float_value;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
updateAmountEurValue: function(field) {
|
||
|
|
var $eurEl = $('~*>.js-amount-eur', field);
|
||
|
|
if (Aj.state.ownerCurrencyRate) {
|
||
|
|
var float_value = Gateway.amountFieldValue(field);
|
||
|
|
if (float_value !== false && $(field).value()) {
|
||
|
|
$eurEl.addClass('active').html(Gateway.wrapEurAmount(float_value));
|
||
|
|
} else {
|
||
|
|
$eurEl.removeClass('active');
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
$eurEl.removeClass('active');
|
||
|
|
}
|
||
|
|
},
|
||
|
|
eUpdateAmountField: function(e) {
|
||
|
|
var $fieldEl = $(this);
|
||
|
|
var minValue = $fieldEl.attr('data-min') || null;
|
||
|
|
var maxValue = $fieldEl.attr('data-max') || null;
|
||
|
|
var decPoint = $fieldEl.attr('data-dec-point') || '.';
|
||
|
|
var decimals = $fieldEl.attr('data-decimals') || Gateway.ownerCurrencyDecimals();
|
||
|
|
var sel_dir = this.selectionDirection;
|
||
|
|
var sel_start = this.selectionStart;
|
||
|
|
var sel_end = this.selectionEnd;
|
||
|
|
var value = this.value;
|
||
|
|
var new_sel_start = sel_start;
|
||
|
|
var new_sel_end = sel_end;
|
||
|
|
var new_value = '';
|
||
|
|
var has_decimal = false;
|
||
|
|
var chars_len = 0;
|
||
|
|
var decimal_len = 0;
|
||
|
|
for (var i = 0; i < value.length; i++) {
|
||
|
|
var char = value[i];
|
||
|
|
if ((char == '.' || char == ',') && !has_decimal && decimals > 0) {
|
||
|
|
if (!chars_len) {
|
||
|
|
new_value += '0';
|
||
|
|
if (i < sel_start) new_sel_start++;
|
||
|
|
if (i < sel_end) new_sel_end++;
|
||
|
|
}
|
||
|
|
has_decimal = true;
|
||
|
|
new_value += decPoint;
|
||
|
|
} else if (char >= '0' && char <= '9' && (!has_decimal || decimal_len < decimals)) {
|
||
|
|
new_value += char;
|
||
|
|
if (has_decimal) decimal_len++;
|
||
|
|
else chars_len++;
|
||
|
|
} else {
|
||
|
|
if (i < sel_start) new_sel_start--;
|
||
|
|
if (i < sel_end) new_sel_end--;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
this.value = new_value;
|
||
|
|
this.setSelectionRange(new_sel_start, new_sel_end, sel_dir);
|
||
|
|
var float_value = new_value.length ? new_value : '0';
|
||
|
|
if (decPoint != '.') {
|
||
|
|
float_value.split(decPoint).join('.');
|
||
|
|
}
|
||
|
|
float_value = parseFloat(float_value);
|
||
|
|
var is_invalid = (isNaN(float_value) || float_value >= 1e9);
|
||
|
|
if (minValue !== null && float_value < minValue ||
|
||
|
|
maxValue !== null && float_value > maxValue ||
|
||
|
|
is_invalid) {
|
||
|
|
Gateway.showFieldError($fieldEl);
|
||
|
|
} else {
|
||
|
|
Gateway.hideFieldError($fieldEl);
|
||
|
|
}
|
||
|
|
if (e.type == 'change') {
|
||
|
|
if (new_value.length && !is_invalid) {
|
||
|
|
this.value = Gateway.wrapAmount(float_value, true, true, decimals);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
Gateway.updateAmountEurValue(this);
|
||
|
|
},
|
||
|
|
updateField: function($fieldEl, focused) {
|
||
|
|
var $formGroup = $fieldEl.fieldEl().parents('.form-group');
|
||
|
|
if (typeof focused !== 'undefined') {
|
||
|
|
$formGroup.toggleClass('field-focused', focused);
|
||
|
|
}
|
||
|
|
var $select = $fieldEl.parents('.select');
|
||
|
|
var selectedCnt = $select.find('.selected-item').size();
|
||
|
|
$formGroup.toggleClass('noinput', $select.hasClass('no-search') && !selectedCnt);
|
||
|
|
var hasValue = $fieldEl.value().length > 0 || selectedCnt > 0;
|
||
|
|
$formGroup.toggleClass('field-has-value', hasValue);
|
||
|
|
},
|
||
|
|
showFieldHint: function($fieldEl, hint_text, field_invalid) {
|
||
|
|
var $formGroup = $fieldEl.fieldEl().parents('.form-group');
|
||
|
|
var $hint = $formGroup.find('>.gw-form-control-hint');
|
||
|
|
var $msg = $formGroup.find('>.gw-form-control-msg');
|
||
|
|
if (!$msg.size() && hint_text) {
|
||
|
|
$msg = $('<div class="gw-form-control-msg shide" />');
|
||
|
|
$formGroup.find('>.gw-form-control-wrap,>.datetime-group,>.gw-btn').after($msg);
|
||
|
|
}
|
||
|
|
$msg.toggleClass('no-hint', !$hint.text().length);
|
||
|
|
if (hint_text) {
|
||
|
|
$msg.html('<div class="gw-form-control-msg-text">' + hint_text + '</div>').redraw().slideShow();
|
||
|
|
} else {
|
||
|
|
$msg.slideHide();
|
||
|
|
}
|
||
|
|
$formGroup.toggleClass('field-invalid', !!field_invalid);
|
||
|
|
},
|
||
|
|
showFieldError: function($fieldEl, error_text, focus) {
|
||
|
|
Gateway.showFieldHint($fieldEl, error_text, true);
|
||
|
|
if (focus) {
|
||
|
|
if ($fieldEl.hasClass('select')) {
|
||
|
|
$fieldEl.trigger('click');
|
||
|
|
$fieldEl.find('.items-list').addClass('collapsed');
|
||
|
|
$fieldEl.removeClass('open');
|
||
|
|
} else if (!$fieldEl.is('[type="file"],[type="date"],[type="time"]')) {
|
||
|
|
$fieldEl.focusAndSelect();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
hideFieldError: function($fieldEl) {
|
||
|
|
Gateway.showFieldHint($fieldEl, '', false);
|
||
|
|
},
|
||
|
|
onSelectChange: function(field, value, valueFull) {
|
||
|
|
var $fieldEl = Aj.state.$form.field(field);
|
||
|
|
Gateway.hideFieldError($fieldEl);
|
||
|
|
if (Aj.state.selectList) {
|
||
|
|
for (var i = 0; i < Aj.state.selectList.length; i++) {
|
||
|
|
var selectData = Aj.state.selectList[i];
|
||
|
|
if (selectData.field == field &&
|
||
|
|
selectData.update_cpm) {
|
||
|
|
NewAd.adPostCheck(Aj.state.$form);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
updateTime: function(context) {
|
||
|
|
$('time[datetime]', context).each(function () {
|
||
|
|
var $time = $(this), datetime = $time.attr('datetime'), title = $time.attr('title'), html = $time.html(), new_html = formatDateTime(datetime, $time.hasClass('short'));
|
||
|
|
if (html != new_html) {
|
||
|
|
$time.html(new_html);
|
||
|
|
}
|
||
|
|
if ($time.hasClass('short') && title) {
|
||
|
|
var new_title = formatDateTime(datetime);
|
||
|
|
if (title != new_title) {
|
||
|
|
$time.attr('title', new_title);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
$time.removeAttr('datetime');
|
||
|
|
});
|
||
|
|
},
|
||
|
|
formatTableDate: function(timestamp) {
|
||
|
|
var date = new Date(timestamp * 1000);
|
||
|
|
var j = date.getDate();
|
||
|
|
var M = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][date.getMonth()];
|
||
|
|
var y = date.getFullYear() % 100;
|
||
|
|
return j + ' ' + M + ' ' + y + ' ' + formatTime(timestamp * 1000);
|
||
|
|
},
|
||
|
|
fieldInit: function(field) {
|
||
|
|
$(field).on('focus blur keyup change input', Gateway.eUpdateField);
|
||
|
|
$(field).parents('.gw-search-input-wrap').find('.gw-search-reset').on('click', Gateway.eClearField);
|
||
|
|
Gateway.updateField($(field));
|
||
|
|
},
|
||
|
|
fieldDestroy: function(field) {
|
||
|
|
$(field).off('focus blur keyup change input', Gateway.eUpdateField);
|
||
|
|
$(field).parents('.gw-search-input-wrap').find('.gw-search-reset').off('click', Gateway.eClearField);
|
||
|
|
},
|
||
|
|
formInit: function(form) {
|
||
|
|
var $form = $(form);
|
||
|
|
$('.gw-form-control', $form).each(function(){ Gateway.fieldInit(this); });
|
||
|
|
$('.js-amount-input', $form).on('keyup change input', Gateway.eUpdateAmountField);
|
||
|
|
$('input.checkbox,input.radio', $form).on('focus blur', Gateway.eUpdateField);
|
||
|
|
$('.input-dropdown', $form).on('click', '.input-dropdown-item', Gateway.eUpdateDropdown);
|
||
|
|
$('.input-dropdown > .input', $form).on('selectval', Gateway.eSetDropdownValue);
|
||
|
|
$('.input-dropdown', $form).on('shown.bs.dropdown', Gateway.eShownDropdown);
|
||
|
|
$('.js-hint-tooltip', $form).on('mouseover mouseout click', Gateway.eHintEvent);
|
||
|
|
$('textarea.gw-form-control', $form).initAutosize();
|
||
|
|
$('.upload-input input', $form).on('change', Gateway.eFileChange);
|
||
|
|
$('.upload-input .js-file-reset', $form).on('click', Gateway.eFileReset);
|
||
|
|
$(document).on('touchstart click', Gateway.eHideAllHints);
|
||
|
|
$form.on('click.curPage', '.file-upload', stopImmediatePropagation);
|
||
|
|
setTimeout(function(){ $form.removeClass('no-transition'); }, 100);
|
||
|
|
},
|
||
|
|
formDestroy: function(form) {
|
||
|
|
var $form = $(form);
|
||
|
|
$('.gw-form-control', $form).each(function(){ Gateway.fieldDestroy(this); });
|
||
|
|
$('.js-amount-input', $form).off('keyup change input', Gateway.eUpdateAmountField);
|
||
|
|
$('input.checkbox,input.radio', $form).off('focus blur', Gateway.eUpdateField);
|
||
|
|
$('.input-dropdown', $form).off('click', '.input-dropdown-item', Gateway.eUpdateDropdown);
|
||
|
|
$('.input-dropdown > .input', $form).off('selectval', Gateway.eSetDropdownValue);
|
||
|
|
$('.input-dropdown', $form).off('shown.bs.dropdown', Gateway.eShownDropdown);
|
||
|
|
$('.js-hint-tooltip', $form).off('mouseover mouseout click', Gateway.eHintEvent);
|
||
|
|
$('textarea.gw-form-control', $form).destroyAutosize();
|
||
|
|
$('.upload-input input', $form).off('change', Gateway.eFileChange);
|
||
|
|
$('.upload-input .js-file-reset', $form).off('click', Gateway.eFileReset);
|
||
|
|
$(document).off('touchstart click', Gateway.eHideAllHints);
|
||
|
|
$form.off('click.curPage', '.file-upload', stopImmediatePropagation);
|
||
|
|
},
|
||
|
|
eClearField: function(e) {
|
||
|
|
var $fieldEl = $(this).parents('.gw-search-input-wrap').find('.gw-search-input');
|
||
|
|
$fieldEl.value('').trigger('input').focus();
|
||
|
|
},
|
||
|
|
eFileChange: function(e) {
|
||
|
|
var files = this.files || [];
|
||
|
|
var $field = $(this);
|
||
|
|
var $input = $field.parents('.upload-input');
|
||
|
|
var $fileName = $('.js-selected-value', $input);
|
||
|
|
if (files.length > 0) {
|
||
|
|
var file = files[0];
|
||
|
|
$field.data('file', file)
|
||
|
|
$fileName.attr('data-filename', file.name);
|
||
|
|
$input.addClass('selected');
|
||
|
|
} else {
|
||
|
|
$field.data('file', null);
|
||
|
|
$fileName.attr('data-filename', '');
|
||
|
|
$input.removeClass('selected');
|
||
|
|
}
|
||
|
|
Gateway.hideFieldError($field);
|
||
|
|
},
|
||
|
|
eFileReset: function(e) {
|
||
|
|
var $input = $(this).parents('.upload-input');
|
||
|
|
var $field = $input.find('input');
|
||
|
|
var $fileName = $('.js-selected-value', $input);
|
||
|
|
$field.data('file', null).val('');
|
||
|
|
$fileName.attr('data-filename', '');
|
||
|
|
$input.removeClass('selected');
|
||
|
|
Gateway.hideFieldError($field);
|
||
|
|
},
|
||
|
|
showHint: function($hint, delay, hide_delay) {
|
||
|
|
hide_delay = hide_delay || 0;
|
||
|
|
var show_to = $hint.data('show_to');
|
||
|
|
var hide_to = $hint.data('hide_to');
|
||
|
|
clearTimeout(show_to);
|
||
|
|
clearTimeout(hide_to);
|
||
|
|
show_to = setTimeout(function() {
|
||
|
|
$hint.addClass('show-hint');
|
||
|
|
if (hide_delay > 0) {
|
||
|
|
Gateway.hideHint($hint, hide_delay);
|
||
|
|
}
|
||
|
|
}, delay);
|
||
|
|
$hint.data('show_to', show_to);
|
||
|
|
},
|
||
|
|
hideHint: function($hint, delay) {
|
||
|
|
var show_to = $hint.data('show_to');
|
||
|
|
var hide_to = $hint.data('hide_to');
|
||
|
|
clearTimeout(show_to);
|
||
|
|
clearTimeout(hide_to);
|
||
|
|
hide_to = setTimeout(function() {
|
||
|
|
$hint.removeClass('show-hint');
|
||
|
|
}, delay);
|
||
|
|
$hint.data('hide_to', hide_to);
|
||
|
|
},
|
||
|
|
eHintEvent: function(e) {
|
||
|
|
var $hint = $(this);
|
||
|
|
if (e.type == 'click') {
|
||
|
|
Gateway.showHint($hint, 50, 2000);
|
||
|
|
} else if (e.type == 'mouseover') {
|
||
|
|
Gateway.showHint($hint, 400);
|
||
|
|
} else if (e.type == 'mouseout') {
|
||
|
|
Gateway.hideHint($hint, 100);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
eHideAllHints: function(e) {
|
||
|
|
var $closestHint = $(e.target).closest('.js-hint-tooltip');
|
||
|
|
$('.js-hint-tooltip.show-hint').each(function() {
|
||
|
|
if (!$closestHint.filter(this).size()) {
|
||
|
|
Gateway.hideHint($(this), 1);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
updateTextShadow: function(footerEl, textSel, shadowedSel, add_margin) {
|
||
|
|
var textEl = footerEl.previousElementSibling;
|
||
|
|
if (textEl && $(textEl).is(textSel)) {
|
||
|
|
var text_rect = textEl.getBoundingClientRect();
|
||
|
|
var tnode = textEl.firstChild;
|
||
|
|
while (tnode && tnode.nodeType == tnode.ELEMENT_NODE) {
|
||
|
|
tnode = tnode.firstChild;
|
||
|
|
}
|
||
|
|
$(textEl).removeClass('before_footer');
|
||
|
|
if (tnode) {
|
||
|
|
var r = document.createRange();
|
||
|
|
r.setStart(tnode, 0);
|
||
|
|
r.setEnd(tnode, 1);
|
||
|
|
var char_rect = r.getBoundingClientRect();
|
||
|
|
if (Math.abs(char_rect.right - text_rect.right) > 3) {
|
||
|
|
var $infoEl = $(footerEl).find(shadowedSel);
|
||
|
|
if ($infoEl.size()) {
|
||
|
|
$(textEl).find('span.js-shadow').remove();
|
||
|
|
var $shadowEl = $('<span class="js-shadow">').css('display', 'inline-block').width($infoEl.width() + (add_margin || 0));
|
||
|
|
$(textEl).append($shadowEl).addClass('before_footer');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
initSelect: function($form, field, options) {
|
||
|
|
var $selectEl = $form.field(field);
|
||
|
|
var $selectInput = $('.input', $selectEl);
|
||
|
|
options = options || {};
|
||
|
|
$selectEl.data('selOpts', options);
|
||
|
|
var onload = function(state) {
|
||
|
|
var cachedData;
|
||
|
|
$selectEl.initSelect({
|
||
|
|
multiSelect: !options.noMultiSelect,
|
||
|
|
noCloseOnSelect: false,
|
||
|
|
noCloseOnEnter: !!options.onEnter,
|
||
|
|
enterOnClose: true,
|
||
|
|
enterEnabled: function() {
|
||
|
|
return !!options.onEnter;
|
||
|
|
},
|
||
|
|
prepareQuery: function(str) {
|
||
|
|
return $.trim(str).toLowerCase();
|
||
|
|
},
|
||
|
|
renderItem: options.renderItem,
|
||
|
|
appendToItems: options.appendToItems,
|
||
|
|
renderSelectedItem: options.renderSelectedItem,
|
||
|
|
renderNoItems: function(q) {
|
||
|
|
return q && options.l_no_items_found ? '<div class="select-list-no-results">' + options.l_no_items_found + '</div>' : '';
|
||
|
|
},
|
||
|
|
getData: function(value) {
|
||
|
|
if (cachedData !== false && !cachedData) {
|
||
|
|
cachedData = false;
|
||
|
|
if (options.items) {
|
||
|
|
var data = options.items;
|
||
|
|
for (var i = 0; i < data.length; i++) {
|
||
|
|
var item = data[i];
|
||
|
|
item._values = [item.name.toLowerCase()];
|
||
|
|
}
|
||
|
|
cachedData = data;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (options.getData) {
|
||
|
|
return options.getData(value, cachedData, options.getDataOpts);
|
||
|
|
} else {
|
||
|
|
return cachedData;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onBlur: function(value) {
|
||
|
|
options.onBlur && options.onBlur(field, options.getDataOpts);
|
||
|
|
},
|
||
|
|
onEnter: function(value) {
|
||
|
|
options.onEnter && options.onEnter(field, value);
|
||
|
|
},
|
||
|
|
onChange: function(value, valueFull) {
|
||
|
|
options.onChange && options.onChange(field, value, valueFull);
|
||
|
|
},
|
||
|
|
onUpdate: function(value, valueFull) {
|
||
|
|
Gateway.updateField($selectInput);
|
||
|
|
options.onUpdate && options.onUpdate(field, value, valueFull);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
Gateway.updateField($selectInput);
|
||
|
|
};
|
||
|
|
var onunload = function(state) {
|
||
|
|
$selectEl.destroySelect();
|
||
|
|
};
|
||
|
|
if (options.insideLayer) {
|
||
|
|
Aj.onLayerLoad(onload);
|
||
|
|
Aj.onLayerUnload(onunload);
|
||
|
|
} else {
|
||
|
|
Aj.onLoad(onload);
|
||
|
|
Aj.onUnload(onunload);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
getSelectItems: function(method, need_fields) {
|
||
|
|
var _data = Aj.globalState.adsList;
|
||
|
|
if (_data === false) {
|
||
|
|
return false;
|
||
|
|
} else if (_data) {
|
||
|
|
return _data;
|
||
|
|
}
|
||
|
|
Aj.state.adsList = false;
|
||
|
|
Aj.state.adsListIsLoading = true;
|
||
|
|
if (Aj.state.initialAdsList) {
|
||
|
|
setTimeout(function() {
|
||
|
|
OwnerGateway.processAdsList(Aj.state.initialAdsList);
|
||
|
|
}, 10);
|
||
|
|
} else {
|
||
|
|
OwnerGateway.loadAdsList({offset: 0});
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
},
|
||
|
|
getTimezoneText: function(tz_offset) {
|
||
|
|
if (typeof tz_offset === 'undefined') {
|
||
|
|
tz_offset = -60 * (new Date()).getTimezoneOffset();
|
||
|
|
}
|
||
|
|
var is_pos = tz_offset >= 0;
|
||
|
|
if (!is_pos) tz_offset *= -1;
|
||
|
|
var h = Math.floor(tz_offset / 3600);
|
||
|
|
var m = Math.floor((tz_offset % 3600) / 60);
|
||
|
|
if (m < 10) m = '0' + m;
|
||
|
|
return 'UTC' + (tz_offset ? (is_pos ? '+' : '-') + h + ':' + m : '');
|
||
|
|
},
|
||
|
|
eLogOut: function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
e.stopImmediatePropagation();
|
||
|
|
Aj.apiRequest('logOut', {}, function(result) {
|
||
|
|
location.reload();
|
||
|
|
});
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
var Account = {
|
||
|
|
formFields: [
|
||
|
|
'name',
|
||
|
|
'full_name',
|
||
|
|
'email',
|
||
|
|
'phone_number',
|
||
|
|
'country',
|
||
|
|
'city'
|
||
|
|
],
|
||
|
|
init: function() {
|
||
|
|
var cont = Aj.ajContainer;
|
||
|
|
Aj.onLoad(function(state) {
|
||
|
|
state.$form = $('.account-edit-form', cont);
|
||
|
|
Gateway.formInit(state.$form);
|
||
|
|
state.$form.on('submit', preventDefault);
|
||
|
|
cont.on('click.curPage', '.save-info-btn', Account.eSubmitForm);
|
||
|
|
cont.on('change.curPage', '.gw-form-control', Account.onFieldChange);
|
||
|
|
Aj.onLoad(function(state) {
|
||
|
|
state.initFormData = Account.getFormData(state.$form);
|
||
|
|
Aj.onBeforeUnload(function() {
|
||
|
|
var curFormData = Account.getFormData(state.$form);
|
||
|
|
if (Aj.state.initFormData != curFormData) {
|
||
|
|
return l('WEB_LEAVE_PAGE_CONFIRM_TEXT');
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
Aj.onUnload(function(state) {
|
||
|
|
Gateway.formDestroy(state.$form);
|
||
|
|
state.$form.off('submit', preventDefault);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
onFieldChange: function() {
|
||
|
|
if (!$(this).hasClass('js-amount-input')) {
|
||
|
|
Gateway.hideFieldError($(this));
|
||
|
|
}
|
||
|
|
},
|
||
|
|
getFormData: function($form) {
|
||
|
|
var form = $form.get(0);
|
||
|
|
if (!form) return false;
|
||
|
|
var values = [];
|
||
|
|
for (var i = 0; i < Account.formFields.length; i++) {
|
||
|
|
var field = Account.formFields[i];
|
||
|
|
var value = $form.field(field).value();
|
||
|
|
values.push(value);
|
||
|
|
}
|
||
|
|
return values.join('|');
|
||
|
|
},
|
||
|
|
eSubmitForm: function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
var $form = Aj.state.$form;
|
||
|
|
var $button = $(this);
|
||
|
|
var method = 'createAccount';
|
||
|
|
var params = {};
|
||
|
|
if (Aj.state.accountId) {
|
||
|
|
method = 'editAccountInfo';
|
||
|
|
params.account_id = Aj.state.accountId;
|
||
|
|
}
|
||
|
|
for (var i = 0; i < Account.formFields.length; i++) {
|
||
|
|
var field = Account.formFields[i];
|
||
|
|
var value = $form.field(field).value();
|
||
|
|
if (!value.length && !Account.optFields[field]) {
|
||
|
|
$form.field(field).focus();
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
params[field] = value;
|
||
|
|
}
|
||
|
|
|
||
|
|
$button.prop('disabled', true);
|
||
|
|
Aj.apiRequest(method, params, function(result) {
|
||
|
|
if (result.error) {
|
||
|
|
$button.prop('disabled', false);
|
||
|
|
if (result.field) {
|
||
|
|
var $field = $form.field(result.field);
|
||
|
|
if ($field.size()) {
|
||
|
|
Gateway.showFieldError($field, result.error, true);
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return showAlert(result.error);
|
||
|
|
}
|
||
|
|
Aj.state.initFormData = Account.getFormData($form);
|
||
|
|
if (result.redirect_to) {
|
||
|
|
Aj.location(result.redirect_to);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return false;
|
||
|
|
},
|
||
|
|
initToken: function() {
|
||
|
|
var cont = Aj.ajContainer;
|
||
|
|
Aj.onLoad(function(state) {
|
||
|
|
cont.on('click.curPage', '.js-copy-token-btn', Account.eCopyToken);
|
||
|
|
cont.on('click.curPage', '.js-revoke-token-btn', Account.eRevokeToken);
|
||
|
|
state.$form = $('.api-edit-form', cont);
|
||
|
|
Gateway.formInit(state.$form);
|
||
|
|
state.$form.on('submit', preventDefault);
|
||
|
|
cont.on('click.curPage', '.js-save-settings-btn', Account.eApiSubmitForm);
|
||
|
|
cont.on('change.curPage', '.gw-form-control', Account.onFieldChange);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
eCopyToken: function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
copyToClipboard(Aj.state.token);
|
||
|
|
showToast(l('WEB_TOKEN_COPIED', 'Copied.'));
|
||
|
|
},
|
||
|
|
revokeTokenPopup: function (onConfirm) {
|
||
|
|
var $confirm = $('<div class="popup-container hide alert-popup-container"><section class="gw-layer-popup gw-layer-delete-ad popup-no-close"><p class="gw-layer-text">' + l('WEB_REVOKE_TOKEN_CONFIRM_TEXT') + '</p><div class="popup-buttons"><div class="popup-button popup-cancel-btn">' + l('WEB_CANCEL', 'Cancel') + '</div><div class="popup-button popup-primary-btn">' + l('WEB_REVOKE_TOKEN_CONFIRM_BUTTON') + '</div></div></section></div>');
|
||
|
|
var confirm = function() {
|
||
|
|
onConfirm && onConfirm($confirm);
|
||
|
|
closePopup($confirm);
|
||
|
|
}
|
||
|
|
var $primaryBtn = $('.popup-primary-btn', $confirm);
|
||
|
|
$primaryBtn.on('click', confirm);
|
||
|
|
$confirm.one('popup:close', function() {
|
||
|
|
$primaryBtn.off('click', confirm);
|
||
|
|
$confirm.remove();
|
||
|
|
});
|
||
|
|
openPopup($confirm, {
|
||
|
|
closeByClickOutside: '.popup-no-close',
|
||
|
|
});
|
||
|
|
return $confirm;
|
||
|
|
},
|
||
|
|
eRevokeToken: function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
var $btn = $(this);
|
||
|
|
if ($btn.data('disabled')) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
Account.revokeTokenPopup(function() {
|
||
|
|
$btn.data('disabled', true);
|
||
|
|
Aj.apiRequest('revokeToken', {
|
||
|
|
account_id: Aj.state.accountId
|
||
|
|
}, function(result) {
|
||
|
|
$btn.data('disabled', false);
|
||
|
|
if (result.error) {
|
||
|
|
return showAlert(result.error);
|
||
|
|
}
|
||
|
|
if (result.new_token) {
|
||
|
|
Aj.state.token = result.new_token;
|
||
|
|
}
|
||
|
|
if (result.new_token_value) {
|
||
|
|
$('.js-token-value', Aj.ajContainer).value(result.new_token_value);
|
||
|
|
}
|
||
|
|
if (result.toast) {
|
||
|
|
showToast(result.toast);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
return false;
|
||
|
|
},
|
||
|
|
eApiSubmitForm: function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
var $form = Aj.state.$form;
|
||
|
|
var $button = $(this);
|
||
|
|
var params = {
|
||
|
|
account_id: Aj.state.accountId,
|
||
|
|
ip_list: $form.field('ip_list').value()
|
||
|
|
};
|
||
|
|
$button.prop('disabled', true);
|
||
|
|
Aj.apiRequest('saveApiSettings', params, function(result) {
|
||
|
|
$button.prop('disabled', false);
|
||
|
|
if (result.error) {
|
||
|
|
if (result.field) {
|
||
|
|
var $field = $form.field(result.field);
|
||
|
|
if ($field.size()) {
|
||
|
|
Gateway.showFieldError($field, result.error, true);
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return showAlert(result.error);
|
||
|
|
}
|
||
|
|
if (result.new_ip_list) {
|
||
|
|
$form.field('ip_list').value(result.new_ip_list).updateAutosize();
|
||
|
|
}
|
||
|
|
if (result.toast) {
|
||
|
|
showToast(result.toast);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
var LogHistory = {
|
||
|
|
init: function() {
|
||
|
|
Aj.onLoad(function(state) {
|
||
|
|
$(document).on('click.curPage', '.js-load-more-rows', LogHistory.eLoadMoreRows);
|
||
|
|
$(window).on('scroll resize', LogHistory.onScroll);
|
||
|
|
LogHistory.onScroll();
|
||
|
|
});
|
||
|
|
Aj.onUnload(function(state) {
|
||
|
|
$(window).off('scroll resize', LogHistory.onScroll);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
onScroll: function() {
|
||
|
|
$('.js-load-more-rows').each(function() {
|
||
|
|
var $loadMore = $(this);
|
||
|
|
var top = $loadMore.offset().top - $(window).scrollTop();
|
||
|
|
if (top < $(window).height() * 2) {
|
||
|
|
LogHistory.loadRows($loadMore);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
eLoadMoreRows: function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
var $loadMore = $(this);
|
||
|
|
LogHistory.loadRows($loadMore);
|
||
|
|
},
|
||
|
|
loadRows: function($loadMore) {
|
||
|
|
if ($loadMore.data('loading')) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var $table = $loadMore.closest('table');
|
||
|
|
var offset = $loadMore.attr('data-next-offset');
|
||
|
|
$loadMore.data('loading', true);
|
||
|
|
Aj.apiRequest('getLogHistory', {
|
||
|
|
account_id: Aj.state.accountId,
|
||
|
|
offset: offset
|
||
|
|
}, function(result) {
|
||
|
|
$loadMore.data('loading', false);
|
||
|
|
if (result.error) {
|
||
|
|
return showAlert(result.error);
|
||
|
|
}
|
||
|
|
$('tbody', $table).append(result.body);
|
||
|
|
$('tfoot', $table).html(result.foot);
|
||
|
|
LogHistory.onScroll();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|