/*!
 * @license
 * Copyright 2016 Alfresco Software, Ltd.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

var Util = require("../../util/util");

var ViewerToolbarPage = function () {

    var closeButton = element(by.css("button[data-automation-id='adf-toolbar-back']"));
    var fileName = element(by.id("adf-viewer-display-name"));
    var downloadButton = element(by.css("button[data-automation-id='adf-toolbar-download'] > span > mat-icon"));
    var infoButton = element(by.css("button[data-automation-id='adf-toolbar-sidebar']"));
    var previousPageButton = element(by.id("viewer-previous-page-button"));
    var nextPageButton = element(by.id("viewer-next-page-button"));
    var zoomInButton = element(by.id("viewer-zoom-in-button"));
    var zoomOutButton = element(by.id("viewer-zoom-out-button"));
    var scalePageButton = element(by.id("viewer-scale-page-button"));
    var pdfContainer = element(by.id("viewer-pdf-container"));
    var fullScreenButton = element(by.css("button[data-automation-id='adf-toolbar-fullscreen']"));
    var rotateLeft = element(by.css("button[id='viewer-rotate-left-button']"));
    var rotateRight = element(by.css("button[id='viewer-rotate-right-button']"));
    var scaleImg = element(by.css("button[id='viewer-reset-button']"));
    var customBtn = element(by.css("data-automation-id='adf-toolbar-custom-btn'"));
    var fileThumbnail = element(by.css("img[data-automation-id='adf-file-thumbnail']"));
    var pageSelectorInput = element(by.css("input[data-automation-id='adf-page-selector']"));
    var imgContainer = element(by.css("div[data-automation-id='adf-image-container']"));
    var mediaContainer = element(by.css("adf-media-player[class='adf-media-player ng-star-inserted']"));
    var allPages = element.all(by.css("div[class='canvasWrapper'] > canvas")).first();
    var percentage = element(by.css("div[data-automation-id='adf-page-scale'"));
    var thumbnailsBtn = element(by.css("button[data-automation-id='adf-thumbnails-button']"));
    var thumbnailsContent = element(by.css("div[data-automation-id='adf-thumbnails-content']"));
    var thumbnailsClose = element(by.css("button[data-automation-id='adf-thumbnails-close']"));
    var secondThumbnail = element(by.css("adf-pdf-thumb > img[title='Page 2'"));
    var lastThumbnailDisplayed = element.all(by.css("adf-pdf-thumb")).last();
    var passwordDialog = element(by.css("adf-pdf-viewer-password-dialog"));
    var passwordSubmit = element(by.css("button[data-automation-id='adf-password-dialog-submit']"));
    var passwordSubmitDisabled = element(by.css("button[data-automation-id='adf-password-dialog-submit'][disabled]"));
    var passwordInput = element(by.css("input[data-automation-id='adf-password-dialog-input']"));
    var passwordError = element(by.css("mat-error[data-automation-id='adf-password-dialog-error']"));
    var infoSideBar = element(by.css("div[class='adf-info-drawer-layout-header']"));
    var unsupportedFileContainer = element(by.cssContainingText(".label", "Document preview could not be loaded"));
    var pageCanvas = element.all(by.css("div[class='canvasWrapper']")).first();
    var activeTab = element(by.css("div[class*='mat-tab-label-active']"));
    var uploadNewVersionButton = element(by.css("input[data-automation-id='upload-single-file']"));
    var rightChevron = element(by.css("div[class*='header-pagination-after']"));

    this.canvasHeight = function () {
        var deferred = protractor.promise.defer();
        pageCanvas.getAttribute("style").then(function (value) {
            var canvasHeight = value.split("height: ")[1].split("px")[0];
            deferred.fulfill(canvasHeight);
        });
        return deferred.promise;
    };

    this.canvasWidth = function () {
        var deferred = protractor.promise.defer();
        pageCanvas.getAttribute("style").then(function (value) {
            var canvasWidth = value.split("width: ")[1].split("px")[0];
            deferred.fulfill(canvasWidth);
        });
        return deferred.promise;
    };

    this.viewFile = function (fileName) {
        var fileView = element.all(by.xpath("//div[@id='document-list-container']//div[@filename='" + fileName + "']")).first();
        Util.waitUntilElementIsVisible(fileView);
        fileView.click();
        browser.actions().sendKeys(protractor.Key.ENTER).perform();
    };

    this.clearPageNumber = function () {
        Util.waitUntilElementIsVisible(pageSelectorInput);
        pageSelectorInput.clear();
        pageSelectorInput.sendKeys(protractor.Key.ENTER);
    };

    this.getZoom = function () {
        return percentage.getText();
    };

    this.exitFullScreen = function () {
        var jsCode = "document.exitFullscreen?document.exitFullscreen():document.webkitExitFullscreen&&document.webkitExitFullscreen();";
        browser.executeScript(jsCode);
    };

    this.enterPassword = function (password) {
        Util.waitUntilElementIsVisible(passwordInput);
        passwordInput.clear();
        passwordInput.sendKeys(password);
    };

    this.checkPasswordErrorIsDisplayed = function () {
        Util.waitUntilElementIsVisible(passwordError);
    };

    this.checkPasswordInputIsDisplayed = function () {
        Util.waitUntilElementIsVisible(passwordInput);
    };

    this.checkPasswordSubmitDisabledIsDisplayed = function () {
        Util.waitUntilElementIsVisible(passwordSubmitDisabled);
    };

    this.checkPasswordDialogIsDisplayed = function () {
        Util.waitUntilElementIsVisible(passwordDialog);
    };

    this.checkAllThumbnailsDisplayed = function (nbPages) {
        var defaultThumbnailHeight = 143;
        expect(thumbnailsContent.getAttribute("style")).toEqual("height: " + nbPages * defaultThumbnailHeight + "px; transform: translate(-50%, 0px);");
    };

    this.checkCurrentThumbnailIsSelected = function () {
        var selectedThumbnail = element(by.css("adf-pdf-thumb[class='pdf-thumbnails__thumb ng-star-inserted pdf-thumbnails__thumb--selected'] > img"));
        pageSelectorInput.getAttribute("value").then(function (pageNumber) {
            expect("Page " + pageNumber).toEqual(selectedThumbnail.getAttribute("title"));
        });
    };

    this.checkThumbnailsCloseIsDisplayed = function () {
        Util.waitUntilElementIsVisible(thumbnailsClose);
    };

    this.checkThumbnailsBtnIsDisplayed = function () {
        Util.waitUntilElementIsVisible(thumbnailsBtn);
    };

    this.checkThumbnailsBtnIsDisabled = function () {
        Util.waitUntilElementIsVisible(thumbnailsBtn.getAttribute("disabled"));
        return this;
    };

    this.checkThumbnailsContentIsDisplayed = function () {
        Util.waitUntilElementIsVisible(thumbnailsContent);
    };

    this.checkThumbnailsContentIsNotDisplayed = function () {
        Util.waitUntilElementIsNotVisible(thumbnailsContent);
    };

    this.checkCloseButtonIsDisplayed = function () {
        Util.waitUntilElementIsVisible(closeButton);
    };

    this.checkDownloadButtonIsDisplayed = function () {
        Util.waitUntilElementIsVisible(downloadButton);
    };

    this.checkInfoButtonIsDisplayed = function () {
        Util.waitUntilElementIsVisible(infoButton);
    };

    this.checkFileThumbnailIsDisplayed = function () {
        Util.waitUntilElementIsVisible(fileThumbnail);
    };

    this.checkFileNameIsDisplayed = function (file) {
        Util.waitUntilElementIsVisible(fileName);
        expect(fileName.getText()).toEqual(file);
    };

    this.checkPreviousPageButtonIsDisplayed = function () {
        Util.waitUntilElementIsVisible(previousPageButton);
    };

    this.checkNextPageButtonIsDisplayed = function () {
        Util.waitUntilElementIsVisible(nextPageButton);
    };

    this.checkZoomInButtonIsDisplayed = function () {
        Util.waitUntilElementIsVisible(zoomInButton);
    };

    this.checkZoomInButtonIsNotDisplayed = function () {
        Util.waitUntilElementIsNotVisible(zoomInButton);
    };

    this.checkZoomOutButtonIsDisplayed = function () {
        Util.waitUntilElementIsVisible(zoomOutButton);
    };

    this.checkScalePageButtonIsDisplayed = function () {
        Util.waitUntilElementIsVisible(scalePageButton);
    };

    this.checkPageSelectorInputIsDisplayed = function (number) {
        Util.waitUntilElementIsVisible(pageSelectorInput);
        pageSelectorInput.getAttribute("value").then(function (pageNumber) {
            expect(pageNumber).toEqual(number);
        });
    };

    this.checkImgContainerIsDisplayed = function () {
        Util.waitUntilElementIsVisible(imgContainer);
    };

    this.checkPdfContainerIsDisplayed = function () {
        Util.waitUntilElementIsVisible(pdfContainer);
    };

    this.checkMediaPlayerContainerIsDisplayed = function () {
        Util.waitUntilElementIsVisible(mediaContainer);
    };

    this.checkFileContent = function (pageNumber, text) {
        var pageLoaded = element.all(by.css("div[data-page-number='" + pageNumber + "'][data-loaded='true']")).first();
        var textLayerLoaded = element.all(by.css("div[data-page-number='" + pageNumber + "'] div[class='textLayer'] > div")).first();
        var specificText = element.all(by.cssContainingText("div[data-page-number='" + pageNumber + "'] div[class='textLayer'] > div", text)).first();
        Util.waitUntilElementIsVisible(allPages);
        Util.waitUntilElementIsVisible(pageLoaded);
        Util.waitUntilElementIsVisible(textLayerLoaded);
        Util.waitUntilElementIsVisible(specificText);
    };

    this.checkFullScreenButtonIsDisplayed = function () {
        Util.waitUntilElementIsVisible(fullScreenButton);
    };

    this.checkFullScreenButtonIsNotDisplayed = function () {
        Util.waitUntilElementIsNotVisible(fullScreenButton);
    };

    this.checkPercentageIsDisplayed = function () {
        Util.waitUntilElementIsVisible(percentage);
    };

    this.checkZoomedIn = function (zoom) {
        expect(percentage.getText()).toBeGreaterThan(zoom);
    };

    this.checkZoomedOut = function (zoom) {
        expect(percentage.getText()).toBeLessThan(zoom);
    };

    this.checkRotateLeftButtonIsDisplayed = function () {
        Util.waitUntilElementIsVisible(rotateLeft);
    };

    this.checkRotateRightButtonIsDisplayed = function () {
        Util.waitUntilElementIsVisible(rotateRight);
    };

    this.checkScaled = function (zoom) {
        expect(percentage.getText()).toEqual(zoom);
    };

    this.checkScaleImgButtonIsDisplayed = function () {
        Util.waitUntilElementIsVisible(scaleImg);
    };

    this.checkRotation = function (text) {
        var rotation = imgContainer.getAttribute("style");
        expect(rotation).toEqual(text);
    };

    this.checkCustomBtnDisplayed = function () {
        Util.waitUntilElementIsVisible(customBtn);
    };

    this.checkUnsupportedFileContainerIsDisplayed = function () {
        Util.waitUntilElementIsVisible(unsupportedFileContainer);
    };

    this.checkInfoSideBarIsNotDisplayed = function () {
        Util.waitUntilElementIsNotVisible(infoSideBar);
    };

    this.checkInfoSideBarIsDisplayed = function () {
        Util.waitUntilElementIsVisible(infoSideBar);
    };

    this.checkInfoSideBarIsNotDisplayed = function () {
        Util.waitUntilElementIsNotOnPage(infoSideBar);
    };

    this.clickInfoButton = function () {
        Util.waitUntilElementIsVisible(infoButton);
        return infoButton.click();
    };

    this.clickPasswordSubmit = function () {
        Util.waitUntilElementIsVisible(passwordSubmit);
        passwordSubmit.click();
    };

    this.clickSecondThumbnail = function () {
        Util.waitUntilElementIsClickable(secondThumbnail);
        secondThumbnail.click();
    };

    this.clickLastThumbnailDisplayed = function () {
        Util.waitUntilElementIsClickable(lastThumbnailDisplayed);
        lastThumbnailDisplayed.click();
    };

    this.clickThumbnailsClose = function () {
        Util.waitUntilElementIsClickable(thumbnailsClose);
        thumbnailsClose.click();
    };

    this.clickThumbnailsBtn = function () {
        Util.waitUntilElementIsVisible(thumbnailsBtn);
        Util.waitUntilElementIsClickable(thumbnailsBtn);
        thumbnailsBtn.click();
    };

    this.clickScaleImgButton = function () {
        Util.waitUntilElementIsClickable(scaleImg);
        scaleImg.click();
    };

    this.clickScalePdfButton = function () {
        Util.waitUntilElementIsClickable(scalePageButton);
        scalePageButton.click();
    };

    this.clickDownloadButton = function () {
        Util.waitUntilElementIsVisible(downloadButton);
        downloadButton.click();
    };

    this.clickCloseButton = function () {
        closeButton.click();
    };

    this.clickPreviousPageButton = function () {
        Util.waitUntilElementIsVisible(previousPageButton);
        previousPageButton.click();
    };

    this.clickNextPageButton = function () {
        Util.waitUntilElementIsVisible(nextPageButton);
        nextPageButton.click();
    };

    this.clickZoomInButton = function () {
        Util.waitUntilElementIsVisible(zoomInButton);
        zoomInButton.click();
    };

    this.clickZoomOutButton = function () {
        Util.waitUntilElementIsVisible(zoomOutButton);
        zoomOutButton.click();
    };

    this.clickScalePageButton = function () {
        Util.waitUntilElementIsVisible(scalePageButton);
        scalePageButton.click();
    };

    this.clickFullScreenButton = function () {
        Util.waitUntilElementIsClickable(fullScreenButton);
        fullScreenButton.click();
    };

    this.clickRotateLeftButton = function () {
        Util.waitUntilElementIsClickable(rotateLeft);
        rotateLeft.click();
    };

    this.clickRotateRightButton = function () {
        Util.waitUntilElementIsClickable(rotateRight);
        rotateRight.click();
    };

    this.getActiveTab = function () {
        Util.waitUntilElementIsVisible(activeTab);
        return activeTab.getText();
    };

    this.checkUnsupportedFileContainerIsDisplayed = function () {
        Util.waitUntilElementIsVisible(unsupportedFileContainer);
    };

    this.clickRightChevronToGetToTab = (tabName) => {
        element.all(by.css('.mat-tab-label'))
            .map((element) => element.getAttribute('innerText'))
            .then((texts) => {
                for (let text of texts) {
                    if (text === tabName ) {
                        break;
                    }
                    this.clickRightChevron();
                }
            });
    };

    this.clickRightChevron = function() {
        Util.waitUntilElementIsVisible(rightChevron);
        rightChevron.click();
        return this;
    };

    this.clickOnVersionsTab = function() {
        this.clickRightChevronToGetToTab('Versions');
        var versionsTab = element(by.cssContainingText("div[id*='mat-tab-label']", "Versions"));
        Util.waitUntilElementIsVisible(versionsTab);
        versionsTab.click();
        return this;
    };

    this.checkUploadVersionsButtonIsDisplayed = function() {
        Util.waitUntilElementIsVisible(uploadNewVersionButton);
        return this;
    };

    this.checkVersionIsDisplayed = function(version) {
        Util.waitUntilElementIsVisible(element(by.cssContainingText("h4[class*='adf-version-list-item-name']", version)));
        return this;
    };

    this.clickOnCommentsTab = function() {
        var commentsTab = element(by.cssContainingText("div[id*='mat-tab-label']", "Comments"));
        Util.waitUntilElementIsVisible(commentsTab);
        commentsTab.click();
        return this;
    };

};

module.exports = ViewerToolbarPage;