@dev-tcloud/tcloud-ui 1.0.0 → 2.0.1

package/src/app/pages/ui-multiples-values/ui-multiples-values.component.ts

@@ -1,27 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-ui-multiples-values',
-  templateUrl: './ui-multiples-values.component.html',
-  styleUrls: ['./ui-multiples-values.component.scss']
-})
-export class UiMultiplesValuesComponent implements OnInit {
-
-  pattern = new RegExp('^(?:(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)(?:\\/\\d{1,2})?(?:;|$)){1,10}$');
-
-  items = ['COD0001', 'COD0002'];
-  items_data_list = ['COD0003', 'COD0004'];
-
-  listItems: any | undefined;
-
-  constructor() { }
-
-  ngOnInit(): void {
-
-    this.listItems = [
-      {description:'COD0001', value: 'COD0001'},
-      {description:'COD0002', value: 'COD0002'}
-    ];
-  }
-
-}

package/src/app/pages/ui-not-found/ui-not-found.component.html

@@ -1 +0,0 @@
-<tcloud-ui-not-found message="Nenhum registro encontrado"></tcloud-ui-not-found>

package/src/app/pages/ui-not-found/ui-not-found.component.ts

@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-ui-not-found',
-  templateUrl: './ui-not-found.component.html',
-  styleUrls: ['./ui-not-found.component.scss']
-})
-export class UiNotFoundComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}

package/src/app/pages/ui-number-step/ui-number-step.component.html

@@ -1,11 +0,0 @@
-<tcloud-ui-number-step [step]="5" [active]="step_active"></tcloud-ui-number-step>
-<br>
-<tcloud-ui-number-step [step]="5" [complete]="true"></tcloud-ui-number-step>
-<br>
-<tcloud-ui-number-step [step]="5" [complete]="true" [useIconCheck]="true"></tcloud-ui-number-step>
-<br>
-<tcloud-ui-number-step [step]="5" [active]="4" [inactives]="[2,3]"></tcloud-ui-number-step>
-<br>
-<tcloud-ui-number-step [step]="5" [active]="4" [inactives]="[2,3]" [useIconCheck]="true"></tcloud-ui-number-step>
-<br>
-<tcloud-ui-number-step [step]="5" [active]="3" [useIconCheck]="true"></tcloud-ui-number-step>

package/src/app/pages/ui-number-step/ui-number-step.component.ts

@@ -1,21 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-ui-number-step',
-  templateUrl: './ui-number-step.component.html',
-  styleUrls: ['./ui-number-step.component.scss']
-})
-export class UiNumberStepComponent implements OnInit {
-
-  step_active: number = 2;
-
-  constructor() { }
-
-  ngOnInit(): void {
-
-    setTimeout(() => {
-      this.step_active = 3;
-    }, 5000);
-  }
-
-}

package/src/app/pages/ui-progress-bar/ui-progress-bar.component.html

@@ -1,15 +0,0 @@
-<br>
-
-<tcloud-ui-progress-bar status="70"></tcloud-ui-progress-bar>
-
-<br>
-
-<tcloud-ui-progress-bar status="50" mode="warning" height="fat"></tcloud-ui-progress-bar>
-
-<br>
-
-<tcloud-ui-progress-bar status="30" mode="danger"></tcloud-ui-progress-bar>
-
-<br>
-
-<tcloud-ui-progress-bar [status]="status_test" mode="info" height="slim"></tcloud-ui-progress-bar>

package/src/app/pages/ui-progress-bar/ui-progress-bar.component.ts

@@ -1,21 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-ui-progress-bar',
-  templateUrl: './ui-progress-bar.component.html',
-  styleUrls: ['./ui-progress-bar.component.scss']
-})
-export class UiProgressBarComponent implements OnInit {
-
-  status_test: number = 10;
-
-  constructor() { }
-
-  ngOnInit(): void {
-
-    setTimeout(() => {
-      this.status_test = 30;
-    }, 2000);
-  }
-
-}

package/src/app/pages/ui-scroll-box/ui-scroll-box.component.html

@@ -1,69 +0,0 @@
-
-<tcloud-ui-scroll-box>
-    <table class="table">
-        <thead>
-            <tr>
-                <th>Nome</th>
-                <th>Nacionalidade</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>Rodrigo</td>
-                <td>Brasileiro</td>
-            </tr>
-            <tr>
-                <td>Leonardo</td>
-                <td>Brasileiro</td>
-            </tr>
-            <tr>
-                <td>Romano</td>
-                <td>Italiano</td>
-            </tr>
-            <tr>
-                <td>Antônio</td>
-                <td>Brasileiro</td>
-            </tr>
-            <tr>
-                <td>Bruno</td>
-                <td>Canadense</td>
-            </tr>
-            <tr>
-                <td>Ana</td>
-                <td>Brasileiro</td>
-            </tr>
-            <tr>
-                <td>Marcia</td>
-                <td>Italiano</td>
-            </tr>
-            <tr>
-                <td>Rodrigo</td>
-                <td>Brasileiro</td>
-            </tr>
-            <tr>
-                <td>Leonardo</td>
-                <td>Brasileiro</td>
-            </tr>
-            <tr>
-                <td>Romano</td>
-                <td>Italiano</td>
-            </tr>
-            <tr>
-                <td>Antônio</td>
-                <td>Brasileiro</td>
-            </tr>
-            <tr>
-                <td>Bruno</td>
-                <td>Canadense</td>
-            </tr>
-            <tr>
-                <td>Ana</td>
-                <td>Brasileiro</td>
-            </tr>
-            <tr>
-                <td>Marcia</td>
-                <td>Italiano</td>
-            </tr>
-        </tbody>
-    </table>
-</tcloud-ui-scroll-box>

package/src/app/pages/ui-scroll-box/ui-scroll-box.component.ts

@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-ui-scroll-box',
-  templateUrl: './ui-scroll-box.component.html',
-  styleUrls: ['./ui-scroll-box.component.scss']
-})
-export class UiScrollBoxComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}

package/src/app/pages/ui-search-in-object/ui-search-in-object.component.html

@@ -1,27 +0,0 @@
-<div class="row">
-    <div class="col-md-6">
-        <div>
-            <h3>Base:</h3>
-            <pre>{{ base_object | json }}</pre>
-        </div>
-    </div>
-
-    <div class="col-md-6">
-
-        <table>
-            <tr>
-                <td><input class="tc-form-control" #_input_text type="text"></td>
-                <td><button type="button" (click)="buscar(_input_text.value)">Procurar</button></td>
-            </tr>
-        </table>
-        
-        <div>
-            <h3>Resultado:</h3>
-            <pre>{{ result_object | json }}</pre>
-        </div>
-
-    </div>
-</div>
-
-
-

package/src/app/pages/ui-search-in-object/ui-search-in-object.component.ts

@@ -1,28 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { TCloudUiSearchInObjectService } from 'projects/tcloud-ui/src/public-api';
-
-@Component({
-  selector: 'app-ui-search-in-object',
-  templateUrl: './ui-search-in-object.component.html',
-  styleUrls: ['./ui-search-in-object.component.scss']
-})
-export class UiSearchInObjectComponent implements OnInit {
-
-  base_object: any = [
-    {"name":"Rodrigo", "last_name": "Rea"},
-    {"name":"João", "last_name": "Alves"},
-    {"name":"Maria", "last_name": "Alves"},
-  ];
-  result_object: any[] = [];
-
-  constructor(
-    private searchInObjectService: TCloudUiSearchInObjectService
-  ) { }
-
-  ngOnInit(): void {
-  }
-
-  buscar(value: string){
-    this.result_object = this.searchInObjectService.meet(`${value}`, this.base_object);
-  }
-}

package/src/app/pages/ui-tab-menu/ui-tab-menu.component.html

@@ -1,31 +0,0 @@
-<tcloud-ui-tab-menu [active]="'item-id-A1'" [full]="true" (onChange)="changeTab($event)">
-    <tcloud-ui-tab-head [background]="false"> 
-        <tcloud-ui-tab-title [tab]="'item-id-A1'" [TCtooltip]="'Tab 1'" >Alterar Senha em Massa</tcloud-ui-tab-title>
-        <tcloud-ui-tab-title [tab]="'item-id-A2'" >Excluir usuários em massa</tcloud-ui-tab-title>
-        <tcloud-ui-tab-title [tab]="'item-id-A3'" >Aplicativos</tcloud-ui-tab-title>
-        <tcloud-ui-tab-title [tab]="'item-id-A4'" >Sessões</tcloud-ui-tab-title>
-    </tcloud-ui-tab-head>
-
-    <tcloud-ui-tab-content [tab]="'item-id-A1'" [hideContent]="true">Content 1</tcloud-ui-tab-content>
-    <tcloud-ui-tab-content [tab]="'item-id-A2'" [hideContent]="true">Content 2</tcloud-ui-tab-content>
-    <tcloud-ui-tab-content [tab]="'item-id-A3'" [hideContent]="true">Content 3</tcloud-ui-tab-content>
-
-</tcloud-ui-tab-menu>
-
-<br>
-<br>
-
-
-<tcloud-ui-tab-menu [active]="'item-id-1'" (onChange)="changeTab($event)">
-    <tcloud-ui-tab-head [background]="false"> 
-        <tcloud-ui-tab-subtitle [tab]="'item-id-1'" [TCtooltip]="'Tab 1'" >Alterar Senha em Massa</tcloud-ui-tab-subtitle>
-        <tcloud-ui-tab-subtitle [tab]="'item-id-2'" >Excluir usuários em massa</tcloud-ui-tab-subtitle>
-        <tcloud-ui-tab-subtitle [tab]="'item-id-3'" >Aplicativos</tcloud-ui-tab-subtitle>
-        <tcloud-ui-tab-subtitle [tab]="'item-id-4'" >Sessões</tcloud-ui-tab-subtitle>
-    </tcloud-ui-tab-head>
-
-    <tcloud-ui-tab-content [tab]="'item-id-1'" [hideContent]="true">Content 1</tcloud-ui-tab-content>
-    <tcloud-ui-tab-content [tab]="'item-id-2'" [hideContent]="true">Content 2</tcloud-ui-tab-content>
-    <tcloud-ui-tab-content [tab]="'item-id-3'" [hideContent]="true">Content 3</tcloud-ui-tab-content>
-
-</tcloud-ui-tab-menu>

package/src/app/pages/ui-tab-menu/ui-tab-menu.component.ts

@@ -1,19 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-ui-tab-menu',
-  templateUrl: './ui-tab-menu.component.html',
-  styleUrls: ['./ui-tab-menu.component.scss']
-})
-export class UiTabMenuComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-  changeTab(tab: any){
-
-  }
-
-}

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

@@ -1,37 +0,0 @@
-<tcloud-ui-table [striped]="true" [responsive]="true">
-
-    <thead tc-thead>
-        <tr>
-          <th TCalign="start">Nome</th>
-          <th TCalign="end">Email</th>
-          <th>Produtos</th>
-          <th>TCODE</th>
-          <th>Telefone</th>
-          <th>Status</th> 
-          <th>Ações</th>        
-        </tr>
-    </thead>
-
-    <tbody tc-tbody>      
-        <tr>
-            <td TCalign="start" tc-data-label="Nome">info</td>
-            <td TCalign="end" tc-data-label="Email">info</td>
-            <td tc-data-label="Produtos">info</td>
-            <td tc-data-label="TCODE">info</td>
-            <td tc-data-label="Telefone">info</td>
-            <td tc-data-label="Status">info</td>
-            <td tc-data-label="Ações">info</td>          
-        </tr>
-
-        <tr>
-            <td TCalign="start" tc-data-label="Nome">info</td>
-            <td TCalign="end" tc-data-label="Email">info</td>
-            <td tc-data-label="Produtos">info</td>
-            <td tc-data-label="TCODE">info</td>
-            <td tc-data-label="Telefone">info</td>
-            <td tc-data-label="Status">info</td>
-            <td tc-data-label="Ações">info</td>          
-        </tr>  
-    </tbody>
-
-</tcloud-ui-table>

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

@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-ui-table',
-  templateUrl: './ui-table.component.html',
-  styleUrls: ['./ui-table.component.scss']
-})
-export class UiTableComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}

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

@@ -1,65 +0,0 @@
-<div class="row">
-    <div class="col-md-3 text-center">
-        <span [TCtooltip]="'Tooltip TOP de Teste Tooltip E Teste TOP'" TCdirection="top">Tooltip top</span>
-    </div>
-
-    <div class="col-md-3 text-center">
-        <span TCtooltip="Tooltip RIGHT" TCdirection="right">Tooltip right</span>
-    </div>
-
-    <div class="col-md-3 text-center">
-        <span TCtooltip="Tooltip BOTTOM" TCdirection="bottom">Tooltip bottom</span>
-    </div>
-
-    <div class="col-md-3 text-center">
-        <span TCtooltip="Tooltip LEFT" TCdirection="left">Tooltip left</span>
-    </div>
-</div>
-
-<br>
-
-<div class="row">
-    <div class="col-md-3 text-center">
-        <span [TCtooltip]="'Tooltip TOP de Teste Tooltip E Teste TOP'" TCdirection="top">Tooltip top</span>
-    </div>
-
-    <div class="col-md-3 text-center">
-        <span TCtooltip="Tooltip RIGHT Tooltip RIGHT e Tooltip RIGHT <a href='http://google.com'>Google</a>" TCdirection="right">Tooltip right</span>
-    </div>
-
-    <div class="col-md-3 text-center">
-        <span TCtooltip="Tooltip BOTTOM e Tooltip BOTTOM e depois Tooltip BOTTOM" TCdirection="bottom">Tooltip bottom</span>
-    </div>
-
-    <div class="col-md-3 text-center">
-        <span TCtooltip="Tooltip LEFT com Tooltip LEFT e também Tooltip LEFT" TCdirection="left">Tooltip left</span>
-    </div>
-</div>
-
-<hr>
-
-<div class="row">
-    <div class="col-md-3 text-center">
-        <span [TCtooltip]="_content_test_tooltip" TCdirection="top">Tooltip with NgTemplate Does not work</span>
-    </div>
-</div>
-
-
-<br><br>
-<!-- <div class="tc-directive-tooltip tc-directive-tooltip-top" style="position: absolute;  display: none; padding: 10px; border-radius: 10px; text-align: center; width: max-content; max-width: 250px; z-index: 1090; top: 236px; left: 491px;" >
-    Teste
-</div> -->
-
-<!-- <div id="tc-tooltip-56446008619-top" style="
-      
-      top: 236px;
-      left: 491px;
-    " class="tc-directive-tooltip tc-directive-tooltip-top">Tooltip TOP</div> -->
-
-    <ng-template #_content_test_tooltip>
-        Tooltip Teste com uso de ng-template
-        <a href='http://google.com'>Google</a>
-    </ng-template>
-
-
-    <div class="tooltip fade bs-tooltip-top show" role="tooltip" id="tooltip564045" style="will-change: transform; position: absolute; transform: translate3d(311px, 1685px, 0px); top: 0px; left: 0px;" x-placement="top"><div class="arrow" style="left: 45px;"></div><div class="tooltip-inner">Tooltip on top</div></div>

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

@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-ui-tooltip',
-  templateUrl: './ui-tooltip.component.html',
-  styleUrls: ['./ui-tooltip.component.scss']
-})
-export class UiTooltipComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}

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

@@ -1,6 +0,0 @@
-<tcloud-ui-welcome
-    [imgSrc]="'https://tcloud.totvs.com.br/assets/img/commercial-event-art.svg'"
-    [title]="'Bem vindo a Janela de Manutenções Programadas'"
-    [description]="description">
-    <button class="tc-btn tc-btn-primary" type="button">Criar Agendamentos</button>
-</tcloud-ui-welcome>

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

@@ -1,19 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-ui-welcome',
-  templateUrl: './ui-welcome.component.html',
-  styleUrls: ['./ui-welcome.component.scss']
-})
-export class UiWelcomeComponent implements OnInit {
-
-  description: string = `
-  <p>Aqui você pode criar agendamentos, utilizando as ações disponíveis no catálogo de ações do seu ambiente.</p>
-  <p>Se você precisa agendar uma ação solicitada por alguma manutenção programada pela TOTVS que gere indisponibilidade, acesse o menu lateral: "Janela de Manutenção" - "Agendamentos Pendentes" </p>`;
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}