Your IP : 216.73.216.86
/* eslint-disable */
(function (exports,ui_designTokens,ui_vue3,pull_client,main_core) {
'use strict';
var HIDE_TIMEOUT = 4000;
var STATUS_CHANGE_DEFAULT_TIMEOUT = 500;
var STATUS_CHANGE_CONNECTING_TIMEOUT = 5000;
var STATUS_CHANGE_OFFLINE_TIMEOUT = 1000;
// @vue/component
var PullStatus = {
name: 'PullStatus',
props: {
canReconnect: {
type: Boolean,
"default": false
}
},
emits: ['reconnect'],
data: function data() {
return {
status: pull_client.PullClient.PullStatus.Online,
showed: null
};
},
computed: {
containerClass: function containerClass() {
var result = [];
var visibilityClass = '';
if (this.showed === true) {
visibilityClass = '--show';
} else if (this.showed === false) {
visibilityClass = '--hide';
}
var statusClass = "--".concat(this.status);
result.push(visibilityClass, statusClass);
return result;
},
connectionText: function connectionText() {
var result = '';
if (this.status === pull_client.PullClient.PullStatus.Online) {
result = this.$Bitrix.Loc.getMessage('BX_PULL_STATUS_ONLINE');
} else if (this.status === pull_client.PullClient.PullStatus.Offline) {
result = this.$Bitrix.Loc.getMessage('BX_PULL_STATUS_OFFLINE');
} else if (this.status === pull_client.PullClient.PullStatus.Connecting) {
result = this.$Bitrix.Loc.getMessage('BX_PULL_STATUS_CONNECTING');
}
return result;
},
button: function button() {
if (this.status === pull_client.PullClient.PullStatus.Online) {
return null;
}
var hotkey = '';
var name = '';
if (this.canReconnect) {
name = this.$Bitrix.Loc.getMessage('BX_PULL_STATUS_BUTTON_RECONNECT');
} else {
hotkey = main_core.Browser.isMac() ? '⌘+R' : 'Ctrl+R';
name = this.$Bitrix.Loc.getMessage('BX_PULL_STATUS_BUTTON_RELOAD');
}
return {
title: name,
key: hotkey
};
}
},
watch: {
status: function status() {
var _this = this;
clearTimeout(this.hideTimeout);
if (this.status !== pull_client.PullClient.PullStatus.Online) {
return;
}
this.hideTimeout = setTimeout(function () {
_this.showed = false;
}, HIDE_TIMEOUT);
}
},
created: function created() {
this.unsubscribeFunction = function () {};
this.initEvents();
},
beforeUnmount: function beforeUnmount() {
this.destroyEvents();
},
methods: {
initEvents: function initEvents() {
if (this.$Bitrix.PullClient.get()) {
this.subscribeToPullStatus();
}
this.$Bitrix.eventEmitter.subscribe(ui_vue3.BitrixVue.events.pullClientChange, this.subscribeToPullStatus);
},
destroyEvents: function destroyEvents() {
this.unsubscribeFunction();
this.$Bitrix.eventEmitter.unsubscribe(ui_vue3.BitrixVue.events.pullClientChange, this.subscribeToPullStatus);
},
subscribeToPullStatus: function subscribeToPullStatus() {
var _this2 = this;
this.unsubscribeFunction();
this.unsubscribeFunction = this.$Bitrix.PullClient.get().subscribe({
type: pull_client.PullClient.SubscriptionType.Status,
callback: function callback(event) {
return _this2.onStatusChange(event.status);
}
});
},
reconnect: function reconnect() {
if (this.canReconnect) {
this.$emit('reconnect');
} else {
location.reload();
}
},
onStatusChange: function onStatusChange(status) {
var _this3 = this;
clearTimeout(this.setStatusTimeout);
if (this.status === status) {
return;
}
var validStatuses = [pull_client.PullClient.PullStatus.Online, pull_client.PullClient.PullStatus.Offline, pull_client.PullClient.PullStatus.Connecting];
if (!validStatuses.includes(status)) {
return;
}
var timeout = STATUS_CHANGE_DEFAULT_TIMEOUT;
if (status === pull_client.PullClient.PullStatus.Connecting) {
timeout = STATUS_CHANGE_CONNECTING_TIMEOUT;
} else if (status === pull_client.PullClient.PullStatus.Offline) {
timeout = STATUS_CHANGE_OFFLINE_TIMEOUT;
}
this.setStatusTimeout = setTimeout(function () {
_this3.status = status;
_this3.showed = true;
}, timeout);
}
},
template: "\n\t\t<div class=\"bx-pull-vue3-status\" :class=\"containerClass\">\n\t\t\t<div class=\"bx-pull-vue3-status-wrap\">\n\t\t\t\t<span class=\"bx-pull-vue3-status-text\">{{ connectionText }}</span>\n\t\t\t\t<span v-if=\"button\" class=\"bx-pull-vue3-status-button\" @click=\"reconnect\">\n\t\t\t\t\t<span class=\"bx-pull-vue3-status-button-title\">{{ button.title }}</span>\n\t\t\t\t\t<span class=\"bx-pull-vue3-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"
};
exports.PullStatus = PullStatus;
}((this.window = this.window || {}),BX,BX.Vue3,BX,BX));
//# sourceMappingURL=status.bundle.js.map