File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/js/calendar/sync/interface/src/itemstemplate/mobileinterfacetemplate.js
Back
// @flow 'use strict'; import {Loc, Tag, Type, Event, Dom} from "main.core"; import {InterfaceTemplate} from "./interfacetemplate"; import MobileSyncBanner from "../controls/mobilesyncbanner"; import {Util} from "calendar.util"; export default class MobileInterfaceTemplate extends InterfaceTemplate { constructor(options) { super(options); this.banner = new MobileSyncBanner({ type: this.provider.getType(), helpDeskCode: options.helpDeskCode, }); if (this.status) { this.syncDate = Type.isDate(this.data.syncDate) ? this.data.syncDate : Util.parseDate(this.data.syncDate); } } getContentInfoBody() { return Tag.render ` ${this.getContentInfoBodyHeader()} ${this.getContentInfoWarning()} `; } getContentInfoBodyHeaderHelper() { if (!this.headerHelper) { this.headerHelper = Tag.render` <div class="calendar-sync-slider-info"> <span class="calendar-sync-slider-info-text"> <a class="calendar-sync-slider-info-link"> ${Loc.getMessage('CAL_CONNECT_PHONE')} </a> </span> </div> `; Event.bind(this.headerHelper, 'click', this.showMobileSyncBanner.bind(this)); } return this.headerHelper; } showMobileSyncBanner() { this.headerHelper.style.display = 'none'; Dom.append(this.getContentBodyConnect(), this.infoBodyHeader); } getContentActiveBody() { return Tag.render` ${this.getContentActiveBodyHeader()} <div class="calendar-sync-slider-section calendar-sync-slider-section-banner"> ${this.getContentBodyConnect()} </div> `; } getContentActiveBodyHeader() { const timestamp = this.connection.getSyncDate().getTime() / 1000; const syncTime = timestamp ? Util.formatDateUsable(timestamp) + ' ' + BX.date.format(Util.getTimeFormatShort(), timestamp) : ''; return Tag.render ` <div class="calendar-sync-slider-section"> <div class="calendar-sync-slider-header-icon ${this.sliderIconClass}"></div> <div class="calendar-sync-slider-header"> <div class="calendar-sync-slider-title">${this.titleActiveHeader}</div> <div class="calendar-sync-slider-info"> <span class="calendar-sync-slider-info-text">${Loc.getMessage('CAL_SYNC_LAST_SYNC_DATE')}</span> <span class="calendar-sync-slider-info-time">${syncTime}</span> </div> <div class="calendar-sync-slider-desc">${Loc.getMessage('CAL_SYNC_DISABLE')}</div> <a class="calendar-sync-slider-link" href="javascript:void(0);" onclick="${this.showHelp.bind(this)}">${Loc.getMessage('CAL_TEXT_ABOUT_WORK_SYNC')}</a> </div> </div>`; } getContentBodyConnect() { this.banner.initQrCode().then(this.banner.drawQRCode.bind(this.banner)); return this.banner.getContainer(); } getActiveConnectionContent() { return Tag.render` <div class="calendar-sync-wrap calendar-sync-wrap-detail"> <div class="calendar-sync-header"> <span class="calendar-sync-header-text">${this.getHeaderTitle()}</span> </div> ${this.getContentActiveBody()} </div> ` } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.28 |
proxy
|
phpinfo
|
Settings