/*!
 * @license
 * Copyright 2019 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.
 */

import { element, by, browser, $ } from 'protractor';
import {
    TogglePage,
    TaskFiltersCloudComponentPage,
    EditTaskFilterCloudComponentPage,
    TaskListCloudComponentPage,
    BrowserActions, DropdownPage, TestElement, DataTableComponentPage
} from '@alfresco/adf-testing';

export class TasksCloudDemoPage {

    createButton = TestElement.byCss('button[data-automation-id="create-button"');
    newTaskButton = TestElement.byCss('button[data-automation-id="btn-start-task"]');
    settingsButton = element.all(by.cssContainingText('div[class*="mat-tab-label"] .mat-tab-labels div', 'Settings')).first();
    appButton = element.all(by.cssContainingText('div[class*="mat-tab-label"] .mat-tab-labels div', 'App')).first();
    displayTaskDetailsToggle = $('mat-slide-toggle[data-automation-id="taskDetailsRedirection"]');
    displayProcessDetailsToggle = $('mat-slide-toggle[data-automation-id="processDetailsRedirection"]');
    actionMenuToggle = $('mat-slide-toggle[data-automation-id="actionmenu"]');
    contextMenuToggle = $('mat-slide-toggle[data-automation-id="contextmenu"]');
    multiSelectionToggle = $('mat-slide-toggle[data-automation-id="multiSelection"]');
    testingModeToggle = $('mat-slide-toggle[data-automation-id="testingMode"]');
    selectedRows = element(by.xpath("//div[text()=' Selected Rows: ']"));
    noOfSelectedRows = element.all(by.xpath("//div[text()=' Selected Rows: ']//li"));
    addActionTitle = element(by.cssContainingText('.mat-card-title', 'Add Action'));
    keyInputField = TestElement.byCss('input[data-placeholder="Key"]');
    titleInputField = TestElement.byCss('input[data-placeholder="Title"]');
    iconInputField = TestElement.byCss('input[data-placeholder="Icon"]');
    addActionButton = TestElement.byText('button span', 'Add');
    disableCheckbox = TestElement.byCss(`mat-checkbox[formcontrolname='disabled']`);
    visibleCheckbox = TestElement.byCss(`mat-checkbox[formcontrolname='visible']`);
    spinner = TestElement.byTag('mat-progress-spinner');
    modeDropdown = new DropdownPage($('mat-form-field[data-automation-id="selectionMode"]'));

    togglePage = new TogglePage();

    editTaskFilterCloud = new EditTaskFilterCloudComponentPage();
    taskFilterCloudComponent = new TaskFiltersCloudComponentPage();
    dataTableComponentPage = new DataTableComponentPage();

    async disableDisplayTaskDetails(): Promise<void> {
        await this.togglePage.disableToggle(this.displayTaskDetailsToggle);
    }

    async disableDisplayProcessDetails(): Promise<void> {
        await this.togglePage.disableToggle(this.displayProcessDetailsToggle);
    }

    async enableMultiSelection(): Promise<void> {
        await this.togglePage.enableToggle(this.multiSelectionToggle);
    }

    async enableActionMenu(): Promise<void> {
        await this.togglePage.enableToggle(this.actionMenuToggle);
    }

    async enableContextMenu(): Promise<void> {
        await this.togglePage.enableToggle(this.contextMenuToggle);
    }

    async enableTestingMode(): Promise<void> {
        await this.togglePage.enableToggle(this.testingModeToggle);
    }

    taskListCloudComponent(): TaskListCloudComponentPage {
        return new TaskListCloudComponentPage();
    }

    async openNewTaskForm(): Promise<void> {
        await this.createButton.click();
        await BrowserActions.clickExecuteScript('button[data-automation-id="btn-start-task"]');
    }

    async clickSettingsButton(): Promise<void> {
        await BrowserActions.click(this.settingsButton);
        await browser.sleep(400);
        await new TestElement(this.multiSelectionToggle).waitVisible();
        await this.modeDropdown.checkDropdownIsClickable();
    }

    async clickAppButton(): Promise<void> {
        await BrowserActions.click(this.appButton);
    }

    async selectSelectionMode(mode: string): Promise<void> {
        await this.modeDropdown.clickDropdown();
        await this.modeDropdown.selectOption(mode);
    }

    checkSelectedRowsIsDisplayed(): Promise<void> {
        return new TestElement(this.selectedRows).waitVisible();
    }

    async getNoOfSelectedRows(): Promise<number> {
        await this.checkSelectedRowsIsDisplayed();
        return this.noOfSelectedRows.count();
    }

    async getSelectedTaskRowText(rowNo: string): Promise<string> {
        await this.checkSelectedRowsIsDisplayed();
        const row = element(by.xpath(`//div[text()=' Selected Rows: ']//li[${rowNo}]`));
        return BrowserActions.getText(row);
    }

    addActionIsDisplayed(): Promise<void> {
        return new TestElement(this.addActionTitle).waitVisible();
    }

    async addAction(text: string): Promise<void> {
        await this.keyInputField.typeText(text);
        await this.titleInputField.typeText(text);
        await this.iconInputField.typeText(text);
        await this.addActionButton.click();
    }

    async addDisabledAction(text: string): Promise<void> {
        await this.keyInputField.typeText(text);
        await this.titleInputField.typeText(text);
        await this.iconInputField.typeText(text);
        await this.disableCheckbox.click();
        await this.addActionButton.click();
    }

    async addInvisibleAction(text: string): Promise<void> {
        await this.keyInputField.typeText(text);
        await this.titleInputField.typeText(text);
        await this.iconInputField.typeText(text);
        await this.visibleCheckbox.click();
        await this.addActionButton.click();
    }

    actionAdded(action: string): Promise<void> {
        return TestElement.byText(`mat-chip`, action).waitVisible();
    }

    async checkActionExecuted(taskId: string, action: string): Promise<void> {
        await TestElement.byText(`span`, 'Action Menu:').waitVisible();
        await TestElement.byText(`span`, 'Context Menu:').waitVisible();
        await TestElement.byText(`span`, 'Task ID: ' + taskId).waitVisible();
        await TestElement.byText(`span`, 'Action Type: ' + action).waitVisible();
    }

    async clickStartNewTaskButton() {
        await this.createButton.click();
        await this.newTaskButton.click();
    }

    async waitTillContentLoaded(): Promise<void> {
        await this.dataTableComponentPage.waitTillContentLoaded();
    }
}