File manager

File manager - Edit - /home/web/vm-3fadc827.na4u.ru/www/bitrix/modules/calendar/install/js/calendar/eventviewform/src/eventviewform.js

Back
"use strict"; import { Util } from 'calendar.util'; import { Type, Event, Loc, Tag, Dom, Runtime, Text } from 'main.core'; import { Entry, EntryManager } from 'calendar.entry'; import { MeetingStatusControl, Reminder } from 'calendar.controls'; import { BaseEvent, EventEmitter } from 'main.core.events'; import { Planner } from 'calendar.planner'; import { ControlButton } from 'intranet.control-button'; export class EventViewForm { permissions = {}; name = 'eventviewform'; uid = null; DOM = {}; RELOAD_REQUESTED = 'RELOAD_REQUESTED'; RELOAD_FINISHED = 'RELOAD_FINISHED'; reloadStatus = null; entityChanged = false; constructor(options = {}) { this.type = options.type \|\| 'user'; this.ownerId = options.ownerId \|\| 0; this.userId = options.userId \|\| 0; this.zIndex = 3100; this.entryId = options.entryId \|\| null; this.calendarContext = options.calendarContext \|\| null; this.entryDateFrom = options.entryDateFrom \|\| null; this.timezoneOffset = options.timezoneOffset \|\| null; this.BX = Util.getBX(); this.sliderOnLoad = this.onLoadSlider.bind(this); this.handlePullBind = this.handlePull.bind(this); this.keyHandlerBind = this.keyHandler.bind(this); this.destroyBind = this.destroy.bind(this); } initInSlider(slider, promiseResolve) { this.slider = slider; EventEmitter.subscribe(slider, "SidePanel.Slider:onLoad", this.sliderOnLoad); EventEmitter.subscribe(slider, "SidePanel.Slider:onCloseComplete", this.destroyBind); Event.bind(document, 'keydown', this.keyHandlerBind); EventEmitter.subscribe('onPullEvent-calendar', this.handlePullBind); this.createContent(slider).then(function(html) { if (Type.isFunction(promiseResolve)) { promiseResolve(html); } }.bind(this) ); this.opened = true; } isOpened() { return this.opened; } destroy() { EventEmitter.unsubscribe(this.slider, "SidePanel.Slider:onLoad", this.sliderOnLoad); EventEmitter.unsubscribe(this.slider, "SidePanel.Slider:onCloseComplete", this.destroyBind); EventEmitter.unsubscribe('onPullEvent-calendar', this.handlePullBind); Event.unbind(document, 'keydown', this.keyHandlerBind); if (this.intranetControllButton && this.intranetControllButton.destroy) { this.intranetControllButton.destroy(); } // this.BX.SidePanel.Instance.destroy(this.sliderId); Util.closeAllPopups(); this.opened = false; } onLoadSlider(event) { if (!event instanceof BaseEvent) { return; } const data = event.getData(); const slider = data[0]?.slider; this.DOM.content = slider.layout.content; // Used to execute javasctipt and attach CSS from ajax responce this.BX.html(slider.layout.content, slider.getData().get("sliderContent")); if (!Type.isNull(this.uid)) { this.initControls(this.uid); } this.reloadStatus = this.RELOAD_FINISHED; } createContent(slider) { return new Promise((resolve) => { this.BX.ajax.runAction('calendar.api.calendarajax.getViewEventSlider', { analyticsLabel: {calendarAction: 'view_event', formType: 'full'}, data: { entryId: this.entryId, dateFrom: Util.formatDate(this.entryDateFrom), timezoneOffset: this.timezoneOffset } }).then( response => { let html = ''; if ((Type.isFunction(slider.isOpen) && slider.isOpen()) \|\| slider.isOpen === true) { html = response.data.html; slider.getData().set("sliderContent", html); let params = response.data.additionalParams; this.userId = params.userId; this.uid = params.uniqueId; this.entryUrl = params.entryUrl; this.userTimezone = params.userTimezone; this.dayOfWeekMonthFormat = params.dayOfWeekMonthFormat; this.plannerFeatureEnabled = !!params.plannerFeatureEnabled; if (this.planner && !this.plannerFeatureEnabled) { this.planner.lock(); } this.handleEntryData(params.entry, params.userIndex, params.section); } resolve(html); }, response => { if (response.errors && response.errors.length) { slider.getData().set( "sliderContent", '<div class="calendar-slider-alert">' + '<div class="calendar-slider-alert-inner">' + '<div class="calendar-slider-alert-img"></div>' + '<h1 class="calendar-slider-alert-text">' + Text.encode(response.errors[0].message) + '</h1>' + '</div>' + '</div>' ); } this.displayError(response.errors); resolve(response); }); }); } initControls(uid) { this.DOM.title = this.DOM.content.querySelector(`#${uid}_title`); this.DOM.buttonSet = this.DOM.content.querySelector(`#${uid}_buttonset`); this.DOM.editButton = this.DOM.content.querySelector(`#${uid}_but_edit`); this.DOM.delButton = this.DOM.content.querySelector(`#${uid}_but_del`); this.DOM.sidebarInner = this.DOM.content.querySelector(`#${uid}_sidebar_inner`); if (this.DOM.buttonSet) { this.initPlannerControl(uid); this.initUserListControl(uid); } const innerTimeWrap = this.DOM.content.querySelector(`#${uid}_time_inner_wrap`); if (Type.isElementNode(innerTimeWrap) && innerTimeWrap.offsetHeight > 50) { Dom.addClass(this.DOM.content.querySelector(`#${uid}_time_wrap`), 'calendar-slider-sidebar-head-long-time'); } if (this.canDo(this.entry, 'edit') && this.DOM.editButton) { Event.bind(this.DOM.editButton, 'click', () => { this.BX.SidePanel.Instance.close(false, function () { EntryManager.openEditSlider({ entry: this.entry, type: this.type, ownerId: this.ownerId, userId: this.userId }); }.bind(this)); }); } else { this.BX.remove(this.DOM.editButton); } if (this.DOM.sidebarInner) { // Reminder this.DOM.reminderWrap = this.DOM.sidebarInner.querySelector('.calendar-slider-sidebar-remind-wrap'); if (Type.isDomNode(this.DOM.reminderWrap)) { let viewMode = !this.canDo(this.entry, 'edit') && this.entry.getCurrentStatus() === false; this.reminderControl = new this.BX.Calendar.Controls.Reminder({ wrap: this.DOM.reminderWrap, zIndex: this.zIndex, viewMode: viewMode }); this.reminderControl.setValue(this.entry.getReminders()); if (!viewMode) { this.reminderControl.subscribe('onChange', (event) => { if (event instanceof BaseEvent) { this.handleEntityChanges(); this.reminderValues = event.getData().values; this.BX.ajax.runAction('calendar.api.calendarajax.updateReminders', { data: { entryId: this.entry.id, userId: this.userId, reminders: this.reminderValues } }); } }); } } let items = this.DOM.sidebarInner.querySelectorAll('.calendar-slider-sidebar-border-bottom'); if (items.length >= 2) { this.BX.removeClass(items[items.length - 1], 'calendar-slider-sidebar-border-bottom'); } } if (this.canDo(this.entry, 'delete')) { Event.bind(this.DOM.delButton, 'click', ()=>{ EventEmitter.subscribeOnce('BX.Calendar.Entry:beforeDelete', ()=>{ this.BX.SidePanel.Instance.close(); }); EntryManager.deleteEntry(this.entry, this.calendarContext); }); } else { this.BX.remove(this.DOM.delButton); } this.BX.viewElementBind( uid + '_' + this.entry.id + '_files_wrap', { showTitle: true }, function(node) { return Type.isElementNode(node) && (node.getAttribute('data-bx-viewer') \|\| node.getAttribute('data-bx-image')); } ); if (this.entry && this.entry.isMeeting()) { this.initAcceptMeetingControl(uid); } if (this.DOM.sidebarInner) { let items = this.DOM.sidebarInner.querySelectorAll('.calendar-slider-sidebar-border-bottom'); if (items.length >= 2) { this.BX.removeClass(items[items.length - 1], 'calendar-slider-sidebar-border-bottom'); } } this.DOM.copyButton = this.DOM.content.querySelector(`#${uid}_copy_url_btn`); if (this.DOM.copyButton) { Event.bind(this.DOM.copyButton, 'click', this.copyEventUrl.bind(this)); } // Init "Videocall" control this.DOM.videoCall = this.DOM.sidebarInner.querySelector('.calendar-slider-sidebar-videocall'); if ( BX?.Intranet?.ControlButton && Type.isElementNode(this.DOM.videoCall) && this.entry.getCurrentStatus() !== false ) { this.DOM.videoCall.style.display = ''; this.intranetControllButton = new ControlButton({ container: this.DOM.videoCall, entityType: 'calendar_event', entityId: this.entry.parentId, entityData: { dateFrom: Util.formatDate(this.entry.from), parentId: this.entry.parentId }, analyticsLabel: { formType: 'full' } }); } } handleEntryData(entryData, userIndex, sectionData) { this.entry = new Entry({data: entryData, userIndex: userIndex}); if (Type.isPlainObject(sectionData)) { this.permissions = sectionData.PERM; } EntryManager.registerEntrySlider(this.entry, this); } initPlannerControl(uid) { this.plannerId = uid + '_view_slider_planner'; this.DOM.plannerWrapOuter = this.DOM.content.querySelector(`.calendar-slider-detail-timeline`); this.DOM.plannerWrap = this.DOM.plannerWrapOuter.querySelector(`.calendar-view-planner-wrap`); this.planner = new Planner({ wrap: this.DOM.plannerWrap, minWidth: parseInt(this.DOM.plannerWrap.offsetWidth), solidStatus: true, readonly: true, locked: !this.plannerFeatureEnabled, dayOfWeekMonthFormat: this.dayOfWeekMonthFormat }); this.planner.show(); this.planner.showLoader(); setTimeout(() => { if (this.DOM.plannerWrapOuter) { Dom.removeClass(this.DOM.plannerWrapOuter, 'hidden'); } }, 500); this.loadPlannerData().then(()=>{}); } initUserListControl(uid) { let userList = {y : [], i: [], q: [], n: []}; if (this.entry.isMeeting()) { this.entry.getAttendees().forEach(function(user) { if (user.STATUS === 'H') { userList.y.push(user); } else if (userList[user.STATUS.toLowerCase()]) { userList[user.STATUS.toLowerCase()].push(user); } }, this); } this.DOM.attendeesListY = this.DOM.content.querySelector(`#${uid}_attendees_y`); this.DOM.attendeesListN = this.DOM.content.querySelector(`#${uid}_attendees_n`); this.DOM.attendeesListQ = this.DOM.content.querySelector(`#${uid}_attendees_q`); this.DOM.attendeesListI = this.DOM.content.querySelector(`#${uid}_attendees_i`); Event.bind(this.DOM.attendeesListY, 'click', ()=>{this.showUserListPopup(this.DOM.attendeesListY, userList.y);}); Event.bind(this.DOM.attendeesListN, 'click', ()=>{this.showUserListPopup(this.DOM.attendeesListN, userList.n);}); Event.bind(this.DOM.attendeesListQ, 'click', ()=>{this.showUserListPopup(this.DOM.attendeesListQ, userList.q);}); Event.bind(this.DOM.attendeesListI, 'click', ()=>{this.showUserListPopup(this.DOM.attendeesListI, userList.i);}); } showUserListPopup(node, userList) { if (this.userListPopup) { this.userListPopup.close(); } if (userList && userList.length) { this.DOM.userListPopupWrap = this.BX.create('DIV', {props: {className: 'calendar-user-list-popup-block'}}); userList.forEach(function (user) { let userWrap = this.DOM.userListPopupWrap.appendChild(this.BX.create('DIV', {props: {className: 'calendar-slider-sidebar-user-container calendar-slider-sidebar-user-card'}})); userWrap.appendChild(this.BX.create('DIV', {props: {className: 'calendar-slider-sidebar-user-block-avatar'}})) .appendChild(this.BX.create('DIV', {props: {className: 'calendar-slider-sidebar-user-block-item'}})) .appendChild(this.BX.create('IMG', {props: {width: 34, height: 34, src: user.AVATAR}})); userWrap.appendChild(this.BX.create("DIV", {props: {className: 'calendar-slider-sidebar-user-info'}})) .appendChild(this.BX.create("A", { props: { href: user.URL ? user.URL : '#', className: 'calendar-slider-sidebar-user-info-name' }, text: user.DISPLAY_NAME })); }, this); this.userListPopup = this.BX.PopupWindowManager.create("user-list-popup-" + Math.random(), node, { autoHide: true, closeByEsc: true, offsetTop: 0, offsetLeft: 0, resizable: false, lightShadow: true, content: this.DOM.userListPopupWrap, className: 'calendar-user-list-popup', zIndex: 4000 }); this.userListPopup.setAngle({offset: 36}); this.userListPopup.show(); this.BX.addCustomEvent(this.userListPopup, 'onPopupClose', ()=>{this.userListPopup.destroy();}); } } initAcceptMeetingControl(uid) { this.DOM.statusButtonset = this.DOM.content.querySelector(`#${uid}_status_buttonset`); this.DOM.statusButtonset.style.marginRight = '12px'; if (this.entry.getCurrentStatus() === 'H' \|\| this.entry.getCurrentStatus() === false) { Dom.remove(this.DOM.statusButtonset); } else { this.statusControl = new MeetingStatusControl( { wrap: this.DOM.statusButtonset, currentStatus: this.DOM.content.querySelector(`#${uid}_current_status`).value \|\| this.entry.getCurrentStatus() }); this.statusControl.subscribe('onSetStatus', (event) => { if (event instanceof BaseEvent) { this.handleEntityChanges(); EntryManager.setMeetingStatus(this.entry, event.getData().status) .then(() => { this.statusControl.setStatus(this.entry.getCurrentStatus(), false); this.statusControl.updateStatus(); }); } } ); } } copyEventUrl() { if(!this.entryUrl \|\| !this.BX.clipboard.copy(this.entryUrl)) { return; } this.timeoutIds = this.timeoutIds \|\| []; let popup = new this.BX.PopupWindow( 'calendar_clipboard_copy', this.DOM.copyButton, { content: Loc.getMessage('CALENDAR_TIP_TEMPLATE_LINK_COPIED'), darkMode: true, autoHide: true, zIndex: 1000, angle: true, offsetLeft: 20, cachable: false } ); popup.show(); let timeoutId; while(timeoutId = this.timeoutIds.pop()) { clearTimeout(timeoutId); } this.timeoutIds.push(setTimeout(function(){popup.close();}, 1500)); } displayError(errors = []) { //errors } canDo(entry, action) { if ((action === 'edit' \|\| action === 'delete')) { if (entry.isResourcebooking()) { return false; } return this.permissions.edit; } if ((action === 'view')) { return this.permissions.view_full; } return false; } plannerIsShown() { return this.DOM.plannerWrap && Dom.hasClass(this.DOM.plannerWrap, 'calendar-edit-planner-wrap-shown'); } loadPlannerData() { this.planner.showLoader(); return new Promise((resolve) => { this.BX.ajax.runAction('calendar.api.calendarajax.updatePlanner', { data: { entryId: this.entry.id \|\| 0, entryLocation: this.entry.data.LOCATION \|\| '', ownerId: this.ownerId, hostId: this.entry.getMeetingHost(), type: this.type, entityList: this.entry.getAttendeesEntityList(), dateFrom: Util.formatDate(this.entry.from.getTime() - Util.getDayLength() * 3), dateTo: Util.formatDate(this.entry.to.getTime() + Util.getDayLength() * 10), timezone: this.userTimezone, location: this.entry.getLocation(), } }) .then((response) => { this.planner.hideLoader(); this.planner.update( response.data.entries, response.data.accessibility ); this.planner.updateSelector( Util.adjustDateForTimezoneOffset( this.entry.from, this.entry.userTimezoneOffsetFrom, this.entry.fullDay), Util.adjustDateForTimezoneOffset( this.entry.to, this.entry.userTimezoneOffsetTo, this.entry.fullDay ), this.entry.fullDay ); resolve(response); }, (response) => {resolve(response);} ); }); } keyHandler(e) { if( ( e.keyCode === Util.getKeyCode('delete') // \|\| e.keyCode === Util.getKeyCode('backspace') ) && this.canDo(this.entry, 'delete')) { const target = event.target \|\| event.srcElement; const tagName = Type.isElementNode(target) ? target.tagName.toLowerCase() : null; if (tagName && !['input', 'textarea'].includes(tagName)) { EventEmitter.subscribeOnce('BX.Calendar.Entry:beforeDelete', ()=>{ this.BX.SidePanel.Instance.close(); }); EntryManager.deleteEntry(this.entry, this.calendarContext); } } } handlePull(event: BaseEvent): void { if (!event instanceof BaseEvent) { return; } const data = event.getData(); const command = data[0]; switch(command) { case 'edit_event': case 'delete_event': case 'set_meeting_status': const calendarContext = Util.getCalendarContext(); if (calendarContext) { if (this.planner && this.reloadStatus === this.RELOAD_FINISHED) { this.loadPlannerData().then(()=>{}); } } else { this.reloadSlider(); } break; } } handleEntityChanges() { this.entityChanged = true; } reloadSlider(): void { if (this.reloadStatus === this.RELOAD_FINISHED) { const activeElement = document.activeElement if (['IFRAME', 'TEXTAREA'].includes(activeElement.tagName.toUpperCase())) { return; } // Protection from reloading same page during changes (status or reminder) if (this.entityChanged) { setTimeout(() => { this.entityChanged = false; }, 500); return; } EventEmitter.unsubscribe(this.slider, "SidePanel.Slider:onLoad", this.sliderOnLoad); EventEmitter.unsubscribe(this.slider, "SidePanel.Slider:onCloseComplete", this.destroyBind); EventEmitter.unsubscribe('onPullEvent-calendar', this.handlePullBind); Event.unbind(document, 'keydown', this.keyHandlerBind); this.reloadStatus = this.RELOAD_REQUESTED; this.slider.reload(); } } }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.26 | proxy | phpinfo | Settings