Your IP : 216.73.216.86
(function (exports) {
'use strict';
/**
* Bitrix UI
* Pull connection status Vue component
*
* @package bitrix
* @subpackage pull
* @copyright 2001-2019 Bitrix
*/
BX.Vue.component('bx-pull-status', {
/**
* @emits 'reconnect' {} - work only with props.canReconnect = true
*/
props: {
canReconnect: {
default: false
}
},
data: function data() {
return {
status: BX.PullClient.PullStatus.Online,
showed: null
};
},
created: function created() {
var _this = this;
this.isMac = navigator.userAgent.toLowerCase().includes('macintosh');
this.setStatusTimeout = null;
this.hideTimeout = null;
this.pullUnSubscribe = function () {};
if (typeof this.$root.$bitrixPullClient !== 'undefined') {
if (this.$root.$bitrixPullClient) {
this.subscribe(this.$root.$bitrixPullClient);
} else {
this.$root.$on('onBitrixPullClientInited', function () {
_this.subscribe(_this.$root.$bitrixPullClient);
});
}
} else {
this.subscribe(BX.PULL);
}
window.component = this;
},
beforeDestroy: function beforeDestroy() {
this.pullUnSubscribe();
},
methods: {
subscribe: function subscribe(pullClient) {
var _this2 = this;
this.pullUnSubscribe = pullClient.subscribe({
type: BX.PullClient.SubscriptionType.Status,
callback: function callback(event) {
return _this2.statusChange(event.status);
}
});
},
reconnect: function reconnect() {
if (this.canReconnect) {
this.$emit('reconnect');
} else {
location.reload();
}
},
statusChange: function statusChange(status) {
var _this3 = this;
clearTimeout(this.setStatusTimeout);
if (this.status === status) {
return false;
}
var validStatus = [BX.PullClient.PullStatus.Online, BX.PullClient.PullStatus.Offline, BX.PullClient.PullStatus.Connecting];
if (validStatus.indexOf(status) < 0) {
return false;
}
var timeout = 500;
if (status === BX.PullClient.PullStatus.Connecting) {
timeout = 5000;
} else if (status === BX.PullClient.PullStatus.Offline) {
timeout = 2000;
}
this.setStatusTimeout = setTimeout(function () {
_this3.status = status;
_this3.showed = true;
}, timeout);
return true;
}
},
watch: {
status: function status() {
var _this4 = this;
clearTimeout(this.hideTimeout);
if (this.status == BX.PullClient.PullStatus.Online) {
clearTimeout(this.hideTimeout);
this.hideTimeout = setTimeout(function () {
return _this4.showed = false;
}, 4000);
}
}
},
computed: {
connectionClass: function connectionClass() {
var result = '';
if (this.showed === true) {
result = "bx-pull-status-show";
} else if (this.showed === false) {
result = "bx-pull-status-hide";
}
if (this.status === BX.PullClient.PullStatus.Online) {
result += " bx-pull-status-online";
} else if (this.status === BX.PullClient.PullStatus.Offline) {
result += " bx-pull-status-offline";
} else if (this.status === BX.PullClient.PullStatus.Connecting) {
result += " bx-pull-status-connecting";
}
return result;
},
connectionText: function connectionText() {
var result = '';
if (this.status === BX.PullClient.PullStatus.Online) {
result = this.localize.BX_PULL_STATUS_ONLINE;
} else if (this.status === BX.PullClient.PullStatus.Offline) {
result = this.localize.BX_PULL_STATUS_OFFLINE;
} else if (this.status === BX.PullClient.PullStatus.Connecting) {
result = this.localize.BX_PULL_STATUS_CONNECTING;
}
return result;
},
button: function button() {
var hotkey = '';
var name = '';
if (this.canReconnect) {
name = this.localize.BX_PULL_STATUS_BUTTON_RECONNECT;
} else {
hotkey = this.isMac ? '⌘+R' : "Ctrl+R";
name = this.localize.BX_PULL_STATUS_BUTTON_RELOAD;
}
return {
title: name,
key: hotkey
};
},
localize: function localize() {
return BX.Vue.getFilteredPhrases('BX_PULL_STATUS_', this.$root.$bitrixMessages);
}
},
template: "\n\t\t<div :class=\"['bx-pull-status', connectionClass]\">\n\t\t\t<div class=\"bx-pull-status-wrap\">\n\t\t\t\t<span class=\"bx-pull-status-text\">{{connectionText}}</span>\n\t\t\t\t<span class=\"bx-pull-status-button\" @click=\"reconnect\">\n\t\t\t\t\t<span class=\"bx-pull-status-button-title\">{{button.title}}</span>\n\t\t\t\t\t<span class=\"bx-pull-status-button-key\" v-html=\"button.key\"></span>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t"
});
}((this.window = this.window || {})));
//# sourceMappingURL=pull.components.status.bundle.js.map