squidex/frontend/app/shared/components/assets/asset-text-editor.component.ts

/*
 * Squidex Headless CMS
 *
 * @license
 * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
 */

import { HttpClient } from '@angular/common/http';
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core';

@Component({
    selector: 'sqx-asset-text-editor',
    styleUrls: ['./asset-text-editor.component.scss'],
    templateUrl: './asset-text-editor.component.html',
    changeDetection: ChangeDetectionStrategy.OnPush,
})
export class AssetTextEditorComponent implements OnInit {
    @Input()
    public fileSource: string;

    @Input()
    public fileName: string;

    @Input()
    public mimeType: string;

    public text = '';

    constructor(
        private readonly changeDetector: ChangeDetectorRef,
        private readonly httpClient: HttpClient,
    ) {
    }

    public ngOnInit() {
        this.httpClient.get(this.fileSource, { responseType: 'text' })
            .subscribe(text => {
                this.text = text;

                this.changeDetector.detectChanges();
            });
    }

    public toFile(): Promise<Blob | null> {
        return new Promise<Blob | null>(resolve => {
            const blob = new Blob([this.text || ''], {
                type: this.mimeType,
            });

            resolve(blob);
        });
    }
}