iPIM Web Widgets
  1. Components
  2. FilePreviewComponent

@WidgetComponent

nm-file-preview

File

src/app/shared/widgets/upload/preview/file-preview.component.ts

Implements

OnInit OnDestroy

Metadata

selector nm-file-preview
styleUrls file-preview.component.scss
templateUrl ./file-preview.component.html

Index

Widget inputs
Widget outputs
Methods
Inputs

Inputs

item

Type: any

Defined in src/app/shared/widgets/upload/preview/file-preview.component.ts:9

Methods

getType
getType(item: )
Defined in src/app/shared/widgets/upload/preview/file-preview.component.ts:15
Parameters :
Name Optional
item no
Returns : "image" | "pdf"
ngOnDestroy
ngOnDestroy()
Defined in src/app/shared/widgets/upload/preview/file-preview.component.ts:13
Returns : void
ngOnInit
ngOnInit()
Defined in src/app/shared/widgets/upload/preview/file-preview.component.ts:11
Returns : void 
import { Component, Input, OnDestroy, OnInit } from "@angular/core";

@Component({
  selector: "nm-file-preview",
  templateUrl: "./file-preview.component.html",
  styleUrls: ["./file-preview.component.scss"],
})
export class FilePreviewComponent implements OnInit, OnDestroy {
  @Input() public item: any;

  ngOnInit(): void {}

  ngOnDestroy(): void {}

  getType(item) {
    if (item.type.indexOf("image") === 0) {
      return "image";
    } else if (item.type.indexOf("pdf") !== -1) {
      return "pdf";
    }
    return null;
  }
}

<ng-container [ngSwitch]="getType(item)">
  <ng-container *ngSwitchCase="'image'">
    <img reload-on-error [src]="item.uri" />
  </ng-container>
  <ng-container *ngSwitchCase="'pdf'">
    <mat-icon>picture_as_pdf</mat-icon>
  </ng-container>
  <ng-container *ngSwitchDefault>
    <mat-icon>insert_drive_file</mat-icon>
  </ng-container>
</ng-container>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""