@sapphire-ion/framework 1.2.41 → 1.2.43

package/src/lib/classes/infinite-scroll.ts

@@ -0,0 +1,112 @@
+import { InfiniteScrollCustomEvent } from "@ionic/angular";
+
+/**
+ * @deprecated
+ */
+export class InfiniteScroll {
+  public configuration: InfiniteScrollConfiguration;
+
+  private console: InfiniteScrollConsole;
+  
+  constructor(configuration: InfiniteScrollConfiguration){
+    this.configuration = configuration;
+    
+    this.console = new InfiniteScrollConsole(configuration.logging);
+  } 
+
+  get pushTreshhold(): number { return this.configuration.pushTreshold } 
+
+  private originalArray: any[] = [];
+  public internalArray: any[] = [];
+
+  public array: any[] = [];
+
+  get CanScroll(): boolean{
+    return this.array.length != this.internalArray.length
+  }
+  get NoItems(): boolean{
+    return this.array.length == 0;
+  }
+
+  public PushItens(event? : InfiniteScrollCustomEvent): void {
+    const minimum = this.array.length;
+    const size    = this.array.length + this.pushTreshhold;
+
+    for (let i = minimum; i < size; i++) {
+      this.console.log("[ Pushing @ ]", i, minimum, size, this.originalArray.length)
+      if(i > this.originalArray.length){ 
+        this.console.warn("[ Warning! ] [ End of array! ]"); 
+        break; 
+      }
+
+      const data = this.internalArray[i];
+      if(data){ this.array.push(data); }
+    }
+
+    if(event){ event.target.complete(); }
+  }
+
+  public search: string = "";
+  
+  public SetArray(array: any[]){
+    this.originalArray = array;
+    this.internalArray = array;
+    this.array        = [];
+  }
+  
+  public Search(){
+    this.internalArray = [];
+    this.array         = [];
+  
+    var search: string = this.search.toLowerCase();
+
+    this.originalArray.forEach(el => {
+      var hidden: boolean = true;
+      const lbl = this.getLabel(el).toLowerCase();
+      try{
+        hidden = !lbl.includes(search);
+      }catch{ 
+        this.console.warn("[ Error in searching @ object! ]", this.configuration, el) 
+      }
+
+      if(!hidden){ this.internalArray.push(el); }
+    });
+
+    this.PushItens();
+  }
+
+  private getLabel(item: any): string{
+    return typeof(this.configuration.bindLabel) == 'function' ? this.configuration.bindLabel(item) + '' : item[this.configuration.bindLabel] + ''
+  }
+}
+  
+export class InfiniteScrollConfiguration{
+  bindLabel    : string | ((...args: any[]) => string);
+  pushTreshold : number   = 50;
+  logging      : boolean = false;
+  constructor(bindLabel: string | ((...args: any[]) => string) = "nome", pushTreshold: number = 50, logging: boolean = false){
+    this.bindLabel    = bindLabel
+    this.pushTreshold = pushTreshold
+    this.logging      = logging
+  }
+}
+
+class InfiniteScrollConsole {
+  private logging: boolean = false;
+  constructor(logging: boolean){
+    this.logging = logging;
+    const _ = ((...args: any[]) : void => { return; })
+    this.warn  = _;
+    this.log   = _;
+    this.error = _;
+    if(logging){
+      this.log   = console.log;
+      this.warn  = console.warn;
+      this.error = console.error;
+    }
+  }
+
+  warn  : ((...args: any[]) => void );
+  log   : ((...args: any[]) => void );
+  error : ((...args: any[]) => void );
+}

package/src/lib/classes/inputs/table-field-form-builder.ts

@@ -0,0 +1,12 @@
+import { FormBuilder, FormGroup } from "@angular/forms";
+import { TableField } from "./table-field";
+
+export class TableFieldFormBuilder {
+  static create<T = any>(lstTableFields: TableField[], fb: FormBuilder): FormGroup{
+    const frm: FormGroup = fb.group({});
+    for (const field of lstTableFields) {
+      frm.addControl(field.index, field.formControl);
+    }
+    return frm;
+  }
+}

package/src/lib/classes/inputs/table-field.ts

@@ -0,0 +1,62 @@
+import { FormControl } from "@angular/forms";
+import { Comparison } from "../comparison/comparison";
+import { InputType } from "../../components/inputs/input-type";
+
+import { InputDecimalConfiguration, InputCurrencyConfiguration, InputNumberConfiguration } from '../../components/inputs/input-decimal/input-decimal.configuration';
+import { InputStringConfiguration } from '../../components/inputs/input-string/input-string.configuration';
+import { InputCpfCnpjConfiguration } from "../../components/inputs/input-cpf-cnpj/input-cpf-cnpj.configuration";
+import { InputSelectConfiguration } from '../../components/inputs/input-select/input.select.configuration';
+import { InputDateConfiguration } from '../../components/inputs/input-date/input-date.configuration';
+import { InputFileConfiguration } from '../../components/inputs/input-file/input-file.configuration';
+import { InputBoolConfiguration } from '../../components/inputs/input-bool/input-bool.configuration';
+import { InputConfiguration } from "../../components/inputs/input-configuration";
+
+export class TableField{
+  class     : string = "xl:col-span-3 md:col-span-6 col-span-full"
+  hiddenView: boolean = false;
+  hidden    : boolean = false;
+  filter    : Comparison[] = [];
+
+  private SelectDisableMultiple(){
+    if(this.type == InputType.Select && this.configuration){
+      return this.configuration.multiple;
+    }
+    return false;
+  }
+  disabledChange(): boolean {
+    return this.filter.some(p => p.disableChange) || this.SelectDisableMultiple();
+  };
+
+
+  constructor(
+    public header: string, 
+    public index : string, 
+    public formControl  : FormControl | null, 
+    public type         : InputType   | null, 
+    public configuration: InputConfiguration | null = null,
+    public disabled     : boolean = false
+  ){
+    if(configuration){ this.configuration = configuration }
+    else{
+      if(TableField.dateTypes.includes(type)){ this.configuration = new InputDateConfiguration() } else
+      if(type == InputType.CpfCnpj ){ this.configuration = new InputCpfCnpjConfiguration("CPFCNPJ") }else
+      if(type == InputType.Cpf     ){ this.configuration = new InputCpfCnpjConfiguration("CPF")     }else
+      if(type == InputType.Cnpj    ){ this.configuration = new InputCpfCnpjConfiguration("CNPJ")    }else
+      if(type == InputType.File    ){ this.configuration = new InputFileConfiguration()     }else
+      if(type == InputType.Number  ){ this.configuration = new InputNumberConfiguration()   }else
+      if(type == InputType.Decimal ){ this.configuration = new InputDecimalConfiguration()  }else
+      if(type == InputType.Currency){ this.configuration = new InputCurrencyConfiguration() }else
+      if(type == InputType.String  ){ this.configuration = new InputStringConfiguration()   }else
+      if(type == InputType.Select  ){ this.configuration = new InputSelectConfiguration()   }else
+      if(type == InputType.TextArea){ 
+        this.configuration = new InputStringConfiguration(); 
+        this.class = "col-span-full"                          
+      }else 
+      if(type == InputType.Bool    ){ 
+        this.configuration = new InputBoolConfiguration(); 
+        if(this.formControl.value == null){ this.formControl.setValue(false); } 
+      }
+    }
+  }
+  private static readonly dateTypes = [InputType.Date, InputType.DateTime, InputType.Time];
+}

package/src/lib/classes/page-option.ts

@@ -0,0 +1,8 @@
+
+/** Opções de paginação */
+export interface PageOption {
+  /** Quantidade de entidades a serem buscadas, se igual a null, busca todos os valores */
+  value: number | null; 
+  /** Texto a ser exibido no select de listagem */
+  label: string;
+}

package/src/lib/classes/routes/default-routing-factory.ts

@@ -0,0 +1,24 @@
+import { Routes } from "@angular/router";
+
+export class DefaultRoutingFactory{
+  /** Retorna as rotas padrões, incluindo listagem, view(novo) e view:id
+   * @param ListComponent Componente de listagem a ser invocado
+   * @param ViewCompnent Componente de listagem a ser invocado
+   */
+  public static GetRoutes(ListComponent, ViewCompnent): Routes{
+    return [
+      {
+        path: '',
+        component: ListComponent
+      },
+      {
+        path: 'view',
+        component: ViewCompnent
+      },
+      {
+        path: 'view/:id',
+        component: ViewCompnent,
+      }
+    ]
+  } 
+}

package/src/lib/classes/routes/id-preloader-configuration.ts

@@ -0,0 +1,21 @@
+import { Comparison } from "../comparison/comparison";
+
+/** Configuração de rota: Automaticamente aplica o id de uma rota superior para a filtragem de uma listagem de uma tebela filha
+ * * A propriedade precisa existir no seu determinado service para ser aplicado
+ */
+export class idPreloaderConfiguration{
+  constructor(
+    /** Propriedade no banco de dados a ser comparada */
+    public propertyName: string,
+    /** 
+     * Se idPreloaderChange == true  : o valor PODERÁ ser modificado na listagem pelo usuário
+     * Se idPreloaderChange == false : o valor NÃO poderá ser modificado na listagem pelo usuário
+     * */
+    public disableChange: boolean = false,
+
+    /** Profundidade da rota para buscar o parametro :id
+     * Valor minimo é 0
+     */
+    public routeDepth   : number = 2,
+  ){ }
+}

package/src/lib/classes/routes/route-data.ts

@@ -0,0 +1,9 @@
+import { idPreloaderConfiguration } from "./id-preloader-configuration";
+
+export class RouteData{
+  idPreloaderConfiguration: idPreloaderConfiguration | null = null;
+  
+  constructor(data: Partial<RouteData>){
+    if(data.idPreloaderConfiguration){ this.idPreloaderConfiguration = data.idPreloaderConfiguration }
+  }
+}