alfresco-ng2-components/demo-shell/src/app/components/header-data/header-data.component.ts

/*!
 * @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 { Component } from '@angular/core';
import { ThemePalette } from '@angular/material/core';
import { HeaderDataService } from './header-data.service';

@Component({
    templateUrl: './header-data.component.html',
    styleUrls: ['./header-data.component.scss']
})
export class HeaderDataComponent {
    checkbox = true;
    position: 'start' | 'end' = 'start';
    hideSidenavToggle = false;
    colorsHashesTests = [
        /#[a-z0-9]{3}/i,
        /#[a-z0-9]{4}/i,
        /#[a-z0-9]{6}/i
    ];

    constructor(private headerService: HeaderDataService) {
    }

    hideButton() {
        this.headerService.hideMenuButton();
    }

    changeColor(color: ThemePalette) {
        this.headerService.changeColor(color);
    }

    submitTitle(title: string) {
        if (title) {
            this.headerService.changeTitle(title);
        }
    }

    submitHeaderTextColor(color: string): void {
        const isColorHashValid = this.colorsHashesTests.some(colorTest => colorTest.test(color));

        if (isColorHashValid || !color) {
            this.headerService.changeHeaderTextColor(color);
        }
    }

    submitLogo(logoPath: string) {
        if (logoPath) {
            this.headerService.changeLogo(logoPath);
        }
    }

    submitRedirectUrl(value: string) {
        const redirectUrl = JSON.parse(value);
        if (redirectUrl) {
            this.headerService.changeRedirectUrl(redirectUrl);
        }
    }

    submitTooltip(tooltip: string) {
        if (tooltip) {
            this.headerService.changeTooltip(tooltip);
        }
    }

    changePosition() {
        this.headerService.changePosition(this.position);
    }

    changeSidenavVisibility() {
        this.hideSidenavToggle = !this.hideSidenavToggle;
        this.headerService.changeSidenavVisibility(this.hideSidenavToggle);
    }
}