@dev-tcloud/tcloud-ui 0.0.91 → 0.0.92

package/scripts/copy-artifacts.js

@@ -1,40 +0,0 @@
-const fs = require('fs')
-const path = require('path')
-const artifacts = ['README.md'/*, 'CHANGELOG.md', 'LICENSE.md'*/]
-artifacts.forEach(file => {
-  let fromPath = path.resolve(__dirname, '..', 'projects/tcloud-ui/', file)
-  let destPath = path.resolve(__dirname, '..', 'dist/tcloud-ui/', file)
-  fs.readFile(fromPath, 'utf-8', (err, data) => {
-    if (err) {
-      console.log('An error occured:', err)
-      return
-    }
-    fs.writeFile(destPath, data, (err) => {
-      if (err) {
-        console.log('An error occured:', err)
-        return
-      }
-      console.log(`Copied ${file}:`)
-    })
-  })
-})
-
-const fse = require('fs-extra');
-const scss = 'scss'
-let fromPath = path.resolve(__dirname, '..', 'projects/tcloud-ui/assets', scss)
-let destPath = path.resolve(__dirname, '..', 'dist/tcloud-ui', scss)
-try {
-  fse.copySync(fromPath, destPath, { overwrite: true|false })
-  console.log('assets successfully copied')
-} catch (err) {
-  console.error(err)
-}
-
-let DatePickerfromPath = path.resolve(__dirname, '..', 'projects/tcloud-ui/assets', 'datepicker')
-let DatePickerdestPath = path.resolve(__dirname, '..', 'dist/tcloud-ui', 'datepicker')
-try {
-  fse.copySync(DatePickerfromPath, DatePickerdestPath, { overwrite: true|false })
-  console.log('datepicker successfully copied')
-} catch (err) {
-  console.error(err)
-}

package/src/app/app.component.html

@@ -1,151 +0,0 @@
-
-
-<div class="container">
-    <h4>TCLOUD-UI - dev componentes</h4>
-    <p class="test-theme">Theme</p>
-    <div class="mt-5">
-        <button (click)="setTab('app-ui-modal')" >UI-MODAL</button>
-        <button (click)="setTab('app-ui-tab-menu')" >UI-TAB-MENU</button>
-        <button (click)="setTab('app-ui-linha-logo')" >UI-LINHA-LOGO</button>
-        <button (click)="setTab('app-ui-line-step-circle')" >UI-LINE-STEP-CIRCLE</button>
-        <button (click)="setTab('app-ui-tooltip')" >UI-TOOTIP</button>
-        <button (click)="setTab('app-ui-multi-select')" >UI-MULTI-SELECT</button>
-        <button (click)="setTab('app-ui-data-list')" >UI-DATA-LIST</button>
-        <button (click)="setTab('app-ui-multi-input')" >UI-MULTI-INPUT</button>
-        <button (click)="setTab('app-ui-choice-issues')" >UI-CHOICE-ISSUES</button>
-        <button (click)="setTab('app-ui-loading-transitions')" >UI-LOADING-TRANSITIONS</button>
-        <button (click)="setTab('app-ui-search-in-object')" >UI-SEARCH-IN-OBJECT</button>
-        <button (click)="setTab('app-ui-input-search')" >UI-INPUT-SEARCH</button>
-        <button (click)="setTab('app-ui-not-found')" >UI-NOT-FOUND</button>
-        <button (click)="setTab('app-ui-table')" >UI-TABLE</button>
-        <button (click)="setTab('app-ui-number-step')" >UI-NUMBER-STEP</button>
-        <button (click)="setTab('app-ui-scroll-box')" >UI-SCROLL-BOX</button>
-        <button (click)="setTab('app-ui-filters')" >UI-FILTERS</button>
-        <button (click)="setTab('app-ui-accordion')" >UI-ACCORDION</button>
-        <button (click)="setTab('app-ui-hover-parent')" >UI-HOVER-PARENT</button>
-        <button (click)="setTab('app-ui-datepicker')" >UI-DATEPICKER</button>
-        <button (click)="setTab('app-ui-datepicker-time')" >UI-DATEPICKER-TIME</button>
-        <button (click)="setTab('app-ui-multiples-values')" >UI-MULTIPLES-VALUES</button>
-        <button (click)="setTab('app-ui-welcome')" >UI-WELCOME</button>
-
-    </div>
-
-    <hr>
-
-    <div *ngIf="tab === 'app-ui-modal'">
-        <h3>UI-MODAL</h3>
-        <app-ui-modal></app-ui-modal>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-tab-menu'">
-        <h3>UI-TAB-MENU</h3>
-        <app-ui-tab-menu></app-ui-tab-menu>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-linha-logo'">
-        <h3>UI-LINHA-LOGO</h3>
-        <app-ui-linha-logo></app-ui-linha-logo>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-line-step-circle'">
-        <h3>UI-LINE-STEP-CIRCLE</h3>
-        <app-ui-line-step-circle></app-ui-line-step-circle>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-tooltip'">
-        <h3>UI-TOOTIP</h3>
-        <app-ui-tooltip></app-ui-tooltip>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-multi-select'">
-        <h3>UI-MULTI-SELECT</h3>
-        <app-ui-multi-select></app-ui-multi-select>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-data-list'">
-        <h3>UI-DATA-LIST</h3>
-        <app-ui-data-list></app-ui-data-list>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-multi-input'">
-        <h3>UI-MULTI-INPUT</h3>
-        <app-ui-multi-input></app-ui-multi-input>
-    </div>
-    
-    <div *ngIf="tab === 'app-ui-choice-issues'">
-        <h3>UI-CHOICE-ISSUES</h3>
-        <app-ui-choice-issues></app-ui-choice-issues>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-loading-transitions'">
-        <h3>UI-LOADING-TRANSITIONS</h3>
-        <app-ui-loading-transitions></app-ui-loading-transitions>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-search-in-object'">
-        <h3>UI-SEARCH-IN-OBJECT</h3>
-        <app-ui-search-in-object></app-ui-search-in-object>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-input-search'">
-        <h3>UI-INPUT-SEARCH</h3>
-        <app-ui-input-search></app-ui-input-search>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-not-found'">
-        <h3>UI-NOT-FOUND</h3>
-        <app-ui-not-found></app-ui-not-found>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-table'">
-        <h3>UI-TABLE</h3>
-        <app-ui-table></app-ui-table>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-number-step'">
-        <h3>UI-NUMBER-STEP</h3>
-        <app-ui-number-step></app-ui-number-step>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-scroll-box'">
-        <h3>UI-SCROLL-BOX</h3>
-        <app-ui-scroll-box></app-ui-scroll-box>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-filters'">
-        <h3>UI-FILTERS</h3>
-        <app-ui-filters></app-ui-filters>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-accordion'">
-        <h3>UI-ACCORDION</h3>
-        <app-ui-accordion></app-ui-accordion>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-hover-parent'">
-        <h3>UI-HOVER-PARENT</h3>
-        <app-ui-hover-parent></app-ui-hover-parent>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-datepicker'">
-        <h3>UI-DATEPICKER</h3>
-        <app-ui-datepicker></app-ui-datepicker>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-datepicker-time'">
-        <h3>UI-DATEPICKER-TIME</h3>
-        <app-ui-datepicker-time></app-ui-datepicker-time>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-multiples-values'">
-        <h3>UI-MULTIPLES-VALUES</h3>
-        <app-ui-multiples-values></app-ui-multiples-values>
-    </div>
-
-    <div *ngIf="tab === 'app-ui-welcome'">
-        <h3>UI-WELCOME</h3>
-        <app-ui-welcome></app-ui-welcome>
-    </div>
-    
-
-</div>

package/src/app/app.component.ts

@@ -1,16 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
-})
-export class AppComponent {
-  title = 'tcloud-ui';
-
-  tab: string = '';
-
-  setTab(tab: string){
-    this.tab =  ( tab === this.tab ) ? '' : tab;
-  }
-}

package/src/app/app.module.ts

@@ -1,77 +0,0 @@
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterModule } from '@angular/router';
-
-import { TCloudUiModule } from './../../projects/tcloud-ui/src/lib/tcloud-ui.module';
-
-import { UiModalComponent } from './pages/ui-modal/ui-modal.component';
-
-import { UiTabMenuComponent } from './pages/ui-tab-menu/ui-tab-menu.component';
-
-import { UiLinhaLogoComponent } from './pages/ui-linha-logo/ui-linha-logo.component';
-
-import { UiLineStepCircleComponent } from './pages/ui-line-step-circle/ui-line-step-circle.component';
-import { UiMultiSelectComponent } from './pages/ui-multi-select/ui-multi-select.component';
-import { UiDataListComponent } from './pages/ui-data-list/ui-data-list.component';
-import { UiTooltipComponent } from './pages/ui-tooltip/ui-tooltip.component';
-import { UiMultiInputComponent } from './pages/ui-multi-input/ui-multi-input.component';
-import { UiChoiceIssuesComponent } from './pages/ui-choice-issues/ui-choice-issues.component';
-import { UiLoadingTransitionsComponent } from './pages/ui-loading-transitions/ui-loading-transitions.component';
-import { UiSearchInObjectComponent } from './pages/ui-search-in-object/ui-search-in-object.component';
-import { UiInputSearchComponent } from './pages/ui-input-search/ui-input-search.component';
-import { UiNotFoundComponent } from './pages/ui-not-found/ui-not-found.component';
-import { UiTableComponent } from './pages/ui-table/ui-table.component';
-import { UiNumberStepComponent } from './pages/ui-number-step/ui-number-step.component';
-import { UiScrollBoxComponent } from './pages/ui-scroll-box/ui-scroll-box.component';
-import { UiFiltersComponent } from './pages/ui-filters/ui-filters.component';
-import { UiAccordionComponent } from './pages/ui-accordion/ui-accordion.component';
-import { UiHoverParentComponent } from './pages/ui-hover-parent/ui-hover-parent.component';
-import { UiDatepickerComponent } from './pages/ui-datepicker/ui-datepicker.component';
-import { UiDatepickerTimeComponent } from './pages/ui-datepicker-time/ui-datepicker-time.component';
-import { UiMultiplesValuesComponent } from './pages/ui-multiples-values/ui-multiples-values.component';
-import { UiWelcomeComponent } from './pages/ui-welcome/ui-welcome.component';
-
-
-@NgModule({
-  declarations: [
-    AppComponent,
-    UiModalComponent,
-    UiTabMenuComponent,
-    UiLinhaLogoComponent,
-    UiLineStepCircleComponent,
-    UiMultiSelectComponent,
-    UiDataListComponent,
-    UiTooltipComponent,
-    UiMultiInputComponent,
-    UiChoiceIssuesComponent,
-    UiLoadingTransitionsComponent,
-    UiSearchInObjectComponent,
-    UiInputSearchComponent,
-    UiNotFoundComponent,
-    UiTableComponent,
-    UiNumberStepComponent,
-    UiScrollBoxComponent,
-    UiFiltersComponent,
-    UiAccordionComponent,
-    UiHoverParentComponent,
-    UiDatepickerComponent,
-    UiDatepickerTimeComponent,
-    UiMultiplesValuesComponent,
-    UiWelcomeComponent
-  ],
-  imports: [
-    BrowserModule,
-    BrowserAnimationsModule,
-    RouterModule.forRoot([]),
-    FormsModule,
-    ReactiveFormsModule,
-
-    TCloudUiModule
-  ],
-  providers: [],
-  bootstrap: [AppComponent]
-})
-export class AppModule { }

package/src/app/pages/ui-accordion/ui-accordion.component.html

@@ -1,13 +0,0 @@
-<tcloud-ui-accordion [disabled]="true" [show]="show" (onAction)="toAction($event)">
-    <tcloud-ui-accordion-title>Título</tcloud-ui-accordion-title>
-    <tcloud-ui-accordion-body>
-        Conteúdo
-    </tcloud-ui-accordion-body>
-</tcloud-ui-accordion>
-
-<tcloud-ui-accordion>
-    <tcloud-ui-accordion-title>Título</tcloud-ui-accordion-title>
-    <tcloud-ui-accordion-body>
-        Conteúdo
-    </tcloud-ui-accordion-body>
-</tcloud-ui-accordion>

package/src/app/pages/ui-accordion/ui-accordion.component.ts

@@ -1,28 +0,0 @@
-import { TCloudUiAccordionService } from './../../../../projects/tcloud-ui/src/lib/_modules/tcloud-ui-accordion/services/tcloud-ui-accordion.service';
-import { Component, Input, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-ui-accordion',
-  templateUrl: './ui-accordion.component.html',
-  styleUrls: ['./ui-accordion.component.scss']
-})
-export class UiAccordionComponent implements OnInit {
-
-  show: boolean = true;
-
-  constructor(
-    
-  ) { }
-
-  ngOnInit(): void {
-
-    setTimeout(() => {
-      this.show = false;
-    }, 5000);
-  }
-
-  toAction(action: string){
-    console.log('action', action);
-  }
-
-}

package/src/app/pages/ui-choice-issues/ui-choice-issues.component.html

@@ -1,8 +0,0 @@
-<tcloud-ui-choice-issues 
-    (onChange)="addIssue($event)"
-    [(ngModel)]="checked"
-    [titulo]="'Deseja sinalisar como concluído?'" 
-    [subTitulo]="'As ações concluídas serão enviadas para a fila de processamento'">
-</tcloud-ui-choice-issues>
-
-<pre>checked: {{ checked }}</pre>

package/src/app/pages/ui-choice-issues/ui-choice-issues.component.ts

@@ -1,21 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-ui-choice-issues',
-  templateUrl: './ui-choice-issues.component.html',
-  styleUrls: ['./ui-choice-issues.component.scss']
-})
-export class UiChoiceIssuesComponent implements OnInit {
-
-  checked: boolean = false;
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-  addIssue(event: any){
-    console.log('addIssue event', event);
-  }
-
-}

package/src/app/pages/ui-data-list/ui-data-list.component.html

@@ -1,41 +0,0 @@
-
-<tcloud-ui-data-list [placeholder]="'Opções'" [(ngModel)]="selected_item" [loading]="loading">
-    <tcloud-ui-data-list-option [value]="''" ></tcloud-ui-data-list-option>
-    <tcloud-ui-data-list-option [value]="'a'" >Opção A</tcloud-ui-data-list-option>
-    <tcloud-ui-data-list-option [value]="'b'" >Opção B</tcloud-ui-data-list-option>
-    <tcloud-ui-data-list-option [value]="'c'" >Opção C</tcloud-ui-data-list-option>
-    <tcloud-ui-data-list-option [value]="'d'" >Opção D</tcloud-ui-data-list-option>
-    <tcloud-ui-data-list-option [value]="'e'" >Opção E</tcloud-ui-data-list-option>
-    <tcloud-ui-data-list-option [value]="'f'" >Opção F</tcloud-ui-data-list-option>
-    <tcloud-ui-data-list-option [value]="'g'" >Opção G</tcloud-ui-data-list-option>
-</tcloud-ui-data-list>
-
-<br><br>
-<pre>selected_item: {{ selected_item }}</pre>
-
-<tcloud-ui-data-list
-    [placeholder]="'Tamanho do Disco'"
-    [(ngModel)]="activeDiskSizeOne">
-    <ng-container *ngFor="let hardDisk of hardDiskListThree">
-    <tcloud-ui-data-list-option [value]="'' + hardDisk?.value">{{ hardDisk?.description }}</tcloud-ui-data-list-option>
-    </ng-container>
-</tcloud-ui-data-list>
-
-<tcloud-ui-data-list
-    [loading]="loading"
-    [placeholder]="'Tamanho do Disco'"
-    [(ngModel)]="activeDiskSizeTwo">
-    <ng-container *ngFor="let hardDisk of hardDiskListThree">
-    <tcloud-ui-data-list-option [value]="'' + hardDisk?.value">{{ hardDisk?.description }}</tcloud-ui-data-list-option>
-    </ng-container>
-</tcloud-ui-data-list>
-
-<tcloud-ui-data-list
-    (onChange)="onChange($event)"
-    (onInputChange)="onInputChange($event)"
-    [placeholder]="'Tamanho do Disco'"
-    [(ngModel)]="activeDiskSizeThree">
-    <ng-container *ngFor="let hardDisk of hardDiskListThree">
-    <tcloud-ui-data-list-option [value]="'' + hardDisk?.value">{{ hardDisk?.description }}</tcloud-ui-data-list-option>
-    </ng-container>
-</tcloud-ui-data-list>

package/src/app/pages/ui-data-list/ui-data-list.component.ts

@@ -1,82 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-ui-data-list',
-  templateUrl: './ui-data-list.component.html',
-  styleUrls: ['./ui-data-list.component.scss']
-})
-export class UiDataListComponent implements OnInit {
-
-  loading: boolean = true;
-
-  hardDiskListThree = [] as any[];
-
-  activeDiskSizeOne: number | undefined;
-  activeDiskSizeTwo: number | undefined;
-  activeDiskSizeThree: number | undefined;
-
-  selected_item: string = 'g';
-
-  constructor() { }
-
-  ngOnInit(): void {
-
-    setTimeout(() => {
-      this.loading = false;
-    }, 5000);
-
-    this.hardDiskListThree = [
-      { value: null, description: '' },
-      { value: 50, description: '50 GB' },
-      { value: 100, description: '100 GB' },
-      { value: 150, description: '150 GB' },
-      { value: 200, description: '200 GB' },
-      { value: 250, description: '250 GB' },
-      { value: 300, description: '300 GB' },
-      { value: 350, description: '350 GB' },
-      { value: 400, description: '400 GB' },
-      { value: 450, description: '450 GB' },
-      { value: 500, description: '500 GB' },
-      { value: 550, description: '550 GB' },
-      { value: 600, description: '600 GB' },
-      { value: 650, description: '650 GB' },
-      { value: 700, description: '700 GB' },
-      { value: 750, description: '750 GB' },
-      { value: 800, description: '800 GB' },
-      { value: 850, description: '850 GB' },
-      { value: 900, description: '900 GB' },
-      { value: 950, description: '950 GB' },
-      { value: 1000, description: '1TB' },
-      { value: 1050, description: '1TB e 50GB' },
-      { value: 1100, description: '1TB e 100GB' },
-      { value: 1150, description: '1TB e 150GB' },
-      { value: 1200, description: '1TB e 200GB' },
-      { value: 1250, description: '1TB e 250GB' },
-      { value: 1300, description: '1TB e 300GB' },
-      { value: 1350, description: '1TB e 350GB' },
-      { value: 1400, description: '1TB e 400GB' },
-      { value: 1450, description: '1TB e 450GB' },
-      { value: 1500, description: '1TB e 500GB' },
-      { value: 1550, description: '1TB e 550GB' },
-      { value: 1600, description: '1TB e 600GB' },
-      { value: 1650, description: '1TB e 650GB' },
-      { value: 1700, description: '1TB e 700GB' },
-      { value: 1750, description: '1TB e 750GB' },
-      { value: 1800, description: '1TB e 800GB' },
-      { value: 1850, description: '1TB e 850GB' },
-      { value: 1900, description: '1TB e 900GB' },
-      { value: 1950, description: '1TB e 950GB' },
-      { value: 2000, description: '2TB' },
-    ];
-
-  }
-
-  onChange(event: any){
-    console.log('onChange event', event);
-  }
-
-  onInputChange(event: any){
-    console.log('onInputChange event', event);
-  }
-
-}

package/src/app/pages/ui-datepicker/ui-datepicker.component.html

@@ -1,27 +0,0 @@
-<br>
-<p>Calendário</p>
-<tcloud-ui-datepicker 
-    [multiple]="false"
-    [daysOfWeekDisabled]="[0,6]"
-    [minDate]="'18/11/2021'"
-    [maxDate]="'18/12/2023'"
-    [datesDisabled]="['12/10/2022','25/12/2022']"
-    [modeInput]="false"
-    >
-</tcloud-ui-datepicker>
-<!--  [(ngModel)]="dateValue" -->
-
-
-<br>
-<p>Em Input</p>
-<tcloud-ui-datepicker 
-    [multiple]="false"
-    [daysOfWeekDisabled]="[0,6]"
-    [minDate]="'18/11/2021'"
-    [maxDate]="'18/12/2023'"
-    [datesDisabled]="['12/10/2022','25/12/2022']"
-    [modeInput]="true"
-    [(ngModel)]="dateValue"
-    >
-</tcloud-ui-datepicker>
-<pre>Input Value: {{ dateValue }}</pre>

package/src/app/pages/ui-datepicker/ui-datepicker.component.ts

@@ -1,17 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-ui-datepicker',
-  templateUrl: './ui-datepicker.component.html',
-  styleUrls: ['./ui-datepicker.component.scss']
-})
-export class UiDatepickerComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-  dateValue: any | undefined;
-
-}

package/src/app/pages/ui-datepicker-time/ui-datepicker-time.component.html

@@ -1,7 +0,0 @@
-<tcloud-ui-datepicker-time [(ngModel)]="dateValue1"> </tcloud-ui-datepicker-time>
-<pre>Input Value: {{ dateValue1 }}</pre>
-
-<br>
-
-<tcloud-ui-datepicker-time [(ngModel)]="dateValue2" [useOptionsDateTime]="true"></tcloud-ui-datepicker-time>
-<pre>Input Value: {{ dateValue2 }}</pre>

package/src/app/pages/ui-datepicker-time/ui-datepicker-time.component.ts

@@ -1,21 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-ui-datepicker-time',
-  templateUrl: './ui-datepicker-time.component.html',
-  styleUrls: ['./ui-datepicker-time.component.scss']
-})
-export class UiDatepickerTimeComponent implements OnInit {
-
-  dateValue1 = new Date();
-  dateValue2 = new Date();
-
-  constructor() { }
-
-  ngOnInit(): void {
-    console.log('dateValue', this.dateValue1);
-  }
-
-  
-
-}

package/src/app/pages/ui-filters/ui-filters.component.html

@@ -1,27 +0,0 @@
-<tcloud-ui-filters [data]="data" [filters]="filters" (result)="result = $event" [useOnChangeSubmit]="false" [useButtonSubmit]="true" [btnSubmitClass]="'btn-new-green'" ></tcloud-ui-filters>
-
-<table class="table">
-    <tr>
-        <th>Valor</th>
-        <th>Data</th>
-        <th>Nome</th>
-        <th>Sobreome</th>
-        <th>Produto</th>
-        <th>Ativo</th>
-    </tr>
-
-    <ng-container *ngFor="let item of result">
-        <tr>
-            <td>{{ item.valor }}</td>
-            <td>{{ item.start | date: 'dd/MM/yyyy - HH:mm' }}</td>
-            <td>{{ item.name }}</td>
-            <td>{{ item.last_name }}</td>
-            <td>{{ item.product.name }}</td>
-            <td>
-                <i *ngIf="item.active" class="far fa-check-circle"></i>
-                <i *ngIf="!item.active" class="fas fa-minus-circle"></i>
-            </td>
-        </tr>
-    </ng-container>
-</table>
-<pre>{{ result | json }}</pre>