@shikshalokam/sl-reports-library/esm2022/lib/attachments/attachments.component.mjs

Library to integrate questionnaire in SL Projects

import { Component, Input } from '@angular/core';
import { FileExtension } from './fileExtension';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class AttachmentsComponent {
    constructor() {
        this.imageFormats = FileExtension.imageFormats;
        this.videoFormats = FileExtension.videoFormats;
        this.audioFormats = FileExtension.audioFormats;
        this.pdfFormats = FileExtension.pdfFormats;
        this.wordFormats = FileExtension.wordFormats;
        this.spreadSheetFormats = FileExtension.spreadSheetFormats;
    }
    ngOnInit() { }
    openImage(url) {
        window.open(url, "_blank");
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AttachmentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AttachmentsComponent, selector: "sl-attachments", inputs: { url: "url", extension: "extension" }, ngImport: i0, template: "<div class=\"thumbnail-card\">\n    <img [src]=\"url\" *ngIf=\"imageFormats.includes(extension)\" (click)=\"openImage(url)\" class=\"card-images\" />\n    <!-- <fa name=\"file-video-o\" class=\"attachmentIcon\" *ngIf=\"videoFormats.includes(extension)\" (click)=\"playVideo(url)\"></fa> -->\n    <i\n    class=\"video icon attachmentIcon\"\n      *ngIf=\"videoFormats.includes(extension)\"\n      (click)=\"openImage(url)\"\n    ></i>\n  \n    <!-- <fa *ngIf=\"audioFormats.includes(extension)\" name=\"file-audio-o\" class=\"attachmentIcon\" (click)=\"playAudio(url)\"></fa> -->\n    <i\n      *ngIf=\"audioFormats.includes(extension)\"\n      class=\"file audio icon attachmentIcon\"\n      (click)=\"openImage(url)\"\n    ></i>\n    <!-- <fa class=\"attachmentIcon\" name=\"file-pdf-o\" *ngIf=\"pdfFormats.includes(extension)\" (click)=\"openDocument(url)\"></fa> -->\n    <i\n      class=\"file alternate icon attachmentIcon\"\n      *ngIf=\"pdfFormats.includes(extension)\"\n      (click)=\"openImage(url)\"\n    ></i>\n  \n    <i\n    class=\"file alternate icon attachmentIcon\"\n    *ngIf=\"spreadSheetFormats.includes(extension) || wordFormats.includes(extension) \"\n    (click)=\"openImage(url)\"\n  ></i>\n  </div>\n  ", styles: [".attachmentIcon{margin-top:10px;font-size:70px}.thumbnail-card{height:98px;display:inline;justify-content:space-around;align-items:center}.card-images{width:90px;height:90px;margin-right:2px;margin-bottom:2px;border-radius:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AttachmentsComponent, decorators: [{
            type: Component,
            args: [{ selector: 'sl-attachments', template: "<div class=\"thumbnail-card\">\n    <img [src]=\"url\" *ngIf=\"imageFormats.includes(extension)\" (click)=\"openImage(url)\" class=\"card-images\" />\n    <!-- <fa name=\"file-video-o\" class=\"attachmentIcon\" *ngIf=\"videoFormats.includes(extension)\" (click)=\"playVideo(url)\"></fa> -->\n    <i\n    class=\"video icon attachmentIcon\"\n      *ngIf=\"videoFormats.includes(extension)\"\n      (click)=\"openImage(url)\"\n    ></i>\n  \n    <!-- <fa *ngIf=\"audioFormats.includes(extension)\" name=\"file-audio-o\" class=\"attachmentIcon\" (click)=\"playAudio(url)\"></fa> -->\n    <i\n      *ngIf=\"audioFormats.includes(extension)\"\n      class=\"file audio icon attachmentIcon\"\n      (click)=\"openImage(url)\"\n    ></i>\n    <!-- <fa class=\"attachmentIcon\" name=\"file-pdf-o\" *ngIf=\"pdfFormats.includes(extension)\" (click)=\"openDocument(url)\"></fa> -->\n    <i\n      class=\"file alternate icon attachmentIcon\"\n      *ngIf=\"pdfFormats.includes(extension)\"\n      (click)=\"openImage(url)\"\n    ></i>\n  \n    <i\n    class=\"file alternate icon attachmentIcon\"\n    *ngIf=\"spreadSheetFormats.includes(extension) || wordFormats.includes(extension) \"\n    (click)=\"openImage(url)\"\n  ></i>\n  </div>\n  ", styles: [".attachmentIcon{margin-top:10px;font-size:70px}.thumbnail-card{height:98px;display:inline;justify-content:space-around;align-items:center}.card-images{width:90px;height:90px;margin-right:2px;margin-bottom:2px;border-radius:10px}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { url: [{
                type: Input
            }], extension: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXR0YWNobWVudHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2wtcmVwb3J0cy1saWJyYXJ5L3NyYy9saWIvYXR0YWNobWVudHMvYXR0YWNobWVudHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2wtcmVwb3J0cy1saWJyYXJ5L3NyYy9saWIvYXR0YWNobWVudHMvYXR0YWNobWVudHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFPaEQsTUFBTSxPQUFPLG9CQUFvQjtJQVMvQjtRQU5BLGlCQUFZLEdBQWEsYUFBYSxDQUFDLFlBQVksQ0FBQztRQUNwRCxpQkFBWSxHQUFhLGFBQWEsQ0FBQyxZQUFZLENBQUM7UUFDcEQsaUJBQVksR0FBYSxhQUFhLENBQUMsWUFBWSxDQUFDO1FBQ3BELGVBQVUsR0FBYSxhQUFhLENBQUMsVUFBVSxDQUFDO1FBQ2hELGdCQUFXLEdBQWEsYUFBYSxDQUFDLFdBQVcsQ0FBQztRQUNsRCx1QkFBa0IsR0FBYSxhQUFhLENBQUMsa0JBQWtCLENBQUM7SUFDakQsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQztJQUVuQixTQUFTLENBQUMsR0FBRztRQUNYLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQzdCLENBQUM7K0dBZlUsb0JBQW9CO21HQUFwQixvQkFBb0Isc0dDUmpDLGd0Q0E0QkU7OzRGRHBCVyxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsZ0JBQWdCOzBFQUtqQixHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmlsZUV4dGVuc2lvbiB9IGZyb20gJy4vZmlsZUV4dGVuc2lvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NsLWF0dGFjaG1lbnRzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F0dGFjaG1lbnRzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXR0YWNobWVudHMuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdHRhY2htZW50c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHVybDogc3RyaW5nO1xuICBASW5wdXQoKSBleHRlbnNpb246IHN0cmluZztcbiAgaW1hZ2VGb3JtYXRzOiBzdHJpbmdbXSA9IEZpbGVFeHRlbnNpb24uaW1hZ2VGb3JtYXRzO1xuICB2aWRlb0Zvcm1hdHM6IHN0cmluZ1tdID0gRmlsZUV4dGVuc2lvbi52aWRlb0Zvcm1hdHM7XG4gIGF1ZGlvRm9ybWF0czogc3RyaW5nW10gPSBGaWxlRXh0ZW5zaW9uLmF1ZGlvRm9ybWF0cztcbiAgcGRmRm9ybWF0czogc3RyaW5nW10gPSBGaWxlRXh0ZW5zaW9uLnBkZkZvcm1hdHM7XG4gIHdvcmRGb3JtYXRzOiBzdHJpbmdbXSA9IEZpbGVFeHRlbnNpb24ud29yZEZvcm1hdHM7XG4gIHNwcmVhZFNoZWV0Rm9ybWF0czogc3RyaW5nW10gPSBGaWxlRXh0ZW5zaW9uLnNwcmVhZFNoZWV0Rm9ybWF0cztcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cblxuICBvcGVuSW1hZ2UodXJsKSB7XG4gICAgd2luZG93Lm9wZW4odXJsLCBcIl9ibGFua1wiKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRodW1ibmFpbC1jYXJkXCI+XG4gICAgPGltZyBbc3JjXT1cInVybFwiICpuZ0lmPVwiaW1hZ2VGb3JtYXRzLmluY2x1ZGVzKGV4dGVuc2lvbilcIiAoY2xpY2spPVwib3BlbkltYWdlKHVybClcIiBjbGFzcz1cImNhcmQtaW1hZ2VzXCIgLz5cbiAgICA8IS0tIDxmYSBuYW1lPVwiZmlsZS12aWRlby1vXCIgY2xhc3M9XCJhdHRhY2htZW50SWNvblwiICpuZ0lmPVwidmlkZW9Gb3JtYXRzLmluY2x1ZGVzKGV4dGVuc2lvbilcIiAoY2xpY2spPVwicGxheVZpZGVvKHVybClcIj48L2ZhPiAtLT5cbiAgICA8aVxuICAgIGNsYXNzPVwidmlkZW8gaWNvbiBhdHRhY2htZW50SWNvblwiXG4gICAgICAqbmdJZj1cInZpZGVvRm9ybWF0cy5pbmNsdWRlcyhleHRlbnNpb24pXCJcbiAgICAgIChjbGljayk9XCJvcGVuSW1hZ2UodXJsKVwiXG4gICAgPjwvaT5cbiAgXG4gICAgPCEtLSA8ZmEgKm5nSWY9XCJhdWRpb0Zvcm1hdHMuaW5jbHVkZXMoZXh0ZW5zaW9uKVwiIG5hbWU9XCJmaWxlLWF1ZGlvLW9cIiBjbGFzcz1cImF0dGFjaG1lbnRJY29uXCIgKGNsaWNrKT1cInBsYXlBdWRpbyh1cmwpXCI+PC9mYT4gLS0+XG4gICAgPGlcbiAgICAgICpuZ0lmPVwiYXVkaW9Gb3JtYXRzLmluY2x1ZGVzKGV4dGVuc2lvbilcIlxuICAgICAgY2xhc3M9XCJmaWxlIGF1ZGlvIGljb24gYXR0YWNobWVudEljb25cIlxuICAgICAgKGNsaWNrKT1cIm9wZW5JbWFnZSh1cmwpXCJcbiAgICA+PC9pPlxuICAgIDwhLS0gPGZhIGNsYXNzPVwiYXR0YWNobWVudEljb25cIiBuYW1lPVwiZmlsZS1wZGYtb1wiICpuZ0lmPVwicGRmRm9ybWF0cy5pbmNsdWRlcyhleHRlbnNpb24pXCIgKGNsaWNrKT1cIm9wZW5Eb2N1bWVudCh1cmwpXCI+PC9mYT4gLS0+XG4gICAgPGlcbiAgICAgIGNsYXNzPVwiZmlsZSBhbHRlcm5hdGUgaWNvbiBhdHRhY2htZW50SWNvblwiXG4gICAgICAqbmdJZj1cInBkZkZvcm1hdHMuaW5jbHVkZXMoZXh0ZW5zaW9uKVwiXG4gICAgICAoY2xpY2spPVwib3BlbkltYWdlKHVybClcIlxuICAgID48L2k+XG4gIFxuICAgIDxpXG4gICAgY2xhc3M9XCJmaWxlIGFsdGVybmF0ZSBpY29uIGF0dGFjaG1lbnRJY29uXCJcbiAgICAqbmdJZj1cInNwcmVhZFNoZWV0Rm9ybWF0cy5pbmNsdWRlcyhleHRlbnNpb24pIHx8IHdvcmRGb3JtYXRzLmluY2x1ZGVzKGV4dGVuc2lvbikgXCJcbiAgICAoY2xpY2spPVwib3BlbkltYWdlKHVybClcIlxuICA+PC9pPlxuICA8L2Rpdj5cbiAgIl19