@dev-tcloud/tcloud-ui 0.1.23 → 2.0.0

package/projects/tcloud-ui/src/lib/_pipes/datebr.ts

@@ -0,0 +1,80 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({ name: 'datebr'})
+export class DateBRPipe implements PipeTransform {
+    mascara: string = "##/##/####";
+    createMask(v: any){
+        const mask = this.mascara;
+        let str = v.replace(/\s/g,'');
+        let strMask = '';
+        if( str.length <= 10 ){
+            let j = 0;
+            for( let i = 0; i < mask.length; i++){
+                if( mask[i] == '#' ){
+                    strMask += str[j++];
+                }else{
+                    strMask += mask[i];
+                }
+            }
+        }else{
+            return v;
+        }
+        return strMask;
+    }
+
+    createMask4(v: any){
+        const mask = "##/##";
+        let str = v.replace(/\s/g,'');
+        let strMask = '';
+        if( str.length <= 10 ){
+            let j = 0;
+            for( let i = 0; i < mask.length; i++){
+                if( mask[i] == '#' ){
+                    strMask += str[j++];
+                }else{
+                    strMask += mask[i];
+                }
+            }
+        }else{
+            return v;
+        }
+        return strMask;
+    }
+
+    create_mask(v: string, _mask: string){
+        const mask = _mask;
+        let str = v.replace(/\s/g,'');
+        let strMask = '';
+        if( str.length <= 10 ){
+            let j = 0;
+            for( let i = 0; i < mask.length; i++){
+                if( mask[i] == '#' ){
+                    strMask += str[j++];
+                }else{
+                    strMask += mask[i];
+                }
+            }
+        }else{
+            return v;
+        }
+        return strMask;
+    }
+
+    transform(v: string): string{  
+        
+        if( v ){
+
+            v = (v).replace(/\//g, "");
+
+            if( (v).length == 1 ){  return this.create_mask(v,'#'); }
+            if( (v).length == 2 ){  return this.create_mask(v,'##/'); }
+            if( (v).length == 3 ){  return this.create_mask(v,'##/#'); }
+            if( (v).length == 4 ){  return this.create_mask(v,'##/##'); }
+            if( (v).length == 5 ){  return this.create_mask(v,'##/##/#'); }
+            if( (v).length == 6 ){  return this.create_mask(v,'##/##/##'); }
+            if( (v).length == 7 ){  return this.create_mask(v,'##/##/###'); }
+            return this.create_mask(v,'##/##/####');
+        }
+        return '';
+    }
+}

package/{lib/_pipes/index.d.ts → projects/tcloud-ui/src/lib/_pipes/index.ts}

@@ -5,4 +5,4 @@ export * from './cnpj';
 export * from './cpf';
 export * from './bytes';
 export * from './datebr';
-export * from './array-to-text';
+export * from './array-to-text';

package/projects/tcloud-ui/src/lib/_pipes/monthname.ts

@@ -0,0 +1,23 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({ name: 'monthname'})
+export class MonthNamePipe implements PipeTransform {
+
+    meses: string[] = ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'];
+   
+
+    transform(yyyy_mm: string): string{
+
+      if( yyyy_mm !== '' ){
+
+        let part = (yyyy_mm).split('-');
+        if( (part).length === 2 ){
+          let yyyy  = +part[0];
+          let mm    = +part[1];
+
+          return this.meses[(mm-1)];
+        }
+      }
+      return '';
+    }
+}

package/projects/tcloud-ui/src/lib/_pipes/respective.ts

@@ -0,0 +1,79 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({ name: 'respective'})
+export class RespectivePipe implements PipeTransform {
+
+    map = [
+      // Tipos de Ambientes
+      { key: 'production',  value: 'Produção' },
+      { key: 'development', value: 'Desenvolvimento' },
+      { key: 'qa', value: 'Qualidade' },
+
+      // Implantação / Migração
+      { key: 'golive',  value: 'Pré GoLive' },
+      { key: 'kickoff', value: 'Kickoff' },
+
+      // Tipos de Clientes
+      { key: 'prime', value: 'Prime' },
+      { key: 'p', value: 'Pequeno' },
+      { key: 'm', value: 'Médio' },
+      { key: 'g', value: 'Grande' },
+
+      // Produtos
+      { key: '2c', value: 'Carol' },
+      { key: 'carol', value: 'carol' },
+      { key: 'consinco', value: 'Consinco' },
+      { key: 'datasul', value: 'Datasul' },
+      { key: 'fluig', value: 'Fluig' },
+      { key: 'license-server', value: 'License Server' },
+      { key: 'pep', value: 'PEP' },
+      { key: 'protheus', value: 'Protheus' },
+      { key: 'pvi', value: 'PVI' },
+      { key: 'rm', value: 'RM' },
+      { key: 'sfa', value: 'SFA' },
+      { key: 'smartrm', value: 'Smart RM' },
+      { key: 'smartrmcluster', value: 'Smart RM Cluster' },
+      { key: 'smartrmcontrol', value: 'Smart RM Control' },
+      { key: 'taf', value: 'TAF' },
+      { key: 'treports', value: 'Treports' },
+      { key: 'tss', value: 'TSS' },
+      { key: 'winthor', value: 'Winthor' },
+
+      // Tipos de SO
+      { key: 'windows',  value: 'Windows' },
+      { key: 'linux', value: 'Linux' },
+
+      // Tipos responsaveis
+      { key: 'prime_customer_success', value: 'Customer Success' },
+      { key: 'project_manager', value: 'Gerente de Projetos' },
+      { key: 'prime_engineer', value: 'Engenheiro Prime' }
+
+    ];
+   
+
+    transform(v: any): string{
+
+      if( v !== undefined && v !== null && v !== '' ){
+
+        if( typeof v === 'string' ){
+          for( let i = 0; i < (this.map).length; i++ ){
+            let custom_v = v;
+            custom_v = (custom_v).toLowerCase();
+            custom_v = (custom_v).trim();
+            custom_v = (custom_v).replace(/\_/g, "-");
+            const current_key = (this.map[i].key).replace(/\_/g, "-");
+            if( (custom_v).toLowerCase() === current_key ){
+              return `${this.map[i].value}`;
+            }
+          }
+        }else{
+          return '';
+        }
+        
+        
+      }
+      return `${v}`;
+    }
+
+    
+}

package/projects/tcloud-ui/src/lib/_pipes/statusinfo.ts

@@ -0,0 +1,79 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({ name: 'statusinfo'})
+export class StatusInfoPipe implements PipeTransform {
+
+    status_default = [
+      { key: 'SUCCEEDED',     value: 'Finalizado' },
+      { key: 'PENDING',       value: 'Pendente' },
+      { key: 'FAILED',        value: 'Erro' },
+      { key: 'RUNNING',       value: 'Em andamento' },
+      { key: 'REGISTRATION',  value: 'Cadastro Pendente' },
+      { key: 'SUCCEED',       value: 'Finalizado' },
+      { key: 'WAITING',       value: 'Aguardando' },
+      { key: 'REJECTED',      value: 'Rejeitado' },
+    ];
+
+    status_proposal = [
+      { key: 'SUCCEEDED',     value: 'Finalizado' },
+      { key: 'PENDING',       value: 'Aguardando Aprovação' },
+      { key: 'FAILED',        value: 'Erro' },
+      { key: 'RUNNING',       value: 'Provisionando Ambientes' },
+      { key: 'REGISTRATION',  value: 'Cadastro Pendente' },
+      { key: 'SUCCEED',       value: 'Finalizado' },
+      { key: 'WAITING',       value: 'Provisionando Ambientes' },
+      { key: 'REJECTED',      value: 'Rejeitada' },
+    ];   
+
+    transform(status_name: any, tema?: string): string{
+
+      let map_tema = this.status_default;
+
+      if( tema && tema !== undefined){
+        switch (tema) {
+          case 'proposal': map_tema = this.status_proposal; break;
+        }
+      }
+
+      let status_name_in_search = '';  
+      if( tema && tema === 'ALL'){
+
+        map_tema = this.status_default;
+        if( status_name !== undefined && status_name !== null && `${status_name}` !== '' ){
+          for( let i = 0; i < (map_tema).length; i++ ){
+            if( (`${status_name}`).toLowerCase() === (`${map_tema[i].key}`).toLowerCase() ){
+              status_name_in_search += ' ' + map_tema[i].value;
+              break;
+            }
+          }
+        }
+
+        map_tema = this.status_proposal;
+        if( status_name !== undefined && status_name !== null && `${status_name}` !== '' ){
+          for( let i = 0; i < (map_tema).length; i++ ){
+            if( (`${status_name}`).toLowerCase() === (`${map_tema[i].key}`).toLowerCase() ){
+              status_name_in_search += ' ' + map_tema[i].value;
+              break
+            }
+          }
+        }
+
+      }else{
+        if( status_name !== undefined && status_name !== null && `${status_name}` !== '' ){
+          for( let i = 0; i < (map_tema).length; i++ ){
+            if( (`${status_name}`).toLowerCase() === (`${map_tema[i].key}`).toLowerCase() ){
+              status_name_in_search += ' ' + map_tema[i].value;
+              break;
+            }
+          }
+        }
+      }
+
+
+      if( status_name_in_search !== '' ){
+        return status_name_in_search;
+      }
+
+      return status_name;
+    }
+}

package/projects/tcloud-ui/src/lib/_pipes/tcloud-pipes.module.ts

@@ -0,0 +1,46 @@
+import { NgModule } from '@angular/core';
+import { CommonModule, DatePipe } from '@angular/common';
+
+import { MonthNamePipe, StatusInfoPipe, RespectivePipe, CNPJPipe, BytesPipe, CPFPipe, DateBRPipe, ToTextPipe } from '../_pipes';
+
+@NgModule({
+  imports: [
+    CommonModule,    
+  ],
+  declarations: [
+
+    MonthNamePipe,
+    StatusInfoPipe,
+    RespectivePipe,
+    CNPJPipe,
+    CPFPipe,
+    BytesPipe,
+    DateBRPipe,
+    ToTextPipe
+  ],
+  exports: [  
+    DatePipe,
+
+    MonthNamePipe,
+    StatusInfoPipe,
+    RespectivePipe,
+    CNPJPipe,
+    CPFPipe,
+    BytesPipe,
+    DateBRPipe,
+    ToTextPipe
+  ],
+  providers: [
+    DatePipe,
+
+    MonthNamePipe,
+    StatusInfoPipe,
+    RespectivePipe,
+    CNPJPipe,
+    CPFPipe,
+    BytesPipe,
+    DateBRPipe,
+    ToTextPipe
+  ]
+})
+export class TCloudUiPipesModule { }

package/projects/tcloud-ui/src/lib/_services/loading-transitions.service.ts

@@ -0,0 +1,59 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class TCloudUiLoadingTransitionsService {
+
+    
+
+    private ID: string = 'tcloud-ui-loading-transitions';
+
+    constructor(
+    ) {}
+
+    /**
+     * Inicia a tela de bloqueio para carregamento de tarefa
+     */
+    start(){
+        this.create_loading_transition();
+        if( document.getElementById(this.ID) ){
+            const box = document.getElementById(this.ID);
+            box?.classList.add('tcloud-ui-start-loading');
+        }
+    }
+
+    /**
+     * Encerra a tela de bloqueio
+     */
+    stop(){
+        if( document.getElementById(this.ID) ){
+            const box = document.getElementById(this.ID);
+            box?.classList.remove('tcloud-ui-start-loading');
+
+            const body = document.getElementsByTagName('body')[0];
+            body.classList.remove('tcloud-ui-body-loading-transitions');
+        }
+    }
+
+    private create_loading_transition(){
+        let box = null as any;
+        if( document.getElementById(this.ID) ){
+            box = document.getElementById(this.ID);
+        }else{
+            box = document.createElement("div");
+            box.setAttribute('id', this.ID);
+            
+        }  
+
+        box.style.display = 'none';
+        box.innerHTML = `<div class="tc-loading-icon"><i class="fas fa-spinner fa-spin"></i></div>`;
+
+        const body = document.getElementsByTagName('body')[0];
+        body.appendChild(box);
+        body.classList.add('tcloud-ui-body-loading-transitions');
+    }
+
+
+
+}

package/projects/tcloud-ui/src/lib/_services/search-in-object.service.ts

@@ -0,0 +1,100 @@
+import { DatePipe } from '@angular/common';
+import { Injectable } from '@angular/core';
+import { StatusInfoPipe } from '../_pipes';
+
+@Injectable({
+  providedIn: 'root',  
+})
+export class TCloudUiSearchInObjectService {
+
+  constructor(
+    private datepipe: DatePipe,
+    private statusinfo: StatusInfoPipe
+  ) { }
+
+  private isADate(d: any){
+    if( d &&  d instanceof Date && !isNaN( d.valueOf()) ){
+      if (Object.prototype.toString.call(d) === "[object Date]") {;
+        if (isNaN(d.getTime())) {
+          return false;
+        } else {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+
+  private normalize(text: any): string{
+    const v = ( ( (`${text}`).normalize('NFD').replace(/[\u0300-\u036f]/g, "") ).trim() ).toLowerCase();
+    return v;
+  }
+
+  /**
+   * meet - Procura em object - filtro utilizado para busca em tabelas
+   * @param valor texto a ser procurado
+   * @param emObject object alvo de onde procurar
+   * @param camposDebusca (Opcional) informa em quais são as keys que deverá procurar 
+   */
+  meet(valor: string, emObject: any, camposDebusca?: any): any{
+    if (valor != ""){
+
+      if( emObject.length < 1 ){
+        return emObject;
+      }
+      if( camposDebusca === undefined || camposDebusca === null ){
+        camposDebusca = [];
+        for (const key in emObject[0]) {
+          camposDebusca.push( key );
+        }
+      }
+
+      if( camposDebusca.length < 1 ){
+        return emObject;
+      }
+      
+      let isObject = false;
+
+      valor = this.normalize(valor);
+      var result=[];                
+      for (const key in emObject) {
+        var oObject = emObject[key];
+        if (oObject && (typeof oObject === 'object') ){
+          isObject = true;
+          for( const objectvalue of camposDebusca ){
+            const dt = new Date(oObject[objectvalue])
+            if( this.isADate(dt) && typeof ((dt).getMonth) === 'function' ){
+              const data1 = this.datepipe.transform(dt, 'dd/MM/yyyy hh:mm');
+              const data2 = this.datepipe.transform(dt, 'medium');
+              const strToTest = this.normalize(data1+" "+data2+" "+oObject[objectvalue]);
+              if( (strToTest.indexOf(valor)>=0) && (result).indexOf(oObject) == -1 ){
+                result.push(oObject); break;
+              }
+            } else {
+              const strToTest = this.normalize(this.statusinfo.transform(oObject[objectvalue], 'ALL')+"");            
+              if( (strToTest.indexOf(valor)>=0) && (result).indexOf(oObject) == -1 ){
+                result.push(oObject); break;
+              }
+            }
+          } 
+        }
+      }
+
+      if( emObject && typeof emObject === 'object' && Array.isArray(emObject) && !isObject ){
+        // is array 
+        const v = this.normalize(`${valor}`);
+        for( let i = 0; i < (emObject).length; i++ ){
+          const item = this.normalize(`${emObject[i]}`);
+          if( item.includes(v) || item === v ){
+            result.push(emObject[i]);
+          }
+        }
+      }
+
+
+      return result;
+    }
+    return emObject;
+  }
+
+}

package/projects/tcloud-ui/src/lib/tcloud-ui.module.ts

@@ -0,0 +1,98 @@
+import { NgModule } from '@angular/core';
+
+import { TCloudUiLinhaLogoModule } from './_modules/tcloud-ui-linha-logo/tcloud-ui-linha-logo.module';
+import { TCloudUiTabMenuModule } from './_modules/tcloud-ui-tab-menu/tcloud-ui-tab-menu.module';
+import { TCloudUiModalModule } from './_modules/tcloud-ui-modal/tcloud-ui-modal.module';
+import { TCloudUiLineStepCircleModule } from './_modules/tcloud-ui-line-step-circle/tcloud-ui-line-step-circle.module';
+import { TCloudUiMultiSelectModule } from './_modules/tcloud-ui-multi-select/tcloud-ui-multi-select.module';
+import { TCloudUiDataListModule } from './_modules/tcloud-ui-data-list/tcloud-ui-data-list.module';
+import { TCloudUiChoiceIssuesModule } from './_modules/tcloud-ui-choice-issues/tcloud-ui-choice-issues.module';
+import { TCloudUiMultiInputModule } from './_modules/tcloud-ui-multi-input/tcloud-ui-multi-input.module';
+import { TCloudUiInputSearchModule } from './_modules/tcloud-ui-input-search/tcloud-ui-input-search.module';
+import { TCloudUiNotFoundModule } from './_modules/tcloud-ui-not-found/tcloud-ui-not-found.module';
+import { TCloudUiTableModule } from './_modules/tcloud-ui-table/tcloud-ui-table.module';
+import { TCloudUiNumberStepModule } from './_modules/tcloud-ui-number-step/tcloud-ui-number-step.module';
+import { TCloudUiScrollBoxModule } from './_modules/tcloud-ui-scroll-box/tcloud-ui-scroll-box.module';
+import { TCloudUiFiltersModule } from './_modules/tcloud-ui-filters/tcloud-ui-filters.module';
+import { TCloudUiAccordionModule } from './_modules/tcloud-ui-accordion/tcloud-ui-accordion.module';
+import { TCloudUiDatepickerModule } from './_modules/tcloud-ui-datepicker/tcloud-ui-datepicker.module';
+import { TCloudUiDatepickerTimeModule } from './_modules/tcloud-ui-datepicker-time/tcloud-ui-datepicker-time.module';
+
+import { TCloudUiDirectiveModule } from './_directives/directives.module';
+
+import { TCloudUiPipesModule } from './_pipes/tcloud-pipes.module';
+
+import { TCloudUiLoadingTransitionsService } from './_services/loading-transitions.service';
+import { TCloudUiSearchInObjectService } from './_services/search-in-object.service';
+import { TCloudUiMultiplesValuesModule } from './_modules/tcloud-ui-multiples-values/tcloud-ui-multiples-values.module';
+import { TCloudUiWelcomeModule } from './_modules/tcloud-ui-welcome/tcloud-ui-welcome.module';
+import { TCloudUiInputPasswordModule } from './_modules/tcloud-ui-input-password/tcloud-ui-input-password.module';
+import { TCloudUiProgressBarModule } from './_modules/tcloud-ui-progress-bar/tcloud-ui-progress-bar.module';
+
+
+@NgModule({
+    imports: [
+        TCloudUiModalModule,
+        TCloudUiTabMenuModule,
+        TCloudUiLinhaLogoModule,
+        TCloudUiLineStepCircleModule,
+        TCloudUiMultiSelectModule,
+        TCloudUiDataListModule,
+        TCloudUiMultiInputModule,
+        TCloudUiChoiceIssuesModule,
+        TCloudUiInputSearchModule,
+        TCloudUiNotFoundModule,
+        TCloudUiTableModule,
+        TCloudUiNumberStepModule,
+        TCloudUiScrollBoxModule,
+        TCloudUiFiltersModule,
+        TCloudUiAccordionModule,
+        TCloudUiDatepickerModule,
+        TCloudUiDatepickerTimeModule,
+        TCloudUiMultiplesValuesModule,
+        TCloudUiWelcomeModule,
+        TCloudUiInputPasswordModule,
+        TCloudUiProgressBarModule,
+
+        // Directives
+        TCloudUiDirectiveModule,
+
+        // Pipes
+        TCloudUiPipesModule
+    ],
+    exports: [
+        TCloudUiModalModule,
+        TCloudUiTabMenuModule,
+        TCloudUiLinhaLogoModule,
+        TCloudUiLineStepCircleModule,
+        TCloudUiMultiSelectModule,
+        TCloudUiDataListModule,
+        TCloudUiMultiInputModule,
+        TCloudUiChoiceIssuesModule,
+        TCloudUiInputSearchModule,
+        TCloudUiNotFoundModule,
+        TCloudUiTableModule,
+        TCloudUiNumberStepModule,
+        TCloudUiScrollBoxModule,
+        TCloudUiFiltersModule,
+        TCloudUiAccordionModule,
+        TCloudUiDatepickerModule,
+        TCloudUiDatepickerTimeModule,
+        TCloudUiMultiplesValuesModule,
+        TCloudUiWelcomeModule,
+        TCloudUiInputPasswordModule,
+        TCloudUiProgressBarModule,
+
+        // Directives
+        TCloudUiDirectiveModule,
+
+        // Pipes
+        TCloudUiPipesModule
+    ],
+    providers: [
+        TCloudUiLoadingTransitionsService,
+        TCloudUiSearchInObjectService,
+        
+    ]
+})
+export class TCloudUiModule {}