keevo-components 1.5.189 → 1.5.191

package/src/lib/api/base-components/base-component.ts

@@ -0,0 +1,46 @@
+import { Component, Input } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
+import { Subject } from "rxjs";
+
+@Component({
+  template: ''
+})
+export abstract class BaseComponent<T> implements ControlValueAccessor {
+
+  protected stateChanges: Subject<void> = new Subject();
+  protected onChange!: (value: T) => void;
+  protected onTouched!: () => void;
+  protected _value!: T;
+
+  @Input('required') isRequired: boolean = false;
+
+  public set value(value: T) {
+    this._value = value;
+    if (this.onChange) this.onChange(value);
+    this.stateChanges.next();
+  }
+
+  public get value(): T {
+    return this._value;
+  }
+
+  @Input() componentId!: string;
+  @Input() label!: string;
+  @Input() disabled: boolean = false;
+
+  registerOnChange(fn: any): void {
+    this.onChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+    this.onTouched = fn;
+  }
+
+  setDisabledState?(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  writeValue(value: T): void {
+    this.value = value;
+  }
+}

package/src/lib/api/components/chart/chart.config.ts

@@ -0,0 +1,12 @@
+export interface ChartConfig {
+  labels: string[];
+  datasets: ChartDatasetConfig[];
+}
+
+export interface ChartDatasetConfig {
+  label?: string;
+  backgroundColor: string[];
+  hoverBackgroundColor: string[];
+  borderColor?: string[];
+  data: number[];
+}

package/src/lib/api/components/chart/chart.model.ts

@@ -0,0 +1,9 @@
+export interface chartModel {
+  labels: string;
+  numDatasets: number;
+  labelDataset?: string;
+  datasets: number;
+  backgroundColor: string;
+  hoverBackgroundColor?: string;
+  borderColor?: string;
+}

package/src/lib/api/components/chart/orchart.config.ts

@@ -0,0 +1,41 @@
+export default interface OrgChartConfig{
+
+
+  /**
+   * @type {string}
+   * Esse item espera uma string html template
+   * (no formato angular com interpolação de variaveis via {{data.'PROPIEDADE DESEJADA'}})
+   * Todos os dados expostos na propiedade data de
+   * cada item estão acessiveis pelo objeto data;
+   * Para realizar interpolação, referencie data entre {{}} e a chave desejada;
+   ** Exemplo: ` <h1> Nome: {{data.nome}} </h1>  `
+   *
+   */
+  templateItem: string;
+
+  /**
+   * @type {number}
+   * Esse item espera receber a largura media do card, para calculo do icone de collapse
+   */
+  cardWidht: number;
+
+  /**
+   * @type {number}
+   * Esse item espera receber a altura media do card, para calculo do icone de collapse
+   */
+  cardHeight: number;
+
+  /**
+   * @type {string}
+   * Esse item espera receber a cor das connections
+   * * Default { #d6d6d6 }
+   */
+  connectionColor?: string;
+
+    /**
+   * @type {number}
+   * Esse item espera receber a cor das connections
+   * * Default { 2 }
+   */
+    conectionWidth?: number;
+}

package/src/lib/api/components/chart/orchart.item.ts

@@ -0,0 +1,33 @@
+export default interface OrgChartItem{
+
+  /**
+   * @type {number}
+   * Esse item espera receber o identificador do card
+   */
+  id: number;
+
+  /**
+   * @type {number | null}
+   * Esse item espera receber o identificador do card pai desse card
+   * * Aceita null no caso de ser o nó root
+   *
+   * @warning Caso tenha mais de um objeto com {{ parentId: null }} havera um erro de multiplos roots
+   */
+  parentId: number | null;
+
+
+  /**
+   * @type {object}
+   * Esse item espera receber os dados do card
+   * @warning Mantenha a consistencia de dados, caso tente acessar um dado que não exista em outro objeto havera um erro
+   */
+  data: object;
+
+
+  /**
+   * @type {object | undefined}
+   * Esse item espera receber um template personalizado para este nó em especifico
+   */
+  template?: string;
+  // [key: string]: any;
+}

package/src/lib/api/components/dropdown/filtro.combo.ts

@@ -0,0 +1,4 @@
+export interface filtroCombo {
+  id: string;
+  termoPesquisa: string;
+}

package/src/lib/api/components/error/error.component.html

@@ -0,0 +1,3 @@
+<small id="error-message" class="p-error block" style="height: 0px !important;" >
+  <ng-content *ngIf="hasError"></ng-content>
+</small>

package/src/lib/api/components/error/error.component.scss

@@ -0,0 +1,5 @@
+#error-message {
+    left: 1px;
+    font-size: 0.80rem !important;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
+}

package/src/lib/api/components/error/error.component.ts

@@ -0,0 +1,22 @@
+import { Component, EventEmitter, Input } from '@angular/core';
+import { FormControl } from '@angular/forms';
+
+@Component({
+  selector: 'kv-error',
+  templateUrl: './error.component.html',
+  styleUrls: ['./error.component.scss']
+})
+export class ErrorComponent {
+  public hasError: boolean | undefined = false;
+
+  @Input() formControl!: FormControl;
+
+  @Input('hasError') set setHasError(value: boolean | undefined) {
+    this.hasError = value;
+    this.emitError.emit(value);
+  };
+
+  emitError: EventEmitter<boolean> = new EventEmitter<boolean>();
+
+  constructor() { }
+}

package/src/lib/api/components/error/kverror.module.ts

@@ -0,0 +1,23 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+
+import { PrimeNgModule } from '../../modules/primeng.module';
+
+import { ErrorComponent } from './error.component';
+
+@NgModule({
+  declarations: [
+    ErrorComponent,
+  ],
+  imports: [
+    CommonModule,
+    FormsModule,
+    PrimeNgModule,
+    ReactiveFormsModule,
+  ],
+  exports: [
+    ErrorComponent,
+  ]
+})
+export class kvErrorModule { }

package/src/lib/api/components/table/action-item.ts

@@ -0,0 +1,5 @@
+export interface ActionItem {
+  label: string;
+  icon?: string;
+  command?: (event?: any) => void;
+}

package/src/lib/api/components/table/kv-menuitem.ts

@@ -0,0 +1,10 @@
+import { MenuItem } from "primeng/api/menuitem";
+
+export interface KvMenuItem extends MenuItem {
+	dynamicfields?: any;
+	[key: string]: any;
+	fieldcondition?: string;
+	showAcoesLote?: boolean;
+	disabled?: any;
+	visible?: any;
+};

package/src/lib/api/components/table/table.config.column.ts

@@ -0,0 +1,21 @@
+export interface TableConfigColumn {
+  position?: number;
+  field: string;
+  header: string;
+  headerTooltip?: string;
+  fieldType?: string;
+  width?: string;
+  pipe?: 'date' | 'decimal' | 'cpfcnpj' | 'telefone' | 'codigofipe' | 'money' | 'percentage';
+  sortable: boolean;
+  grouped?: boolean;
+  centralize?: boolean;
+  expiredDate?: boolean;
+  icon?: string;
+  iconField?: boolean;
+  indIconMaterial?: boolean;
+  checked?: boolean;
+  hideColumn?: boolean;
+  fixedColumn?: boolean;
+  template?: any;
+  align?: string;
+}

package/src/lib/api/components/table/table.config.ts

@@ -0,0 +1,20 @@
+import { MenuItem } from 'primeng/api';
+import { TableConfigColumn } from './table.config.column';
+import { KvMenuItem } from './kv-menuitem';
+
+export interface TableConfig {
+  actions: KvMenuItem[];
+  actionsLote?: KvMenuItem[];
+  columns: TableConfigColumn[];
+  rows?: any;
+  title?: string;
+  subtitle?: string;
+  lazy: boolean;
+  fieldGroup?: string;
+  enableCation?: boolean;
+  enableFilter?: boolean;
+  enableSelect?: boolean;
+  enableToggleNodes?: boolean;
+  // visibleControlCheckboxFunction?: (rowData: any) => boolean; // A função que controla a edição
+  disableControlCheckboxFunction?: (rowData: any, rowNode?: any) => boolean; // A função que controla a edição
+}

package/src/lib/api/components/table/table.paginate.ts

@@ -0,0 +1,6 @@
+export class TablePaginate {
+  paginaInicial: number = 1;
+  tamanhoPagina: number = 10;
+  termoPesquisa: string = '';
+  ordenacao: string = '';
+}

package/src/lib/api/helpers/component-providers.ts

@@ -0,0 +1,16 @@
+import { Provider, forwardRef } from "@angular/core";
+import { NG_VALUE_ACCESSOR } from "@angular/forms";
+import { ComponentService } from '../services/component.service';
+
+export function ComponentProviders(ref: any): Provider[] {
+  return [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => ref),
+      multi: true,
+    },
+    {
+      provide: ComponentService
+    }
+  ]
+}

package/src/lib/api/helpers/keevo-validators.ts

@@ -0,0 +1,77 @@
+import { AbstractControl, FormGroup, ValidationErrors, ValidatorFn, Validators } from '@angular/forms';
+
+export class KeevoValidators {
+  static required(erroMessage?: string): ValidatorFn {
+    return (control: AbstractControl): ValidationErrors | null => {
+      if (Validators.required(control))
+        return { required: true, erroMessage: `${erroMessage ? erroMessage : 'Campo obrigatório'}` };
+
+      return null;
+    };
+  }
+
+  static dateGreaterThan(startControlName: string, erroMessage?: string): ValidatorFn {
+    return (endControl: AbstractControl): ValidationErrors | null => {
+      const parent = endControl.parent as FormGroup;
+
+      if (!parent) return null;
+
+      const startControl: AbstractControl = parent.get(startControlName) as AbstractControl;
+
+      const startDate: Date = startControl.value;
+      const endDate: Date = endControl.value;
+
+      if (!startDate || !endDate) {
+        return null;
+      }
+      if (startDate > endDate) {
+        return { greaterThan: true, erroMessage: erroMessage };
+      }
+      return null;
+    };
+  }
+
+  static min(min: number, erroMessage?: string): ValidatorFn {
+    return (control: AbstractControl): ValidationErrors | null => {
+      if (Validators.min(min)(control))
+        return { min: true, erroMessage: `${erroMessage ? erroMessage : 'Informe um valor maior ou igual à '}${min}` };
+
+      return null;
+    };
+  }
+
+  static max(min: number, erroMessage?: string): ValidatorFn {
+    return (control: AbstractControl): ValidationErrors | null => {
+      if (Validators.max(min)(control))
+        return { min: true, erroMessage: `${erroMessage ? erroMessage : 'Informe um valor menor ou igual à '}${min}` };
+
+      return null;
+    };
+  }
+
+  static email(erroMessage?: string): ValidatorFn {
+    return (control: AbstractControl): ValidationErrors | null => {
+      if (Validators.email(control)) {
+        return { email: true, erroMessage: `${erroMessage ? erroMessage : 'Endereço de e-mail inválido!'}` };
+      }
+      return null;
+    };
+  }
+
+  static maxLengthArray(max: number): ValidatorFn {
+    return (c: AbstractControl): ValidationErrors | null => {
+      if (c.value.length < max)
+        return null;
+
+      return { maxLengthArray: true, erroMessage: 'Tamanho máximo excedido!' };
+    }
+  }
+
+  static maxLength(max: number, erroMessage?: string): ValidatorFn {
+    return (control: AbstractControl): ValidationErrors | null => {
+      if (Validators.maxLength(max)(control))
+        return { maxLength: true, erroMessage: `${erroMessage ? erroMessage : 'Limite máximo de ${max} caracteres atingido!'}` };
+      return null;
+    }
+  }
+}

package/src/lib/api/helpers/translate-primeng.ts

@@ -0,0 +1,25 @@
+import { PrimeNGConfig } from 'primeng/api';
+
+export class TranslatePrimeng {
+  public config(config: PrimeNGConfig): void {
+    config.ripple = true;
+
+    config.setTranslation({
+      monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
+      monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
+      dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sabádo'],
+      dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
+      dayNamesMin: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
+      today: 'Hoje',
+      weekHeader: 'Semana',
+      emptyMessage: 'Nenhum resultado encontrado',
+      emptyFilterMessage: 'Nenhum registro encontrado com o filtro informado',
+      weak: 'Fraca',
+      medium: 'Média',
+      strong: 'Forte',
+      passwordPrompt: 'Informe a senha',
+      clear: 'Limpar',
+      apply: 'Aplicar'
+    });
+  }
+}

package/src/lib/api/models/menu/menu.model.ts

@@ -0,0 +1,10 @@
+export interface menuModel {
+  idmenu: number;
+  idsistema: number;
+  descricaomenu: string;
+  idmenupai: number;
+  link: string | undefined | null;
+  icone: string;
+  menupai: boolean;
+  indpublicado: boolean;
+}

package/{lib/api/models/menu/menucompleto.model.d.ts → src/lib/api/models/menu/menucompleto.model.ts}

@@ -1,6 +1,7 @@
-import { menuModel } from "./menu.model";
-import { sistemaMenuModel } from "./sistemamenu.model";
-export interface menuCompletoModel {
-    sistema: sistemaMenuModel;
-    menus: menuModel[];
-}
+import { menuModel } from "./menu.model";
+import { sistemaMenuModel } from "./sistemamenu.model";
+
+export interface menuCompletoModel{
+  sistema: sistemaMenuModel;
+  menus: menuModel[];
+}

package/src/lib/api/models/menu/sistemamenu.model.ts

@@ -0,0 +1,8 @@
+export interface sistemaMenuModel {
+  idsistema: number;
+  nomesistema: string;
+  descricaosistema: string;
+  codigosistema: number;
+  indpublicado: boolean;
+  indpublicacaogradativa: boolean;
+}

package/src/lib/api/modules/primeng.module.ts

@@ -0,0 +1,125 @@
+import { NgModule } from '@angular/core';
+
+import { AccordionModule } from 'primeng/accordion';
+import { AutoFocusModule } from 'primeng/autofocus';
+import { BadgeModule } from 'primeng/badge';
+import { ButtonModule } from 'primeng/button';
+import { CalendarModule } from 'primeng/calendar';
+import { CardModule } from 'primeng/card';
+import { CarouselModule } from 'primeng/carousel';
+import { ChartModule } from 'primeng/chart';
+import { CheckboxModule } from 'primeng/checkbox';
+import { ConfirmDialogModule } from 'primeng/confirmdialog';
+import { ConfirmationService, MessageService } from 'primeng/api';
+import { ContextMenuModule } from 'primeng/contextmenu';
+import { DataViewModule } from 'primeng/dataview';
+import { DialogModule } from 'primeng/dialog';
+import { DialogService, DynamicDialogRef, DynamicDialogConfig } from 'primeng/dynamicdialog';
+import { DividerModule } from 'primeng/divider';
+import { DropdownModule } from 'primeng/dropdown';
+import { DynamicDialogModule } from 'primeng/dynamicdialog';
+import { EditorModule } from 'primeng/editor';
+import { FieldsetModule } from 'primeng/fieldset';
+import { FileUploadModule } from 'primeng/fileupload';
+import { InputMaskModule } from 'primeng/inputmask';
+import { InputNumberModule } from 'primeng/inputnumber';
+import { InputSwitchModule } from 'primeng/inputswitch';
+import { InputTextModule } from 'primeng/inputtext';
+import { InputTextareaModule } from 'primeng/inputtextarea';
+import { KnobModule } from 'primeng/knob';
+import { MenuModule } from 'primeng/menu';
+import { MessageModule } from 'primeng/message';
+import { MessagesModule } from 'primeng/messages';
+import { MultiSelectModule } from 'primeng/multiselect';
+import { OverlayPanelModule } from 'primeng/overlaypanel';
+import { PanelModule } from 'primeng/panel';
+import { PasswordModule } from 'primeng/password';
+import { PickListModule } from 'primeng/picklist';
+import { RadioButtonModule } from 'primeng/radiobutton';
+import { RatingModule } from 'primeng/rating';
+import { RippleModule } from 'primeng/ripple';
+import { SidebarModule } from 'primeng/sidebar';
+import { SkeletonModule } from 'primeng/skeleton';
+import { SpeedDialModule } from 'primeng/speeddial';
+import { SplitButtonModule } from 'primeng/splitbutton';
+import { StepsModule } from 'primeng/steps'
+import { TabViewModule } from 'primeng/tabview';
+import { TableModule } from 'primeng/table';
+import { ToastModule } from 'primeng/toast';
+import { ToolbarModule } from 'primeng/toolbar';
+import { TooltipModule } from 'primeng/tooltip';
+import { OverlayModule } from 'primeng/overlay';
+import { ChipModule } from 'primeng/chip';
+import { TreeModule } from 'primeng/tree';
+import { ProgressBarModule } from 'primeng/progressbar';
+import { PanelMenuModule } from 'primeng/panelmenu';
+import { StyleClassModule } from 'primeng/styleclass';
+import { BreadcrumbModule } from 'primeng/breadcrumb';
+import { TreeTableModule } from 'primeng/treetable';
+@NgModule({
+  exports: [
+    AccordionModule,
+    AutoFocusModule,
+    BadgeModule,
+    ButtonModule,
+    CalendarModule,
+    CardModule,
+    CarouselModule,
+    ChartModule,
+    CheckboxModule,
+    ChipModule,
+    ConfirmDialogModule,
+    ContextMenuModule,
+    DataViewModule,
+    DialogModule,
+    DividerModule,
+    DropdownModule,
+    DynamicDialogModule,
+    EditorModule,
+    FieldsetModule,
+    FileUploadModule,
+    InputMaskModule,
+    InputNumberModule,
+    InputSwitchModule,
+    InputTextModule,
+    InputTextareaModule,
+    KnobModule,
+    MenuModule,
+    MessageModule,
+    MessagesModule,
+    MultiSelectModule,
+    OverlayModule,
+    OverlayPanelModule,
+    OverlayPanelModule,
+    PanelModule,
+    PanelMenuModule,
+    PasswordModule,
+    PickListModule,
+    ProgressBarModule,
+    RadioButtonModule,
+    RatingModule,
+    RippleModule,
+    SidebarModule,
+    SkeletonModule,
+    SpeedDialModule,
+    SplitButtonModule,
+    StepsModule,
+    TabViewModule,
+    TableModule,
+    ToastModule,
+    ToolbarModule,
+    TooltipModule,
+    TreeModule,
+    StyleClassModule,
+    BreadcrumbModule,
+    TreeTableModule
+  ],
+  providers: [
+    ConfirmationService,
+    DialogService,
+    DynamicDialogRef,
+    DynamicDialogConfig,
+    MessageService,
+  ]
+})
+export class PrimeNgModule { }

package/src/lib/api/services/base.api.service.ts

@@ -0,0 +1,115 @@
+import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+
+const httpOptions = {
+    headers: new HttpHeaders({
+        'Content-Type': 'application/json',
+        Accept: 'application/json',
+        'Access-Control-Allow-Headers': 'Content-Type',
+    }),
+};
+
+@Injectable({
+    providedIn: 'root',
+})
+export class BaseApiService {
+    constructor(private http: HttpClient) { }
+
+    delete(
+        baseUrl: string,
+        rota: string) {
+        return this.http.delete(`${baseUrl}${rota}`);
+    }
+
+    deleteAllBody<T>(
+        baseUrl: string,
+        rota: string,
+        body: T): Observable<T[]> {
+        return this.http.delete(`${baseUrl}${rota}`, {
+            headers: new HttpHeaders({
+                'Content-Type': 'application/json',
+            }),
+            body: body
+        }) as Observable<T[]>;
+    }
+
+    deleteAllHeaders<T>(
+        baseUrl: string,
+        rota: string,
+        headers: HttpHeaders): Observable<T> {
+        return this.http.delete(`${baseUrl}${rota}`, {
+            headers: headers,
+        }) as Observable<T>;
+    }
+
+    get<T>(
+        baseUrl: string,
+        rota: string): Observable<T> {
+        return this.http.get(`${baseUrl}${rota}`) as Observable<T>;
+    }
+
+    getHeaders<T>(
+        baseUrl: string,
+        rota: string,
+        headers: HttpHeaders): Observable<T> {
+        return this.http.get(`${baseUrl}${rota}`, {
+            headers: headers,
+        }) as Observable<T>;
+    }
+
+    getAll<T>(
+        baseUrl: string,
+        rota: string): Observable<T[]> {
+        return this.http.get(`${baseUrl}${rota}`) as Observable<T[]>;
+    }
+
+    getAllHeaders<T>(
+        baseUrl: string,
+        rota: string,
+        headers: HttpHeaders): Observable<T[]> {
+        return this.http.get(`${baseUrl}${rota}`, {
+            headers: headers,
+        }) as Observable<T[]>;
+    }
+
+    getAllParams<T>(
+        baseUrl: string,
+        rota: string,
+        params?: HttpParams): Observable<T[]> {
+        return this.http.get(`${baseUrl}${rota}`, {
+            params: params,
+        }) as Observable<T[]>;
+    }
+
+    getArquivo(
+        baseUrl: string,
+        rota: string,
+        id?: string,
+        paramCabecalho?: { headers: HttpHeaders }
+    ): Observable<any> {
+        return this.http.get<any>(`${baseUrl}${rota}/${id}`, paramCabecalho);
+    }
+
+    getArquivos(
+        baseUrl: string,
+        rota: string,
+        paramCabecalho?: { headers: HttpHeaders }
+    ): Observable<any> {
+        return this.http.get<any>(`${baseUrl}${rota}`, paramCabecalho) as Observable<any>;
+    }
+
+    post<T>(
+        baseUrl: string,
+        rota: string,
+        data?: T): Observable<T> {
+        return this.http.post(`${baseUrl}${rota}`, data) as Observable<T>;
+    }
+
+    put<T>(
+        baseUrl: string,
+        rota: string,
+        data: T): Observable<T> {
+        return this.http.put(`${baseUrl}${rota}`, data) as Observable<T>;
+    }
+}