').text(message).html();
- showConfirm(message_html, load_func, l('WEB_LEAVE_PAGE', 'Leave'));
- return false;
- } else {
- load_func();
- return true;
- }
- }
-
- $(document).on('click', 'a[href]', linkHandler);
- $(document.body).removeClass('no-transition');
-
- $(window).on('popstate', function(e) {
- var popstate = e.originalEvent.state;
- var state_go = popstate ? (popstate.i - curHistoryState.i) : 0;
- if (!popstate) {
- popstate = {i: 0, u: location.href};
- } else if (!popstate.u) {
- popstate.u = location.href;
- }
- console.log('history popstate', 'oldState =', curHistoryState, 'newState =', popstate, 'go(' + state_go + ')');
- curHistoryState = popstate;
- if (skipPopState) {
- skipPopState = false;
- return;
- }
- if (Aj._useScrollHack) {
- $('body').css({height: '100000px', overflow: 'hidden'}); // for correct scroll restoration
- }
- var link = loc(curHistoryState.u);
- var loaded = loadPage(link, false, state_go);
- if (!loaded && Aj._useScrollHack) {
- $('body').css({height: '', overflow: ''});
- }
- });
- window.onbeforeunload = beforeUnloadHandler;
-}
-
-function updateNavBar() {
- var $nav_menu = $('.nav-menu');
- $nav_menu.addClass('nav-menu-can-fix');
- if ($nav_menu.css('position') == 'fixed') {
- $nav_menu.width($nav_menu.parent().width());
- } else {
- $nav_menu.css('width', 'auto');
- }
-}
-
-function getBR() {
- if (window._brHTML) return window._brHTML;
- return window._brHTML = $('
').html();
-}
-
-function cleanHTML(value) {
- return value.replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/\n/g, getBR());
-}
-
-function cleanRE(value) {
- return value.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
-}
-
-var Keys = {
- BACKSPACE: 8,
- ESC: 27,
- TAB: 9,
- RETURN: 13,
- LEFT: 37,
- UP: 38,
- RIGHT: 39,
- DOWN: 40,
- on: function(key, callback) {
- return function(e){ if(e.which == key) callback.apply(this, Array.prototype.slice.apply(arguments)); };
- }
-};
-
-var Popups = [];
-
-function openPopup(popup, options) {
- if (!popup) return false;
- options = options || {};
- var $popup = $(popup);
- var popup_id = $popup.data('puid');
- if (!popup_id) {
- if (!Popups._pid) Popups._pid = 0;
- popup_id = ++Popups._pid;
- $popup.data('puid', popup_id);
- }
- $popup.data('options', options);
- var i = Popups.indexOf(popup_id);
- if (i >= 0) {
- Popups.splice(i, 1);
- }
- Popups.push(popup_id);
- $('body').css('overflow', 'hidden');
- $popup.appendTo(window.Aj && Aj.ajContainer || 'body');
- $popup.removeClass('hide');
- if (document.activeElement) {
- document.activeElement.blur();
- }
- if (options.closeByClickOutside) {
- $popup.on('click', function(e) {
- if ($(e.target).closest('body').length &&
- !$(e.target).closest(options.closeByClickOutside).length) {
- closePopup($popup);
- }
- });
- }
- $('.popup-cancel-btn', $popup).on('click', function(e) {
- closePopup($popup);
- });
- $popup.trigger('popup:open');
-}
-
-function getPopupById(popup_id) {
- var $popups = $('.popup-container');
- var found = false;
- for (var i = 0; i < $popups.length; i++) {
- $popup = $popups.eq(i);
- if (popup_id == $popup.data('puid')) {
- return $popup;
- }
- }
- return false;
-}
-
-function closePopup(popup) {
- if (!Popups.length) return false;
- var $popup, popup_id;
- if (popup) {
- $popup = $(popup);
- popup_id = $popup.data('puid');
- } else {
- popup_id = Popups[Popups.length - 1];
- $popup = getPopupById(popup_id);
- if (!$popup) {
- return false;
- }
- }
- var options = $popup.data('options');
- if (options.onBeforeClose) {
- var result = options.onBeforeClose($popup);
- if (result === false) {
- return false;
- }
- }
- var i = Popups.indexOf(popup_id);
- if (i >= 0) {
- Popups.splice(i, 1);
- }
- if (!Popups.length) {
- $('body').css('overflow', '');
- }
- if (options.closeByClickOutside) {
- $popup.off('click');
- }
- $('.popup-cancel-btn', $popup).off('click');
- $popup.addClass('hide');
- $popup.trigger('popup:close');
-}
-
-function closeAllPopups() {
- for (var i = Popups.length - 1; i >= 0; i--) {
- var $popup = getPopupById(Popups[i]);
- if ($popup) {
- closePopup($popup);
- }
- }
-}
-
-function showAlert(html, options) {
- options = options || {};
- var $alert = $('');
- var onEnterPress = function(e) {
- if (e.keyCode == Keys.RETURN) {
- e.stopImmediatePropagation();
- closePopup($alert);
- }
- };
- $('.popup-text', $alert).html(html);
- $(document).on('keydown', onEnterPress);
- $alert.one('popup:close', function() {
- $(document).off('keydown', onEnterPress);
- $alert.remove();
- });
- openPopup($alert);
- return $alert;
-}
-
-function showConfirm(html, onConfirm, confirm_btn, onCancel, cancel_btn) {
- var $confirm = $('');
- var confirm = function() {
- onConfirm && onConfirm($confirm);
- closePopup($confirm);
- }
- var onEnterPress = function(e) {
- if (e.keyCode == Keys.RETURN) {
- e.stopImmediatePropagation();
- confirm();
- }
- };
- $('.popup-text', $confirm).html(html);
- var $primaryBtn = $('.popup-primary-btn', $confirm);
- $primaryBtn.on('click', confirm);
- if (onCancel) {
- var cancel = function(){ onCancel($confirm); };
- var $cancelBtn = $('.popup-cancel-btn', $confirm);
- $cancelBtn.on('click', cancel);
- }
- $(document).on('keydown', onEnterPress);
- $confirm.one('popup:close', function() {
- $primaryBtn.off('click', confirm);
- if (onCancel) {
- $cancelBtn.off('click', cancel);
- }
- $(document).off('keydown', onEnterPress);
- $confirm.remove();
- });
- openPopup($confirm);
- return $confirm;
-}
-
-function showMedia(src, is_video, options) {
- var media_html = (is_video ? '
' : '
') + (options.add_media_html || '');
- var title_html = options.title ? '
' : '';
- var pagination_html = options.pagination ? '
' : '';
- var $popup = $('');
- var media = {
- $wrap: $('.media-popup-wrap', $popup),
- $cover: $('.media-popup-cover', $popup),
- $pwrap: $('.circle-progress-wrap', $popup),
- $media: $('.media', $popup),
- width: null,
- height: null,
- cover: null,
- timeout: null,
- checkMediaSize: function() {
- if (is_video) {
- var video = media.mediaEl;
- if (video.videoWidth && video.videoHeight) {
- media.width = video.videoWidth;
- media.height = video.videoHeight;
- media.$media.removeClass('ohide');
- media.$wrap.removeClass('file-loading').addClass('file-loaded');
- media.onResize();
- return;
- }
- } else {
- var img = media.mediaEl;
- if (img.naturalWidth && img.naturalHeight) {
- media.width = img.naturalWidth;
- media.height = img.naturalHeight;
- media.onResize();
- return;
- }
- }
- media.timeout = setTimeout(media.checkMediaSize, 50);
- },
- onResize: function() {
- if (!media.width || !media.height) {
- return;
- }
- var w = media.width, h = media.height;
- var de = document.documentElement;
- var vw = de.clientWidth, vh = de.clientHeight;
- vw -= parseInt($popup.css('paddingLeft') || 0)
- + parseInt($popup.css('paddingRight') || 0)
- + parseInt(media.$wrap.css('paddingRight') || 0);
- vh -= parseInt($popup.css('paddingTop') || 0)
- + parseInt($popup.css('paddingBottom') || 0)
- + parseInt(media.$wrap.css('paddingBottom') || 0);
- var min_vw = Math.max(320, vw);
- var min_vh = Math.max(320, vh);
- var sw = w / min_vw;
- var sh = h / min_vh;
- var s = Math.max(sw, sh);
- var iw = w / s, ih = h / s;
- if (!is_video) {
- var can_zoom = (s > 1);
- if (!can_zoom || $popup.hasClass('fullsize')) {
- var iw = w, ih = h;
- }
- $popup.toggleClass('can-zoom', can_zoom);
- }
- var scroll_x = iw > vw;
- var scroll_y = ih > vh;
- $popup.toggleClass('scroll-x', scroll_x);
- $popup.toggleClass('scroll-y', scroll_y);
- media.$media.width(iw);
- media.$media.height(ih);
- },
- onLoad: function() {
- if (!is_video) {
- media.$media.css('background-image', "url('" + media.mediaEl.src + "')");
- media.$media.removeClass('ohide');
- media.$wrap.removeClass('ohide').removeClass('file-loading').addClass('file-loaded');
- media.onResize();
- }
- },
- onZoomInOut: function(e) {
- if (!is_video) {
- var photo = media.$media.get(0);
- var dx, dy, px, py, sx, sy, rect;
- rect = photo.getBoundingClientRect();
- dx = e.clientX - rect.left;
- dy = e.clientY - rect.top;
- px = dx / rect.width;
- py = dy / rect.height;
- $popup.toggleClass('fullsize');
- media.onResize();
- rect = photo.getBoundingClientRect();
- dx = px * rect.width;
- dy = py * rect.height;
- sx = e.clientX - dx - rect.left - $popup.scrollLeft();
- sy = e.clientY - dy - rect.top - $popup.scrollTop();
- $popup.scrollLeft(-sx);
- $popup.scrollTop(-sy);
- }
- },
- onKeysPress: function(e) {
- if (e.keyCode == Keys.LEFT) {
- media.onPrevMedia(e);
- } else if (e.keyCode == Keys.RIGHT) {
- media.onNextMedia(e);
- } else if (e.keyCode == Keys.UP) {
- media.onPrevMediaGroup(e);
- } else if (e.keyCode == Keys.DOWN) {
- media.onNextMediaGroup(e);
- }
- },
- onPrevMedia: function(e) {
- if (options.pagination && options.pagination.prev) {
- e.preventDefault();
- e.stopImmediatePropagation();
- closePopup($popup);
- options.pagination.prev();
- }
- },
- onNextMedia: function(e) {
- if (options.pagination && options.pagination.next) {
- e.preventDefault();
- e.stopImmediatePropagation();
- closePopup($popup);
- options.pagination.next();
- }
- },
- onPrevMediaGroup: function(e) {
- if (options.pagination && options.pagination.prevGroup) {
- e.preventDefault();
- e.stopImmediatePropagation();
- closePopup($popup);
- options.pagination.prevGroup();
- }
- },
- onNextMediaGroup: function(e) {
- if (options.pagination && options.pagination.nextGroup) {
- e.preventDefault();
- e.stopImmediatePropagation();
- closePopup($popup);
- options.pagination.nextGroup();
- }
- }
- };
- if (is_video) {
- media.mediaEl = media.$media.get(0);
- } else {
- media.mediaEl = new Image();
- media.mediaEl.onload = media.onLoad;
- media.$wrap.on('click', media.onZoomInOut);
- }
- if (options.pagination) {
- $('.media-prev-btn', $popup).on('click', media.onPrevMedia);
- $('.media-next-btn', $popup).on('click', media.onNextMedia);
- $(document).on('keydown', media.onKeysPress);
- }
- $(window).on('resize', media.onResize);
- media.checkMediaSize();
- $popup.one('popup:close', function() {
- if (!is_video) {
- media.$media.off('click', media.onZoomInOut);
- }
- if (options.pagination) {
- $('.media-prev-btn', $popup).off('click', media.onPrevMedia);
- $('.media-next-btn', $popup).off('click', media.onNextMedia);
- $(document).off('keydown', media.onKeysPress);
- }
- $(window).off('resize', media.onResize);
- clearTimeout(media.timeout);
- $popup.remove();
- });
- openPopup($popup, {
- closeByClickOutside: '.popup-no-close',
- });
- if (options.width && options.height && options.cover) {
- media.width = parseInt(options.width);
- media.height = parseInt(options.height);
- media.cover = options.cover;
- media.$cover.css('background-image', "url('" + media.cover + "')").removeClass('ohide');
- media.onResize();
- }
- setTimeout(function() {
- media.$pwrap.get(0).classList.remove('ohide');
- }, 250);
- media.mediaEl.src = src;
- return $popup;
-}
-
-function showPhoto(image_src, options) {
- showMedia(image_src, false, options);
-}
-
-function showVideo(video_src, options) {
- showMedia(video_src, true, options);
-}
-
-function showToast(html, delay) {
- var $toast = $('
');
- $('.toast', $toast).html(html);
- var to, close = function() {
- clearTimeout(to);
- $toast.fadeHide();
- setTimeout(function() { $toast.remove(); }, 200);
- };
- $toast.appendTo('body').redraw().fadeShow();
- $(document).one('mousedown touchstart', close);
- to = setTimeout(close, delay || 2000);
-}
-
-function l(lang_key, params, def_value) {
- if (typeof params === 'string') {
- def_value = params;
- params = {};
- }
- params = params || {};
- var value = l._keys[lang_key] || def_value || lang_key;
- value = value.replace(/\{\{([A-Za-z_\-\d]{1,32}):(.+?)\}\}/g, function(lang_value, token, options) {
- var number = +params[token] || 0;
- var numeric_options = options.split('|');
- var i;
- if (number == 1) i = 0;
- else i = 1;
- if (typeof numeric_options[i] === 'undefined') {
- i = 1;
- }
- var numeric_option = numeric_options[i] || '#';
- return numeric_option.replace(/#/g, number);
- });
- value = value.replace(/\{([A-Za-z_\-\d]{1,32}):(.{1,256}?)\}/g, function(lang_value, token, options) {
- var number = +params[token] || 0;
- var numeric_options = options.split('|');
- var i;
- if (!number) i = 0;
- else if (number == 1) i = 1;
- else i = 2;
- if (typeof numeric_options[i] === 'undefined') {
- i = 0;
- }
- var numeric_option = numeric_options[i] || '#';
- return numeric_option.replace(/#/g, number);
- });
- for (var param in params) {
- value = value.split('{' + param + '}').join(params[param]);
- }
- return value;
-}
-l._keys = {};
-l.add = function(lang_values) {
- for (var lang_key in lang_values) {
- l._keys[lang_key] = lang_values[lang_key];
- }
-}
-
-function redraw(el) {
- el.offsetTop + 1;
-}
-
-$(document).on('keydown', function(e) {
- if (e.keyCode == Keys.ESC && Popups.length > 0) {
- var last_popup_id = Popups[Popups.length - 1];
- var $popup = getPopupById(last_popup_id);
- if ($popup && !$popup.hasClass('popup-ignore-esc')) {
- e.stopImmediatePropagation();
- e.preventDefault();
- closePopup($popup);
- }
- }
-});
-
-$(document).on('keydown', 'textarea', function(e) {
- if (e.keyCode == Keys.RETURN && (e.metaKey || e.ctrlKey)) {
- $(this.form).submit();
- }
-});
-
-(function($) {
- function onTextRippleStart(evt) {
- var e = evt.originalEvent;
- if (document.activeElement === this) return;
- var rect = this.getBoundingClientRect();
- if (e.type == 'touchstart') {
- var clientX = e.targetTouches[0].clientX;
- } else {
- var clientX = e.clientX;
- }
- var ripple = this.parentNode.querySelector('.textfield-item-underline');
- var rippleX = (clientX - rect.left) / this.offsetWidth * 100;
- ripple.style.transition = 'none';
- redraw(ripple);
- ripple.style.left = rippleX + '%';
- ripple.style.right = (100 - rippleX) + '%';
- redraw(ripple);
- ripple.style.left = '';
- ripple.style.right = '';
- ripple.style.transition = '';
- }
- function onRippleStart(evt) {
- var e = evt.originalEvent;
- var rippleMask = this.querySelector('.ripple-mask');
- if (!rippleMask) return;
- var rect = rippleMask.getBoundingClientRect();
- if (e.type == 'touchstart') {
- var clientX = e.targetTouches[0].clientX;
- var clientY = e.targetTouches[0].clientY;
- } else {
- var clientX = e.clientX;
- var clientY = e.clientY;
- }
- var rippleX = (clientX - rect.left) - rippleMask.offsetWidth / 2;
- var rippleY = (clientY - rect.top) - rippleMask.offsetHeight / 2;
- var ripple = this.querySelector('.ripple');
- ripple.style.transition = 'none';
- redraw(ripple);
- ripple.style.transform = 'translate3d(' + rippleX + 'px, ' + rippleY + 'px, 0) scale3d(0.2, 0.2, 1)';
- ripple.style.opacity = 1;
- redraw(ripple);
- ripple.style.transform = 'translate3d(' + rippleX + 'px, ' + rippleY + 'px, 0) scale3d(1, 1, 1)';
- ripple.style.transition = '';
-
- function onRippleEnd(e) {
- ripple.style.transitionDuration = '.2s';
- ripple.style.opacity = 0;
- document.removeEventListener('mouseup', onRippleEnd);
- document.removeEventListener('touchend', onRippleEnd);
- document.removeEventListener('touchcancel', onRippleEnd);
- }
- document.addEventListener('mouseup', onRippleEnd);
- document.addEventListener('touchend', onRippleEnd);
- document.addEventListener('touchcancel', onRippleEnd);
- }
- $.fn.initRipple = function() {
- return this.map(function(){
- $(this).off('.ripple');
- $(this).on('mousedown.ripple touchstart.ripple', '.textfield-item input.form-control', onTextRippleStart);
- $(this).on('mousedown.ripple touchstart.ripple', '.ripple-handler', onRippleStart);
- return this;
- });
- };
- $.fn.destroyRipple = function() {
- return this.map(function(){
- $(this).off('.ripple');
- return this;
- });
- };
-})(jQuery);
-$(document).initRipple();
-
-Function.prototype.pbind = function() {
- var func = this, args = Array.prototype.slice.apply(arguments);
- return function() {
- return func.apply(this, args.concat(Array.prototype.slice.apply(arguments)));
- }
-}