import { __decorate } from "tslib";
import { Component, Input } from "@angular/core";
import { FormGroup, FormBuilder, Validators } from "@angular/forms";
import { EwMaDesignService } from "../../ew-ma-design.service";
import { debounce } from "rxjs/operators";
import { interval } from "rxjs";
import { MatDialog } from "@angular/material/dialog";
import { AuthenticationService, statusCodes, LoggerService, FlashService } from "ew-common-lib";
var EventPageNewComponent = /** @class */ (function () {
    /**
     * Initialise Services.
     * @param designService
     * @param formBuilder
     * @param ewloggerService
     */
    function EventPageNewComponent(designService, formBuilder, dialog, ewloggerService, ewFlashService, authenticationService) {
        this.designService = designService;
        this.formBuilder = formBuilder;
        this.dialog = dialog;
        this.ewloggerService = ewloggerService;
        this.ewFlashService = ewFlashService;
        this.authenticationService = authenticationService;
        this.userDomain = '';
        this.viewInit = false;
        this.mobileSideBarToggle = false;
        this.ctaTab = "offer";
        this.chatTab = "chat";
        this.sidePageTab = "open";
    }
    /**
     * NgOnint hook
     */
    EventPageNewComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.userDomain = this.authenticationService.getUserDomain();
        this.designService.saveEventPageButtonEvent.subscribe(function (data) {
            _this.saveChanges();
        });
        this.fetchDataFromAPI();
        this.initializeProcess();
        if (localStorage.getItem('eventType' + this.designService.eventId) != '') {
            this.eventType = localStorage.getItem('eventType' + this.designService.eventId);
        }
        else {
            this.getEventDetails();
        }
        //this.header.showConfigPanel=true;
        //let bodyContainer = document.getElementsByClassName(
        //'mat-typography'
        var bodyContainer = document.getElementsByTagName('html');
        if (bodyContainer.length) {
            bodyContainer[0].classList.add('overflow-hidden');
        }
    };
    /**
     * @description
     * Setup the form.
     */
    EventPageNewComponent.prototype.initializeProcess = function () {
        this.eventPageForm = this.formBuilder.group({
            page_setting: this.formBuilder.group({
                webinar_main_topic: this.formBuilder.control(""),
                event_header_analytics: this.formBuilder.control(""),
                event_body_analytics: this.formBuilder.control(""),
                event_footer_analytics: this.formBuilder.control(""),
            }),
        });
        this.eventPageForm.valueChanges
            .pipe(debounce(function () { return interval(100); }))
            .subscribe(function (formData) {
            //localStorage.setItem('replayFormData', JSON.stringify(formData));
        });
    };
    EventPageNewComponent.prototype.ngOnDestroy = function () {
        // let bodyContainer = document.getElementsByClassName(
        //   'mat-typography'
        // );
        var bodyContainer = document.getElementsByTagName('html');
        if (bodyContainer.length) {
            bodyContainer[0].classList.remove('overflow-hidden');
        }
    };
    EventPageNewComponent.prototype.saveChanges = function (data) {
        var _this = this;
        if (data == undefined) {
            data = this.eventPageForm.value;
        }
        this.header.autoSave = true;
        var modal = data.page_setting;
        this.designService.saveEventPage(modal).subscribe(function (response) {
            _this.header.autoSave = false;
            if (response.status.code == statusCodes.SUCCESS) {
                _this.ewFlashService.openSnackBar("Your page is saved successfully", "Got It");
                sessionStorage.setItem("saved", "true");
            }
            else {
                _this.ewFlashService.openSnackBar("Something went wrong.Please try again.", "Got It", "error-ew-message");
                _this.ewloggerService.logError(response);
            }
        }, function (error) {
            _this.header.autoSave = false;
            _this.ewFlashService.openSnackBar("Something went wrong.Please try again.", "Got It", "error-ew-message");
            _this.ewloggerService.logError(error);
        });
    };
    EventPageNewComponent.prototype.fetchDataFromAPI = function () {
        var _this = this;
        this.designService.getEventPage().subscribe(function (res) {
            if (res.status.code == 200)
                setTimeout(function () {
                    _this.eventPageForm.get("page_setting").patchValue(res.data);
                }, 0);
        });
    };
    EventPageNewComponent.prototype.getEventDetails = function () {
        var _this = this;
        this.designService.getEventDetails({
            domain_id: this.userDomain,
            id: "",
        })
            .subscribe(function (response) {
            if (response.status.code == statusCodes.SUCCESS) {
                _this.eventType = response.data.is_livestream;
                localStorage.setItem('eventType' + _this.designService.eventId, _this.eventType);
            }
            else {
                console.log('Error in api request');
            }
        }, function (error) {
            console.log('error', error);
        });
    };
    EventPageNewComponent.ctorParameters = function () { return [
        { type: EwMaDesignService },
        { type: FormBuilder },
        { type: MatDialog },
        { type: LoggerService },
        { type: FlashService },
        { type: AuthenticationService }
    ]; };
    __decorate([
        Input()
    ], EventPageNewComponent.prototype, "header", void 0);
    EventPageNewComponent = __decorate([
        Component({
            selector: "ew-event-page",
            template: "<section class=\"custom-widget\"\r\n\t[ngClass]=\"{'ew-sidebar-open': header.showConfigPanel}\"\r\n>\r\n\t<div class=\"custom-widget-left\">\r\n\t\t<div class=\"mobile-notch-visible\" style=\"display: none;\"><img src=\"assets/images/iphone-notch.png\"></div>\r\n\t\t<div class=\"ew-replay-page builder-replay-page-view\">\r\n\t\t\t<div class=\"top-header-reply\">\r\n\t\t\t\t<div class=\"left-reply-header\">\r\n\t\t\t\t\t<!-- <span *ngIf=\"eventPageForm.value.page_setting.url\" class=\"branding-reply\">\r\n\t\t\t\t\t\t<img src=\"{{ eventPageForm.value.page_setting.url }}\" alt=\"ew-logo\">\r\n\t\t\t\t\t</span> -->\r\n\t\t\t\t\t<span class=\"branding-reply\">\r\n\t\t\t\t\t\t<img src=\"{{this.designService.getImageCDNEndpoint()}}assets/images/replay-logo.png\" alt=\"ew-logo\">\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span class=\"title-replay-header\">{{ eventPageForm.value.page_setting.webinar_main_topic }}</span>\r\n\t\t\t\t\t<!-- <span class=\"timer-event-ew\">00:00:00</span> -->\r\n\t\t\t\t\t<!-- <span class=\"tag-replay live\">Live</span> -->\r\n\t\t\t\t\t<!-- <span class=\"event-fi-icon\"><img src=\"https://uikit-dev.easywebinar.com/assets/images/live-event.png\"></span> -->\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"right-reply-heder\">\r\n\t\t\t\t\t<!-- <span \r\n\t\t\t\t\t\t(click)=\"mobileSideBarToggle=!mobileSideBarToggle\"\r\n\t\t\t\t\t\tclass=\"ew-full-screen-replay builder-mobile-only\" style=\"display: none;\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg class=\"chat-opened\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"21.131\" viewBox=\"0 0 24 21.131\"><defs><style>.a{fill:#333;}.b{fill:#fff;}</style></defs><g transform=\"translate(-9202 -11315)\"><g transform=\"translate(9202 11315)\"><g transform=\"translate(0 0)\"><path class=\"a\" d=\"M3.494,51.679h-1.7l1.2-1.2A4.069,4.069,0,0,0,4.158,48.07,8.577,8.577,0,0,1,0,40.841c0-5.105,4.692-10.293,12.041-10.293C19.825,30.548,24,35.322,24,40.394c0,5.105-4.218,9.876-11.959,9.876a16.221,16.221,0,0,1-4.034-.513,6.3,6.3,0,0,1-4.512,1.922Z\" transform=\"translate(0 -30.548)\"/></g></g><g transform=\"translate(9208.81 11321.528)\"><rect class=\"b\" width=\"11.206\" height=\"1.457\" rx=\"0.729\" transform=\"translate(0 0)\"/><rect class=\"b\" width=\"11.206\" height=\"1.457\" rx=\"0.729\" transform=\"translate(0 2.55)\"/><rect class=\"b\" width=\"6.896\" height=\"1.457\" rx=\"0.729\" transform=\"translate(0 5.101)\"/></g></g></svg>\r\n\t\t\t\t\t\t<svg class=\"chat-closed\" style=\"display: none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24.314\" height=\"24.114\" viewBox=\"0 0 24.314 24.114\"><defs><style>.a{fill:#666;}.b{fill:#fff;}</style></defs><g transform=\"translate(-1476.686 -14.2)\"><g transform=\"translate(-7725 -11298)\"><g transform=\"translate(9202 11315)\"><g transform=\"translate(0 0)\"><path class=\"a\" d=\"M3.494,51.679h-1.7l1.2-1.2A4.069,4.069,0,0,0,4.158,48.07,8.577,8.577,0,0,1,0,40.841c0-5.105,4.692-10.293,12.041-10.293C19.825,30.548,24,35.322,24,40.394c0,5.105-4.218,9.876-11.959,9.876a16.221,16.221,0,0,1-4.034-.513,6.3,6.3,0,0,1-4.512,1.922Z\" transform=\"translate(0 -30.548)\"/></g></g><g transform=\"translate(9208.81 11321.528)\"><rect class=\"b\" width=\"11.206\" height=\"1.457\" rx=\"0.729\" transform=\"translate(0 0)\"/><rect class=\"b\" width=\"11.206\" height=\"1.457\" rx=\"0.729\" transform=\"translate(0 2.55)\"/><rect class=\"b\" width=\"6.896\" height=\"1.457\" rx=\"0.729\" transform=\"translate(0 5.101)\"/></g></g><rect class=\"a\" width=\"30\" height=\"2\" transform=\"translate(1478.1 15.686) rotate(45)\"/><rect class=\"b\" width=\"30\" height=\"2\" transform=\"translate(1479.415 14.2) rotate(45)\"/></g></svg>\r\n\t\t\t\t\t\t<span class=\"ew-full-name\">Chat</span>\r\n\t\t\t\t\t</span> -->\r\n\t\t\t\t\t<!-- <span class=\"ew-full-screen-replay reconnect-event\">\r\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"18px\" viewBox=\"0 0 24 24\" width=\"18px\" fill=\"#333\"><path d=\"M.01 0h24v24h-24V0z\" fill=\"none\"/><path d=\"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z\"/></svg>\r\n\t\t\t\t\t\t<span class=\"ew-full-name\">Reconnect</span>\r\n\t\t\t\t\t</span> -->\r\n\t\t\t\t\t<span class=\"ew-full-screen-replay\"\r\n\t\t\t\t\t\t[style.display]=\"(eventType == '1') ? 'flex' : 'none'\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\"><defs><style>.a-full{fill:#333;}</style></defs><path class=\"a-full\" d=\"M5.271,1.318V0H.659A.659.659,0,0,0,0,.659V5.271H1.318V2.247L7.438,8.367l.929-.929L2.247,1.318Z\"/><path class=\"a-full\" d=\"M316.509,0H311.9V1.318h3.024L308.8,7.438l.929.929,6.121-6.121V5.271h1.318V.659A.659.659,0,0,0,316.509,0Z\" transform=\"translate(-299.167)\"/><path class=\"a-full\" d=\"M315.85,314.921l-6.121-6.121-.929.929,6.121,6.121H311.9v1.318h4.612a.659.659,0,0,0,.659-.659V311.9H315.85Z\" transform=\"translate(-299.167 -299.167)\"/><path class=\"a-full\" d=\"M7.438,308.64l-6.121,6.127v-3.024H0v4.612a.659.659,0,0,0,.659.659H5.271V315.7H2.247l6.121-6.121Z\" transform=\"translate(0 -299.014)\"/></svg>\r\n\t\t\t\t\t\t<span class=\"ew-full-name\">Full Screen</span>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<button class=\"small-button-ew\" mat-flat-button  color=\"warn\"\r\n\t\t\t\t\t\t[style.display]=\"(eventType == '1') ? 'block' : 'none'\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\tLeave\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\t\t\t\r\n\r\n\r\n\t\t\t<div class=\"ew-replay-preview \"\r\n\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t'ew-close-sidebar': (sidePageTab =='close')\r\n\t\t\t\t}\"\r\n\t\t\t>\r\n\t\t\t\t<div class=\"left-reply-video\">\r\n\t\t\t\t\t<div class=\"image-container\">\r\n\t\t\t\t\t\t<!-- <img src=\"assets/images/event-page-img.png\"> -->\t\t\t\r\n\t\t\t\t\t\t<div class=\"video-placeholder\">\r\n\t\t\t\t\t\t\t<img src=\"{{this.designService.getImageCDNEndpoint()}}assets/images/video-placeholder-icon.svg\" alt=\"\">\r\n\t\t\t\t\t\t\t<span>The video to be presented will be displayed here</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"webinar-footer-area\">\r\n\t\t\t\t\t\t<p>Powered by <img src=\"{{this.designService.getImageCDNEndpoint()}}assets/images/easywebinar-logo-footer.svg\" alt=\"\"></p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<span class=\"ew-open-sidebar\"\r\n\t\t\t\t\t\t(click)=\"sidePageTab='open'\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<mat-icon>chat</mat-icon>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\t\t\t\r\n\r\n\t\t\t\t<div class=\"right-replay-preview\">\r\n\t\t\t\t\t<div class=\"event-ew-reply\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"offer-polss-tabs automated-poll-offer-tab\">\r\n\t\t\t\t\t\t\t<span class=\"close-button\"\r\n\t\t\t\t\t\t\t\t(click)=\"sidePageTab='close'\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<mat-icon>clear</mat-icon>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t<li class=\"offers-tab-head\"\r\n\t\t\t\t\t\t\t\t\t(click)=\"ctaTab='offer'\"\r\n\t\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t\t'active': (ctaTab =='offer')\r\n\t\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<a> <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"15.511\" viewBox=\"0 0 18 15.511\">\r\n\t\t\t\t\t\t\t\t\t\t<g id=\"propaganda_2\" data-name=\"propaganda 2\" transform=\"translate(0 -35.395)\">\r\n\t\t\t\t\t\t\t\t\t\t  <path id=\"Path_1384\" data-name=\"Path 1384\" d=\"M451,236.6h2.145v1.055H451Z\" transform=\"translate(-435.145 -194.136)\" fill=\"#666\"/>\r\n\t\t\t\t\t\t\t\t\t\t  <path id=\"Path_1385\" data-name=\"Path 1385\" d=\"M444.882,150l-.585-.878-1.617,1.055.585.878Z\" transform=\"translate(-427.117 -109.732)\" fill=\"#666\"/>\r\n\t\t\t\t\t\t\t\t\t\t  <path id=\"Path_1386\" data-name=\"Path 1386\" d=\"M442.68,300l1.617,1.055.585-.878-1.617-1.055Z\" transform=\"translate(-427.117 -254.458)\" fill=\"#666\"/>\r\n\t\t\t\t\t\t\t\t\t\t  <path id=\"Path_1387\" data-name=\"Path 1387\" d=\"M2.637,174.964a2.637,2.637,0,1,0,0,5.273H6.6a5.483,5.483,0,0,1,.783.06V174.9a5.483,5.483,0,0,1-.783.06Z\" transform=\"translate(0 -134.604)\" fill=\"#666\"/>\r\n\t\t\t\t\t\t\t\t\t\t  <path id=\"Path_1388\" data-name=\"Path 1388\" d=\"M240,40.044v5.9a14.493,14.493,0,0,1,5.463,3.749l.9.9V35.4l-.9.9A14.493,14.493,0,0,1,240,40.044Z\" transform=\"translate(-231.563)\" fill=\"#666\"/>\r\n\t\t\t\t\t\t\t\t\t\t  <path id=\"Path_1389\" data-name=\"Path 1389\" d=\"M87.09,356.605H83.705l.844,4.219H87.09v-2.109h1.055V357.66H87.09Z\" transform=\"translate(-80.762 -309.917)\" fill=\"#666\"/>\r\n\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t  </svg>\r\n\t\t\t\t\t\t\t\t\t\tOffers</a>\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t<li class=\"polls-tab-head\" \r\n\t\t\t\t\t\t\t\t\t(click)=\"ctaTab='poll'\"\r\n\t\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t\t'active': (ctaTab =='poll')\r\n\t\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<a> <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"15.873\" viewBox=\"0 0 16 15.873\">\r\n\t\t\t\t\t\t\t\t\t\t<g id=\"Group_2989\" data-name=\"Group 2989\" transform=\"translate(-1332 -113)\">\r\n\t\t\t\t\t\t\t\t\t\t  <rect id=\"Rectangle_555\" data-name=\"Rectangle 555\" width=\"3.302\" height=\"15.873\" transform=\"translate(1338.349 113)\" fill=\"#666\"/>\r\n\t\t\t\t\t\t\t\t\t\t  <rect id=\"Rectangle_556\" data-name=\"Rectangle 556\" width=\"3.302\" height=\"11.048\" transform=\"translate(1332 117.825)\" fill=\"#666\"/>\r\n\t\t\t\t\t\t\t\t\t\t  <rect id=\"Rectangle_557\" data-name=\"Rectangle 557\" width=\"3.302\" height=\"6.349\" transform=\"translate(1344.698 122.524)\" fill=\"#666\"/>\r\n\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t  </svg>\r\n\t\t\t\t\t\t\t\t\t\tPolls</a>\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t\t<div class=\"replay-offfer-box\"\r\n\t\t\t\t\t\t\t\t[style.display]=\"(ctaTab =='offer') ? 'block' : 'none'\"\t\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"detail-event-sec-ew\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"skel-mask h3-skeleton\"></div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"skel-mask p-skeleton\"></div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"skel-mask countdown-skeleton\"></div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"skel-mask button-skeleton\"></div>\r\n\t\t\t\t\t\t\t\t\t<p>Offers for your attendees will be displayed here</p>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\r\n\t\t\t\t\t\t\t<div class=\"replay-polls-box\" \r\n\t\t\t\t\t\t\t\t[style.display]=\"(ctaTab =='poll') ? 'block' : 'none'\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"polls-listing-automated\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"skel-mask poll1-skelton\"></div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"skel-mask poll2-skelton\"></div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"skel-mask poll3-skelton\"></div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"skel-mask poll4-skelton\"></div>\r\n\t\t\t\t\t\t\t\t\t<p>Polls for your attendees will be displayed here</p>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\r\n\r\n\t\t\t\t\t\t<div class=\"chat-event-sec\"\r\n\t\t\t\t\t\t\t[style.display]=\"(eventType != '1') ? 'block' : 'none'\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div class=\"ew-form-replay\">\r\n\t\t\t\t\t\t\t\t<span class=\"form-title-replay\">\r\n\t\t\t\t\t\t\t\t<mat-icon>chat_bubble</mat-icon> Drop Your Questions Here\r\n\t\t\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"drop-question-box\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"input-field skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t<span class=\"input-field skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t<span class=\"textarea-field skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t<span class=\"button-field skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div class=\"chat-event-sec\"\r\n\t\t\t\t\t\t\t[style.display]=\"(eventType =='1') ? 'block' : 'none'\"\t\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div class=\"top-chat-participent\">\r\n\t\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\t(click)=\"chatTab='chat'\"\r\n\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t\t\t'active': (chatTab =='chat')\r\n\t\t\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tChat</li>\r\n\t\t\t\t\t\t\t\t\t<li \r\n\t\t\t\t\t\t\t\t\t\t(click)=\"chatTab='attendee'\"\r\n\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t\t\t\t\t'active': (chatTab =='attendee')\r\n\t\t\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t\t\t>Participants</li>\r\n\t\t\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"chat-common-area\">\r\n\t\t\t\t\t\t\t\t<div class=\"chat-bosy-event\"\r\n\t\t\t\t\t\t\t\t\t[style.display]=\"(chatTab =='chat') ? 'block' : 'none'\"\r\n\t\t\t\t\t\t\t\t> <!-- For chat area -->\r\n\t\t\t\t\t\t\t\t\t<span class=\"chat-loading-ew\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"left-chat-circle skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"right-chat-message-ew\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span  class=\"chat-load-sms skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"chat-load-large-sms skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<span class=\"chat-loading-ew\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"left-chat-circle skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"right-chat-message-ew\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span  class=\"chat-load-sms skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"chat-load-large-sms skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"chat-bosy-event\"\r\n\t\t\t\t\t\t\t\t\t[style.display]=\"(chatTab =='attendee') ? 'block' : 'none'\"\t\r\n\t\t\t\t\t\t\t\t> <!-- For Participants area -->\r\n\t\t\t\t\t\t\t\t\t<div class=\"participants-heading\">\r\n\t\t\t\t\t\t\t\t\t\t<span>Presenters</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<span class=\"chat-loading-ew\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"left-chat-circle skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"right-chat-message-ew\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span  class=\"chat-load-sms skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"chat-load-large-sms skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"participants-heading\">\r\n\t\t\t\t\t\t\t\t\t\t<span>Attendees</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<span class=\"chat-loading-ew\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"left-chat-circle skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"right-chat-message-ew\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span  class=\"chat-load-sms skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"chat-load-large-sms skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<span class=\"chat-loading-ew\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"left-chat-circle skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"right-chat-message-ew\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span  class=\"chat-load-sms skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"chat-load-large-sms skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"chat-footer-ew\" \r\n\t\t\t\t\t\t\t\t\t[style.display]=\"(chatTab =='chat') ? 'flex' : 'none'\"\t> <!-- this area will come only in case when chat tab is active -->\r\n\t\t\t\t\t\t\t\t\t<span class=\"right-chat-message-ew\">\r\n\t\t\t\t\t\t\t\t\t\t<span  class=\"chat-load-sms skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"chat-load-large-sms skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<span class=\"send-button skel-mask\"></span>\r\n\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\r\n\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"custom-widget-right\">\r\n\t\t<div class=\"widget-inner-outer\">\r\n\t\t\t<div class=\"sidebar-element-body\">\r\n\t\t\t\t<div class=\"child-list-custom\">\r\n\t\t\t\t\t<div class=\"elemets-ew-sidebar\">\r\n\t\t\t\t\t\t<div class=\"mat-widget-header tab-toggle-ew\">\r\n\t\t\t\t\t\t\t<mat-icon class=\"mat-icon-no-color\">settings</mat-icon>\r\n\t\t\t\t\t\t\t<span class=\"title-content-ew\">{{ 'BUILDER.SIDEBAR.PAGE_SETTINGS' | translate }}</span>\r\n\r\n\t\t\t\t\t\t\t<span class=\"btn-editor-save ew-sidebar-close-btn\" (click)=\"header.showConfigPanel=false\">\r\n\t\t\t\t\t\t\t\t<button class=\"small-button-ew green base\" mat-flat-button color=\"accent\">{{ 'DESIGN.DONE' | translate }}</button>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div [formGroup]=\"eventPageForm.get('page_setting')\" class=\"elements-outer-sec-scroll replay-sidebar\">\r\n\t\t\t\t\t\t\t<div class=\"builder-elements-outer\">\r\n\t\t\t\t\t\t\t\t<div class=\"element-builder-row textarea-builder-row replay-margin\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"builder-elements-name social-seo-option-text\">Title</span>\r\n\t\t\t\t\t\t\t\t\t<mat-form-field class=\"ew-field-without-lebel open-graph-input builder-input-fields\" floatLabel=\"never\">\r\n\t\t\t\t\t\t\t\t\t\t<input matInput formControlName=\"webinar_main_topic\">\r\n\t\t\t\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<!-- <div class=\"element-builder-row textarea-builder-row\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"builder-elements-name social-seo-option-text\">Social Image</span>\r\n\t\t\t\t\t\t\t\t\t\t<ew-control-manage-image\r\n\t\t\t\t\t\t\t\t\t\t [parentFrom]=\"eventPageForm.get('page_setting')\"\r\n\t\t\t\t\t\t\t\t\t\t [deaultImg]=\"'https://uikit-dev.easywebinar.com/assets/images/replay-logo.png'\">\r\n\t\t\t\t\t\t\t\t\t\t</ew-control-manage-image>\r\n\t\t\t\t\t\t\t\t</div> -->\r\n\t\t\t\t\t\t\t\t<div class=\"element-builder-row textarea-builder-row\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"builder-elements-name\">Header Script</span>\r\n\t\t\t\t\t\t\t\t\t<mat-form-field  floatLabel=\"never\" class=\"builder-right-textarea\">\r\n\t\t\t\t\t\t\t\t\t\t<textarea matInput formControlName=\"event_header_analytics\"></textarea>\r\n\t\t\t\t\t\t\t\t\t  </mat-form-field>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"element-builder-row textarea-builder-row padding-elements-30-top\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"builder-elements-name\">Body Code</span>\r\n\t\t\t\t\t\t\t\t\t<mat-form-field  floatLabel=\"never\" class=\"builder-right-textarea\">\r\n\t\t\t\t\t\t\t\t\t\t<textarea matInput formControlName=\"event_body_analytics\"></textarea>\r\n\t\t\t\t\t\t\t\t\t  </mat-form-field>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"element-builder-row textarea-builder-row padding-elements-30-top\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"builder-elements-name\">Footer Script</span>\r\n\t\t\t\t\t\t\t\t\t<mat-form-field  floatLabel=\"never\" class=\"builder-right-textarea\">\r\n\t\t\t\t\t\t\t\t\t\t<textarea matInput formControlName=\"event_footer_analytics\"></textarea>\r\n\t\t\t\t\t\t\t\t\t  </mat-form-field>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</section>\r\n",
            styles: [""]
        })
    ], EventPageNewComponent);
    return EventPageNewComponent;
}());
export { EventPageNewComponent };
//# sourceMappingURL=data:application/json;base64, 