tauro-components v1.3.22

Tauro Components

This is an Angular library composed of several useful components developed by the team of developers of 3Tecnos Tecnologia.

Three components are available: DataTable, Dialog Confirmation, Dialog Warning, Date Period, Year-Month and UF Selection.

Installation

Run npm install tauro-components --save

Usage

DataTable

Datatable component is based on Angular Material Table and easily configurable. Various features such as expanded row and table export have been made available for: PDF, EXCEL, CSV, XML and PRINT. It was also included pipes to the columns.

Example:

<ta-datatable *ngIf="values.length > 0"
        [apiUrl]="apiUrl"
        [showPaginator]="true"
        [showSearch]="true"
        [showExportButtons]="true"
        emptyDataMessage="Não houve movimentações no período"
        [showCheckbox]="false"
        [disabledToolTipIcons]="true"
        (selectedRows)="selectChange($event)">
        <ta-datacolumns>
            <ta-datacolumn dataPropertyName="NmOrgao" headerText="Órgão"></ta-datacolumn>
            <ta-datacolumn dataPropertyName="NmCargo" headerText="Cargo"></ta-datacolumn>
            <ta-datacolumn dataPropertyName="NmFavorecido" headerText="Favorecido"></ta-datacolumn>
            <ta-datacolumn dataPropertyName="DtSaida" headerText="Saída" pipe="date"></ta-datacolumn>
            <ta-datacolumn dataPropertyName="DtChegada" headerText="Chegada" pipe="date"></ta-datacolumn>
            <ta-datacolumn dataPropertyName="NmDestino" headerText="Destino"></ta-datacolumn>
            <ta-datacolumn dataPropertyName="QtDiaria" headerText="Quantidade"></ta-datacolumn>
            <ta-datacolumn dataPropertyName="VlDiaria" headerText="Diária" pipe="currency"></ta-datacolumn>
            <ta-datacolumn dataPropertyName="VlTotal" headerText="Total" pipe="currency"></ta-datacolumn>
            <ta-datacolumn dataPropertyName="DtPagamento" headerText="Pagamento" pipe="date"></ta-datacolumn>
        </ta-datacolumns>
        <ta-dataexpanded headerText="Histórico" dataPropertyName="DsMotivo" [expanded]="true" [enableExpandedDetail]="true">
        </ta-dataexpanded>
    </ta-datatable>

Parameters

ta-datatable

ta-datacolumn

ta-dataexpanded

ta-datacolumnexpanded

DatePeriod

Component based on the Datepicker of the Angular Material, which provides the start and end date of a given period.

Example:

<ta-date-period widthBetweenDates="10px" (dtStart)="changeDtInicio($event)" (dtEnd)="changeDtFim($event)" ></ta-date-period>

Parameters

Year-Month

Component based on the Datepicker of the Angular Material, which provides only the month and year of a date.

Example:

<ta-year-month (value)="changeAnoMes($event)"></ta-year-month>

Parameters