UNPKG

@infordata-web/portal-common-component-lib

Version:

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.14.

21 lines 6.12 kB
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core'; export class TabellaDocumentiComponent { constructor() { this.indiceSelezionato = new EventEmitter(); } ngOnInit() { } } TabellaDocumentiComponent.decorators = [ { type: Component, args: [{ selector: 'lib-tabella-documenti', template: "<mat-accordion displayMode=\"flat\" multi class=\"mat-table\">\r\n\t<section matSort class=\"mat-elevation-z2 mat-header-row\">\r\n\t\t<div class=\"mat-header-cell\" mat-sort-header=\"nrDocumento\">{{'nr-Documento' | traduzione}}</div>\r\n\t\t<div class=\"mat-header-cell\" mat-sort-header=\"tipoDocumento\"> {{'tipo-documento' | traduzione}}</div>\r\n\t\t<div class=\"mat-header-cell\" mat-sort-header=\"dataDocumento\">{{'data-documento' | traduzione}}</div>\r\n\t\t<div class=\"mat-header-cell\" mat-sort-header=\"fileName\">{{'file-name' | traduzione}}</div>\r\n\t\t<div class=\"mat-header-cell\" mat-sort-header=\"elimina\"></div>\r\n\t</section>\r\n\r\n\t<mat-expansion-panel *ngFor=\"let file of files$ | async; let i=index\">\r\n\t\t<mat-expansion-panel-header class=\"mat-row\">\r\n\t\t\t<div class=\"mat-cell\">{{file.numeroDocumento}}</div>\r\n\t\t\t<div class=\"mat-cell\">{{file.tipoDocumento.descrizione}}</div>\r\n\t\t\t<div class=\"mat-cell\">{{file.dataDocumento | date:'dd/MM/yyyy'}}</div>\r\n\t\t\t<div class=\"mat-cell\">{{file.file.name}}</div>\r\n\t\t\t<div class=\"mat-cell\">\r\n\t\t\t\t<button mat-flat-button\r\n\t\t\t\t\t\t\t\t(click)=\"indiceSelezionato.emit(i)\"\r\n\t\t\t\t\t\t\t\t[attr.aria-label]=\"'bt-elimina-documento' | traduzione\"\r\n\t\t\t\t\t\t\t\ttitle=\"{{'bt-elimina-documento' | traduzione}}\">\r\n\t\t\t\t\t<span class=\"fas fa-trash-alt icon-color-primary font-weight-bold\" aria-hidden=\"true\"></span>\r\n\t\t\t\t\t<p class=\"sr-only\">{{'bt-elimina-documento' | traduzione}}</p>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</mat-expansion-panel-header>\r\n\r\n\t\t<div class=\"mt-2\">\r\n\t\t\t<span class=\"font-weight-bold\">\r\n\t\t\t\t{{'obbligatori' | traduzione}}:\r\n\t\t\t</span>\r\n\t\t\t<mat-checkbox [checked]=\"file.tipoDocumento.codice != 'ALTRO'\" [disabled]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\tname=\"obbligatorio\">\r\n\t\t\t</mat-checkbox>\r\n\t\t</div>\r\n\r\n\t\t<div>\r\n\t\t\t<span class=\"font-weight-bold\">\r\n\t\t\t\t{{'tipologia-emittente' | traduzione}}:\r\n\t\t\t</span>\r\n\t\t\t<span class=\"ml-2\">{{file.codiceTipoEmittente || '' | titlecase }}</span>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"mt-2\">\r\n\t\t\t<span class=\"font-weight-bold\">\r\n\t\t\t\t{{'organo-emittente' | traduzione}}:\r\n\t\t\t</span>\r\n\t\t\t<span class=\"ml-2\">{{file.soggettoEmittente}}</span>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"mt-2\">\r\n\t\t\t<span class=\"font-weight-bold\">\r\n\t\t\t\t{{'nota' | traduzione}}:\r\n\t\t\t</span>\r\n\t\t\t<span class=\"ml-2\">{{file.nota}}</span>\r\n\t\t</div>\r\n\r\n\t</mat-expansion-panel>\r\n</mat-accordion>\r\n", encapsulation: ViewEncapsulation.None, styles: ["lib-tabella-documenti .mat-accordion .mat-header-row{background-color:#0a2644!important;border-bottom:none;padding-left:1.5rem;padding-right:2rem}lib-tabella-documenti .mat-expansion-panel-header.mat-row{border-bottom:none;margin-top:2px}lib-tabella-documenti .mat-table{display:block}lib-tabella-documenti .mat-header-row{min-height:56px}lib-tabella-documenti .mat-row{min-height:48px}lib-tabella-documenti .mat-header-row,lib-tabella-documenti .mat-row{align-items:center;border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;display:flex;padding:0 24px}lib-tabella-documenti .mat-header-row:after,lib-tabella-documenti .mat-row:after{content:\"\";display:inline-block;min-height:inherit}lib-tabella-documenti .mat-cell,lib-tabella-documenti .mat-header-cell{flex:1;overflow:hidden;word-wrap:break-word}lib-tabella-documenti .mat-row{min-height:120px}lib-tabella-documenti mat-checkbox label{margin-bottom:.25rem!important}"] },] } ]; TabellaDocumentiComponent.ctorParameters = () => []; TabellaDocumentiComponent.propDecorators = { files$: [{ type: Input }], indiceSelezionato: [{ type: Output }] }; //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiZWxsYS1kb2N1bWVudGkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkM6L1Byb2dldHRpL0RBRy9zb3JnZW50aS9naXRsYWItc29mdHdhcmVmYWN0b3J5L2NvbW1vbi1jb21wb25lbnQtbGliL3Byb2plY3RzL3BvcnRhbC1jb21tb24tY29tcG9uZW50LWxpYi9zcmMvIiwic291cmNlcyI6WyJsaWIvZGVwb3NpdGkvY29tbW9uLWNvbXBvbmVudC90YWJlbGxhLWRvY3VtZW50aS90YWJlbGxhLWRvY3VtZW50aS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVVoRyxNQUFNLE9BQU8seUJBQXlCO0lBUWxDO1FBSkYsc0JBQWlCLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7SUFJbkQsQ0FBQztJQUVuQixRQUFRLEtBQVUsQ0FBQzs7O1lBaEJwQixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtnQkFDakMsNmpGQUFpRDtnQkFFbEQsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7O2FBQ3JDOzs7O3FCQUVFLEtBQUs7Z0NBRUwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge09ic2VydmFibGV9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQge05ld0ZpbGV9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvZG9jdW1lbnRhemlvbmUvbmV3LWZpbGUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItdGFiZWxsYS1kb2N1bWVudGknLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJlbGxhLWRvY3VtZW50aS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGFiZWxsYS1kb2N1bWVudGkuY29tcG9uZW50LnNjc3MnXSxcclxuXHRlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWJlbGxhRG9jdW1lbnRpQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKVxyXG4gIGZpbGVzJDogT2JzZXJ2YWJsZTxBcnJheTxOZXdGaWxlPj47XHJcbiAgQE91dHB1dCgpXHJcbiAgaW5kaWNlU2VsZXppb25hdG86IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XHJcblxyXG4gIGRpc3BsYXllZEZpbGVzJDogT2JzZXJ2YWJsZTxBcnJheTxOZXdGaWxlPj47XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG5cclxufVxyXG4iXX0=