WebBuild/wwwroot/apps/collaboration/components/doceditor/base.js

var Unibase;
(function (Unibase) {
    let Apps;
    (function (Apps) {
        let Collaboration;
        (function (Collaboration) {
            let Components;
            (function (Components) {
                let DocEditor;
                (function (DocEditor) {
                    class Base {
                        init(response, res, callback) {
                            this.result = response.result;
                            this.documentGroup = this.result.DocumentGroup;
                            this.filedata = res.result;
                            this.FileName = response.result.FileTitle;
                            this.FileId = response.result.FileId;
                            this.sourceFileId = response.result.SourceFileId;
                            this.Priority = response.result.Priority;
                            this.lastEditedTime = response.result.LastUpdateTime;
                            this.timePeriod = response.result.TimePeriod;
                            this.username = response.result.LastUpdateByName;
                            this.Priority = response.result.Priority;
                            this.newUpload = response.result.NewUpload;
                            this.identity = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                            this.unibaseusername = this.identity.name.trim();
                            this.NewDocument = response.result.NewDocument;
                            this.render();
                            if (callback != null) {
                                callback();
                            }
                        }
                        unwireBootStrapKeyEvent() {
                            let popup = document.body.getElementsByClassName('_bizgaze_popup_container');
                            let events = $._data($(popup)[0], "events");
                            if (events && events.keydown) {
                                $(popup).off('keydown.dismiss.bs.modal', events.keydown[0].handler);
                            }
                        }
                        render() {
                            this.renderPopup();
                            this.updateProps();
                            this.renderMenuBar();
                            this.refreshHeight();
                            this.wordDocumentRender();
                            this.ribbon.init(this.wordDocumentObj, this.result);
                            this.priorityRender();
                            this.initSetInterval();
                            this.eventListeners();
                            this.unwireBootStrapKeyEvent();
                            if (!this.NewDocument) {
                                this.connectHub(this.FileId, this.documentGroup);
                            }
                        }
                        connectHub(fileId, documentgroup) {
                            Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFiles(["apps/collaboration/components/docconnector.js", "apps/collaboration/components/unidochub.js"], function () {
                                Unibase.Apps.Collaboration.Components.DocConnector.Instance().init(fileId, documentgroup);
                            });
                        }
                        priorityRender() {
                            if (this.Priority) {
                                $(".biz_doc_star_icon_" + this.FileId).removeClass("fa-star-o");
                                $(".biz_doc_star_icon_" + this.FileId).addClass("fa-star");
                                $(".biz_doc_star_icon_" + this.FileId).removeClass("text-light");
                                $(".biz_doc_star_icon_" + this.FileId).css("color", "orange");
                            }
                        }
                        eventListeners() {
                            try {
                                document.body.addEventListener("keydown", this.keyDown.bind(this));
                                document.body.addEventListener("mousedown", this.mouseDown.bind(this));
                                document.getElementsByClassName("biz-doc-starred")[0].addEventListener('click', (event) => {
                                });
                                document.getElementsByClassName("biz-doc-filename")[0].addEventListener('focusout', (event) => {
                                    this.fileNameChange();
                                });
                                (document.getElementsByClassName('e-de-text-target')[0].contentWindow.document).addEventListener("keydown", (ele) => {
                                    if (ele.keyCode == 122) {
                                        event.preventDefault();
                                        this.openFullscreen(this.container);
                                    }
                                });
                                (document.getElementsByClassName('e-de-text-target')[0].contentWindow.document).addEventListener("keyup", (ele) => {
                                    this.editorkeyUp(ele);
                                });
                                (document.getElementsByClassName('e-de-text-target')[0].contentWindow.document).addEventListener("mousedown", (ele) => {
                                    this.editorMouseDown(ele);
                                });
                                this.container.addEventListener("fullscreenchange", () => {
                                    this.fullscreenHandler(this.container);
                                });
                                this.wordDocumentObj.documentEditor.contextMenuModule.contextMenuInstance.addEventListener("beforeOpen", this.cmenuBfOpen.bind(this));
                                this.wordDocumentObj.documentEditor.contextMenuModule.contextMenuInstance.addEventListener("beforeItemRender", this.cmenuBfItemRndr.bind(this));
                                this.wordDocumentObj.documentEditor.contextMenuModule.contextMenuInstance.addEventListener("select", this.cmenuSelect.bind(this));
                            }
                            catch (e) {
                            }
                        }
                        keyDown(ele) {
                            if (ele.keyCode == 122) {
                                event.preventDefault();
                                setTimeout(() => { this.openFullscreen(this.container); }, 0);
                            }
                            if (ele.target.classList.contains("biz-doc-fileshare-btn")) {
                                Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile('apps/collaboration/components/unicloud.js', () => {
                                    Unibase.Apps.Collaboration.Components.UniCloud.Instance().share(this.sourceFileId, "File", 0);
                                });
                            }
                        }
                        editorkeyUp(e) {
                            this.updateUndoRedo();
                        }
                        updateUndoRedo() {
                            let undoOverley = document.getElementById("DocumentViewer_toolbar_undo").parentElement.classList.contains("e-overlay");
                            let redoOverley = document.getElementById("DocumentViewer_toolbar_redo").parentElement.classList.contains("e-overlay");
                            let undobtn = document.getElementsByClassName("biz-doc-undo")[0];
                            let redobtn = document.getElementsByClassName("biz-doc-redo")[0];
                            this.enableOrDisableIcon(undoOverley, undobtn);
                            this.enableOrDisableIcon(redoOverley, redobtn);
                        }
                        editorMouseDown(e) {
                            let undo = e.target.closest(".biz-doc-undo");
                            let redo = e.target.closest(".biz-doc-redo");
                            (undo) && document.getElementById("DocumentViewer_toolbar_undo").click();
                            (redo) && document.getElementById("DocumentViewer_toolbar_redo").click();
                            this.updateUndoRedo();
                        }
                        mouseDown(e) {
                            if (e.target.id == "biz_doc_undobtn" || e.target.classList.contains("biz-doc-undo-icon")) {
                                document.getElementById("DocumentViewer_toolbar_undo").click();
                            }
                            else if (e.target.id == "biz_doc_redobtn" || e.target.classList.contains("biz-doc-redo-icon")) {
                                document.getElementById("DocumentViewer_toolbar_redo").click();
                            }
                            this.updateUndoRedo();
                        }
                        enableOrDisableIcon(undoOverley, btn) {
                            if (undoOverley) {
                                if (!btn.classList.contains("e-disabled"))
                                    btn.classList.add("e-disabled");
                            }
                            else {
                                if (btn.classList.contains("e-disabled"))
                                    btn.classList.remove("e-disabled");
                            }
                        }
                        openFullscreen(elem) {
                            if (elem.requestFullscreen) {
                                elem.requestFullscreen();
                            }
                            else if (elem.webkitRequestFullscreen) {
                                elem.webkitRequestFullscreen();
                            }
                            else if (elem.msRequestFullscreen) {
                                elem.msRequestFullscreen();
                            }
                        }
                        fullscreenHandler(container) {
                            setTimeout(() => {
                                if (document.fullscreenElement) {
                                    this.fullscreenChange(container);
                                }
                                else {
                                    this.fullscreenChange(container);
                                }
                            }, 100);
                        }
                        fullscreenChange(ele) {
                            let ribbonHeight = this.ribbonElem.offsetHeight;
                            let toolbarHeight = document.getElementsByClassName("biz-doc-bottomtoolbar")[0].offsetHeight;
                            let footerHeight = this.element.parentElement.nextElementSibling.offsetHeight;
                            var totalHeight = window.innerHeight - ribbonHeight - toolbarHeight - footerHeight;
                            this.element.parentElement.style.height = totalHeight + 'px';
                            this.wordDocumentObj.height = totalHeight + 'px';
                        }
                        wordDocumentRender() {
                            var instance = this;
                            this.wordDocumentObj = new ej.documenteditor.DocumentEditorContainer({
                                height: "100%",
                                enableEditor: true,
                                enableEditorHistory: true,
                                enableSelection: true,
                                enableSearch: true,
                                created: () => {
                                    setTimeout(() => {
                                        let updateTextPositionFn = this.wordDocumentObj.documentEditor.selectionModule.updateTextPosition.bind(this.wordDocumentObj.documentEditor.selectionModule);
                                        this.wordDocumentObj.documentEditor.selectionModule.updateTextPosition = (a1, a2) => {
                                            updateTextPositionFn(a1, a2);
                                            let result = this.wordDocumentObj.documentEditor.selectionModule.updateTextPositionIn(a1, undefined, 0, a2, false);
                                            this.formatInfo = result;
                                            return result;
                                        };
                                    }, 800);
                                },
                            });
                            setInterval(() => {
                                var instance = this;
                                if (instance.contentChanged) {
                                    this.onlineStatus = (window.navigator.onLine ? 'on' : 'off') + 'line';
                                    window.addEventListener('online', () => document.getElementsByClassName('biz-ss-cloudsave')[0].style.display = 'inline-block');
                                    window.addEventListener('online', () => document.getElementsByClassName("biz-ss-cloudoff")[0].style.display = "none");
                                    window.addEventListener('offline', () => document.getElementsByClassName('biz-ss-cloudsave')[0].style.display = 'none');
                                    window.addEventListener('offline', () => document.getElementsByClassName("biz-ss-cloudoff")[0].style.display = "inline-block");
                                    if (this.onlineStatus == "online") {
                                        Unibase.Apps.Collaboration.Components.Common.Download.Instance().saveDocumentFile(instance.FileId, instance.documentGroup, instance.documentContainer).then(function () {
                                        });
                                    }
                                    instance.contentChanged = false;
                                }
                            }, 3000);
                            this.wordDocumentObj.appendTo('.DocumentViewer');
                            (this.filedata) && this.wordDocumentObj.documentEditor.open(this.filedata);
                            this.wordDocumentObj.documentEditor.enableSfdtExport = true;
                            this.wordDocumentObj.documentEditor.enableWordExport = true;
                            this.wordDocumentObj.documentEditor.enableTextExport = true;
                            this.wordDocumentObj.documentEditor.enableSelection = true;
                            this.wordDocumentObj.documentEditor.enableEditor = true;
                            this.wordDocumentObj.documentEditor.isReadOnly = false;
                            this.wordDocumentObj.documentEditor.enableLocalPaste = false;
                            var xyz = $("#DocumentViewer_editor")[0];
                            this.documentContainer = xyz.ej2_instances[0];
                        }
                        cmenuBfOpen(args) {
                            let cmenuModule = this.wordDocumentObj.documentEditor.contextMenuModule;
                            let items = this.wordDocumentObj.documentEditor.contextMenuModule.contextMenuInstance.items;
                            if (items.find(x => x.id == this.wordDocumentObj.element.id + "_cmenu_delete") == undefined) {
                                items.splice(5, 0, {
                                    text: "Delete", iconCss: "e-icons MT_Delete", id: this.wordDocumentObj.element.id + "_cmenu_delete"
                                });
                                items.push({ text: "Clear Formatting", iconCss: "e-icons MT_ClearFormat", id: this.wordDocumentObj.element.id + "_cmenu_clear_formatting" });
                            }
                            this.wordDocumentObj.documentEditor.contextMenuModule.contextMenuInstance.items = items;
                            this.wordDocumentObj.documentEditor.contextMenuModule.contextMenuInstance.dataBind();
                            cmenuModule.showHideElements(cmenuModule.documentHelper.selection);
                        }
                        cmenuBfItemRndr(e) {
                            if (e.item.id == this.wordDocumentObj.element.id + "_cmenu_delete") {
                                let selectedText = this.wordDocumentObj.documentEditor.editor.selection.text;
                                if (selectedText.length == 0) {
                                    e.element.classList.add("e-disabled");
                                }
                            }
                        }
                        cmenuSelect(args) {
                            if (args.item.id == this.wordDocumentObj.element.id + "_cmenu_delete") {
                                this.wordDocumentObj.documentEditor.editor.delete();
                            }
                            else if (args.item.id == this.wordDocumentObj.element.id + "_cmenu_clear_formatting") {
                                this.wordDocumentObj.documentEditor.editor.clearFormatting();
                            }
                        }
                        updateProps() {
                            this.element = document.getElementById('DocumentViewer');
                            this.fileName = this.result.FileName + "." + this.result.FileType;
                            this.ribbon = Unibase.Apps.Collaboration.Components.DocEditor.Ribbon.Instance();
                            this.util = Unibase.Apps.Collaboration.Components.Common.Util.Instance();
                        }
                        refreshHeight() {
                            var toolbarHeight = this.element.parentElement.previousElementSibling.offsetHeight;
                            var rootHeight = this.element.parentElement.parentElement.offsetHeight;
                            var rbnHeight = document.body.getElementsByClassName('biz-doc-ribbon')[0].offsetHeight;
                            this.element.parentElement.style.height = (rootHeight - rbnHeight - toolbarHeight) + 'px';
                        }
                        initSetInterval() {
                            if (this.timePeriod === "Minutes" || this.timePeriod === "Minute") {
                                this.intr = setInterval(() => {
                                    this.lastEditedTime = this.lastEditedTime + 1;
                                    this.username = this.username;
                                    this.timePeriod = this.timePeriod;
                                    if (this.lastEditedTime != 1) {
                                        if (this.lastEditedTime >= 59 && this.timePeriod === "Minutes") {
                                            Unibase.Apps.Collaboration.DocumentManager.Instance().lastEdit(this.FileId).then((response) => {
                                                this.identity = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                                                this.unibaseusername = this.identity.name.trim();
                                                this.lastEditedTime = response.result.Lastedittime;
                                                this.username = response.result.LastUpdatedByName;
                                                this.timePeriod = response.result.TimePeriod;
                                                if (this.unibaseusername === this.username) {
                                                    let element = (document.getElementsByClassName('biz-doc-lastedited')[0]);
                                                    element.value = "last edit was made " + this.lastEditedTime + " " + this.timePeriod + " ago";
                                                }
                                                else {
                                                    let element = (document.getElementsByClassName('biz-doc-lastedited')[0]);
                                                    element.value = "last edit was made " + this.lastEditedTime + " " + this.timePeriod + " ago by " + this.username;
                                                }
                                            });
                                        }
                                        else {
                                            this.identity = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                                            this.unibaseusername = this.identity.name.trim();
                                            if (this.unibaseusername === this.username) {
                                                let element = (document.getElementsByClassName('biz-doc-lastedited')[0]);
                                                element.value = "last edit was made " + this.lastEditedTime + " " + this.timePeriod + " ago";
                                            }
                                            else {
                                                let element = (document.getElementsByClassName('biz-doc-lastedited')[0]);
                                                element.value = "last edit was made " + this.lastEditedTime + " " + this.timePeriod + " ago by " + this.username;
                                            }
                                        }
                                    }
                                }, 60000);
                            }
                            else if (this.timePeriod === "Hour" || this.timePeriod === "Hours") {
                                this.intrhour = setInterval(() => {
                                    this.lastEditedTime = this.lastEditedTime + 1;
                                    this.username = this.username;
                                    this.timePeriod = this.timePeriod;
                                    if (this.lastEditedTime >= 23 && this.timePeriod === "Hours") {
                                        Unibase.Apps.Collaboration.DocumentManager.Instance().lastEdit(this.FileId).then((response) => {
                                            this.identity = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                                            this.unibaseusername = this.identity.name.trim();
                                            this.lastEditedTime = response.result.Lastedittime;
                                            this.username = response.result.LastUpdatedByName;
                                            this.timePeriod = response.result.TimePeriod;
                                            if (this.unibaseusername === this.username) {
                                                let element = (document.getElementsByClassName('biz-doc-lastedited')[0]);
                                                element.value = "last edit was made " + this.lastEditedTime + " " + this.timePeriod + " ago";
                                            }
                                            else {
                                                let element = (document.getElementsByClassName('biz-doc-lastedited')[0]);
                                                element.value = "last edit was made " + this.lastEditedTime + " " + this.timePeriod + " ago by " + this.username;
                                            }
                                        });
                                    }
                                    else {
                                        this.identity = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                                        this.unibaseusername = this.identity.name.trim();
                                        if (this.unibaseusername === this.username) {
                                            let element = (document.getElementsByClassName('biz-doc-lastedited')[0]);
                                            element.value = "last edit was made " + this.lastEditedTime + " " + this.timePeriod + " ago";
                                        }
                                        else {
                                            let element = (document.getElementsByClassName('biz-doc-lastedited')[0]);
                                            element.value = "last edit was made " + this.lastEditedTime + " " + this.timePeriod + " ago by " + this.username;
                                        }
                                    }
                                }, 3600000);
                            }
                        }
                        fileNameChange() {
                            var tempfilename = $(".biz-doc-filename").val();
                            var data = {
                                FileTitle: tempfilename,
                                FileId: this.FileId
                            };
                            Unibase.Apps.Collaboration.DocumentManager.Instance().renameFileTitle(data);
                        }
                        activeUsers(FileUsers) {
                            var connecteduser = [];
                            for (var v in FileUsers) {
                                let identity = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                                let unibaseId = identity.unibaseId;
                                if (unibaseId != FileUsers[v].unibaseId) {
                                    connecteduser.push(FileUsers[v].firstName);
                                }
                            }
                            this.connecteduserfirstName = connecteduser;
                            console.log(this.connecteduserfirstName);
                            this.showActiveUsers(FileUsers);
                            return this.connecteduserfirstName;
                        }
                        showActiveUsers(FileUsers) {
                            var onlineusername = document.getElementsByClassName("biz-doc-onlineusersintials")[0];
                            let identity = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                            let unibaseId = identity.unibaseId;
                            var connectedUsersFirstChar = [];
                            for (var user in this.connecteduserfirstName) {
                                connectedUsersFirstChar.push(this.connecteduserfirstName[user].trim().charAt(0));
                            }
                            var element = document.getElementById('biz-doc-connected_users_container');
                            if (typeof (element) != 'undefined' && element != null) {
                                element.remove();
                            }
                            let html = "";
                            let html1 = `<div id="biz-doc-connected_users_container"></div>`;
                            $(".biz-doc-onlineusersintials").append(html1);
                            let usersHtml = '', randomColor;
                            let colorPalette = ['#6640b2', '#3a55b1', '#0092ee', '#00acf0', '#1ebccd', '#009b84', '#22af47', '#88c241', '#d0d962', '#fde335', '#ffbf36', '#ff9528', '#ff6028', '#7a5449', '#c1993f', '#9e9e9e', '#5e7d8a', '#324148', '#f5f5f6', '#f95851', '#ef3975', '#b642b5', '#7a59bc', '#536bbb', '#21a0f0', '#21b7f2'];
                            for (let i = 0; i < this.connecteduserfirstName.length; i++) {
                                randomColor = colorPalette[Math.floor(Math.random() * colorPalette.length)];
                                html = `<div id="biz-doc-connecteduser-` + unibaseId + `" class="d-flex flex-row border rounded-circle w-35p h-35p biz-doc-users-` + i + `" style="margin-right:-8px; background-color:` + randomColor + `">
                                            <div id="biz-doc-connecteduser_` + unibaseId + `" class="biz-doc-connectedusersfirstletter m-auto" data-toggle="popover" data-placement="top" title = "` + this.connecteduserfirstName[i] + `">` + connectedUsersFirstChar[i] + `</div></div>`;
                                if (i <= 5) {
                                    $("#biz-doc-connected_users_container").append(html);
                                }
                                usersHtml += '<a class="dropdown-item d-flex flex-row align-items-center p-1 my-1" href="javascript:void(0)"><div class="biz-doc-connectedusersfirstletter border mr-2 px-2 rounded-circle text-white" style="background-color:#' + randomColor + '" title = "' + this.connecteduserfirstName[i] + '">' + connectedUsersFirstChar[i] + '</div><span class="font-13 font-weight-500">' + FileUsers[i].firstName + '</span></a>';
                                if (i > 5) {
                                    $("#biz-doc-connected_users_container").children().last().remove();
                                    $("#biz-doc-connected_users_container").append('<div class="users-dropdown"><a href="javascript:void(0);" class="d-flex flex-row border rounded-circle w-35p h-35p text-dark biz-doc-users-' + i + '" role="button" id="biz-doc-connecteduser-' + unibaseId + '" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" background-color:lightgray;margin-right:-8px"><span class="m-auto font-14 font-weight-500"><span class="font-12 text-muted"><i class="la la-plus"></i></span>' + [i - 4] + '</span></a><div class="dropdown-menu z-index-10 position-absolute bg-white h-275p scroll-bar" aria-labelledby="biz-doc-connecteduser-' + unibaseId + '"></div>');
                                    $('.users-dropdown .dropdown-menu').append(usersHtml);
                                }
                            }
                        }
                        renderPopup() {
                            Unibase.Apps.Collaboration.Components.Documents.Instance().loadForm(0, this.FileId, 0, null, this.documentGroup);
                        }
                        renderMenuBar() {
                            let containers = document.body.getElementsByClassName('_bizgaze_popup_container');
                            this.container = containers[containers.length - 1];
                            this.container.insertBefore(this.util.createElement("div", 'class', 'biz-doc-ribbon'), document.body.getElementsByClassName('_bizgaze_popup_container')[0].firstElementChild);
                            this.util.appendChildren('biz-doc-ribbon', 0, this.util.createElement("div", 'class', 'biz-doc-docxlogo'), this.util.createElement("div", 'class', 'biz-doc-tooolbar'), this.util.createElement("div", 'class', 'biz-doc-userdetails'));
                            this.util.appendChildren('biz-doc-docxlogo', 0, this.util.createElement("img", 'class', 'biz-doc-logo'));
                            this.util.appendChildren('biz-doc-tooolbar', 0, this.util.createElement("div", 'class', 'biz-doc-fileinfo'), this.util.createElement("div", 'class', 'biz-doc-fileshare-wrapper'), this.util.createElement("div", 'class', 'biz-doc-onlineusers'), this.util.createElement("div", 'class', 'biz-doc-toolbarmenu'));
                            this.util.appendChildren('biz-doc-fileinfo', 0, this.util.createElement("input", 'class', 'biz-doc-filename'), this.util.createElement('div', 'class', 'biz-doc-starred'), this.util.createElement('div', 'class', 'biz-ss-autosave'));
                            this.util.appendChildren('biz-doc-starred', 0, this.util.createElement("span", 'id', 'biz-doc-star'), this.util.createElement("i", 'class', 'fa fa-star-o text-light font-7 biz_doc_star_icon_' + this.FileId));
                            this.util.appendChildren('biz-ss-autosave', 0, this.util.createElement("img", 'class', 'biz-ss-saveicon biz-ss-cloudsave'), this.util.createElement("img", 'class', 'biz-ss-saveicon biz-ss-cloudoff'), this.util.createElement("div", 'class', 'biz-ss-cloudloading e-icons'), this.util.createElement('div', 'class', 'biz-ss-saving'));
                            this.util.appendChildren('biz-doc-fileshare-wrapper', 0, this.util.createElement("div", 'class', 'biz-doc-fileshare'));
                            this.util.appendChildren('biz-doc-onlineusers', 0, this.util.createElement("div", 'class', 'biz-doc-onlineusersintials d-flex flex-row text-white mx-35 pull-right'));
                            this.util.appendChildren('biz-doc-fileshare', 0, this.util.createElement("button", 'class', 'biz-doc-fileshare-btn'));
                            this.util.appendChildren('biz-doc-userdetails', 0, this.util.createElement("div", 'class', 'biz-doc-userinitial'));
                            this.util.appendChildren('biz-doc-toolbarmenu', 0, this.util.createElement("ul", 'id', 'menu'), this.util.createElement("input", 'class', 'biz-doc-lastedited'));
                            document.getElementsByClassName("biz-doc-ribbon")[0].after(this.util.createElement("div", 'class', 'biz-doc-bottomtoolbar e-toolbar'));
                            this.util.appendChildren('biz-doc-bottomtoolbar', 0, this.util.createElement("div", 'class', 'biz-doc-toolbar-wrapper'));
                            this.util.appendChildren('biz-doc-toolbar-wrapper', 0, this.util.createElement("div", 'class', 'biz-doc-bottomtoolbar-undoredo e-toolbar-items'), this.util.createElement("div", 'class', 'biz-doc-bottomtoolbar-text e-toolbar-items'), this.util.createElement("div", 'class', 'biz-doc-bottomtoolbar-paragraph e-toolbar-items'), this.util.createElement("div", 'class', 'biz-doc-bottomtoolbar-indent e-toolbar-items'));
                            this.userInitial = document.getElementsByClassName("biz-doc-userinitial")[0];
                            let identity = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                            if (!identity.photoUrl) {
                                this.userInitial.textContent += identity.name.trim().slice(0, 1);
                                this.userInitial.classList.add('biz-doc-initial-text');
                            }
                            else {
                                this.userInitial.classList.add('biz-doc-initial-img');
                                this.userInitial.style.backgroundImage = "url(" + identity.photoUrl + ")";
                            }
                            document.getElementsByClassName("biz-doc-logo")[0].setAttribute('src', 'imgs/BizgazeDocsIcon.svg');
                            document.getElementsByClassName("biz-ss-cloudsave")[0].setAttribute('src', 'imgs/cloud-computing.svg');
                            document.getElementsByClassName("biz-ss-cloudoff")[0].setAttribute('src', 'imgs/cloud-off.svg');
                            document.getElementsByClassName("biz-ss-cloudoff")[0].style.display = "none";
                            let attributes = {
                                'value': this.FileName,
                                'type': 'text'
                            };
                            document.getElementsByClassName("biz-doc-fileshare-btn")[0].style.backgroundColor = "#049503";
                            var shareBtn = new ej.buttons.Button({ cssClass: `e-primary`, content: `Share`, iconCss: 'biz-doc-fileshare-icon icon-doc-lockopen' });
                            shareBtn.appendTo(".biz-doc-fileshare-btn");
                            document.getElementsByClassName("biz-doc-userinitial")[0].setAttribute("title", identity.name.trim());
                            let color = this.util.colorHash(identity.name.trim());
                            document.getElementsByClassName("biz-doc-userinitial")[0].style.backgroundColor = color.hex;
                            if (!this.newUpload) {
                                debugger;
                                if (this.lastEditedTime != 0) {
                                    if (this.unibaseusername === this.username) {
                                        let htmlelementlastedited = document.getElementsByClassName('biz-doc-lastedited')[0];
                                        this.util.addAttributes(htmlelementlastedited, {
                                            'value': 'last edit was made ' + this.lastEditedTime + ' ' + this.timePeriod + ' ago',
                                            'type': 'span'
                                        });
                                    }
                                    else {
                                        let htmlelementlastedited = document.getElementsByClassName('biz-doc-lastedited')[0];
                                        this.util.addAttributes(htmlelementlastedited, {
                                            'value': 'last edit was made ' + this.lastEditedTime + ' ' + this.timePeriod + ' ago by ' + this.username,
                                            'type': 'span'
                                        });
                                    }
                                }
                                else {
                                    if (this.unibaseusername === this.username) {
                                        let htmlelementlastedited = document.getElementsByClassName('biz-doc-lastedited')[0];
                                        this.util.addAttributes(htmlelementlastedited, {
                                            'value': 'last edit was made seconds ago ',
                                            'type': 'span'
                                        });
                                    }
                                    else {
                                        let htmlelementlastedited = document.getElementsByClassName('biz-doc-lastedited')[0];
                                        this.util.addAttributes(htmlelementlastedited, {
                                            'value': 'last edit was made seconds ago by ' + this.username,
                                            'type': 'span'
                                        });
                                    }
                                }
                            }
                            let htmlelement = document.getElementsByClassName('biz-doc-filename')[0];
                            this.util.addAttributes(htmlelement, attributes);
                            let attributesforautosave = {
                                'type': 'text'
                            };
                            let htmlelementforautosave = document.getElementsByClassName('biz-ss-saving')[0];
                            this.util.addAttributes(htmlelementforautosave, attributesforautosave);
                            document.getElementsByClassName('biz-ss-saving')[0].style.display = 'none';
                            document.getElementsByClassName('biz-doc-lastedited')[0].setAttribute('disabled', "");
                            document.getElementsByClassName('biz-ss-saving')[0].innerText = 'Saving...';
                            this.ribbonElem = document.body.getElementsByClassName('biz-doc-ribbon')[0];
                        }
                        editDetails() {
                            if (this.FileId != 0) {
                                Unibase.Apps.Collaboration.DocumentManager.Instance().lastEdit(this.FileId).then((response) => {
                                    this.identity = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                                    this.unibaseusername = this.identity.name.trim();
                                    this.lastEditedTime = response.result.Lastedittime;
                                    this.username = response.result.LastUpdatedByName;
                                    this.timePeriod = response.result.TimePeriod;
                                    if (this.unibaseusername === this.username && this.lastEditedTime === 0) {
                                        let element = (document.getElementsByClassName('biz-doc-lastedited')[0]);
                                        element.value = "last edit was made seconds ago";
                                    }
                                    else if (this.unibaseusername === this.username && this.lastEditedTime !== 0) {
                                        let element = (document.getElementsByClassName('biz-doc-lastedited')[0]);
                                        element.value = "last edit was made " + this.lastEditedTime + " " + this.timePeriod + " ago";
                                    }
                                    else {
                                        let element = (document.getElementsByClassName('biz-doc-lastedited')[0]);
                                        element.value = "last edit was made seconds ago by " + this.username;
                                    }
                                });
                            }
                            clearInterval(this.intr);
                            clearInterval(this.intrhour);
                            this.initSetInterval();
                        }
                        convertDocsToPdfDownload(FileId) {
                            Unibase.Apps.Collaboration.DocumentManager.Instance().ConvertDocstoPdfDownload(FileId).then((response) => {
                                Unibase.Themes.Compact.Components.Notification.Instance().Downloadfile(response.result);
                            });
                        }
                        static Instance() {
                            if (this.instance === undefined) {
                                this.instance = new Base();
                            }
                            return this.instance;
                        }
                    }
                    DocEditor.Base = Base;
                })(DocEditor = Components.DocEditor || (Components.DocEditor = {}));
            })(Components = Collaboration.Components || (Collaboration.Components = {}));
        })(Collaboration = Apps.Collaboration || (Apps.Collaboration = {}));
    })(Apps = Unibase.Apps || (Unibase.Apps = {}));
})(Unibase || (Unibase = {}));