brainloper-ui 14.0.29 → 14.0.30

package/src/app/modules/brainloper-ui/components/data-table/table-modal/table-modal.component.html

@@ -1,76 +0,0 @@
-<div>
-    <div style='display:flex; justify-content: space-between;'>
-        <div>
-            <strong>
-                <h3 *ngIf='data.action=="edit"'> Editar </h3>
-                <h3 *ngIf='data.action=="add"'> Agregar </h3>
-            </strong>
-        </div>
-        <div mat-dialog-close>
-            <i class="fa fa-times-circle" style="font-size: 150%; position: relative;"></i>
-        </div>
-    </div>
-
-    <form [formGroup]="modalForm">
-
-        <div *ngFor='let input of data.columns'>
-
-
-
-                <div *ngIf='data.action=="edit"; else Agregar'>
-                  <mat-form-field *ngIf="!input.disregardForEdit">
-                    <div *ngIf='input.type=="combo"; else otherInputEdit'>
-
-                        <mat-select [value]="input.value" (selectionChange)='onChange(input.ID,$event, input.type)'
-                            placeholder='{{input.label}}' [required]="input.required">
-                            <mat-option *ngFor='let data of dataCombo[input.identifierCombo]'
-                                [value]='data[input.paramsCombo.selectionField]'>
-                                {{data[input.paramsCombo.visibleField]}}</mat-option>
-                        </mat-select>
-                    </div>
-
-                    <ng-template #otherInputEdit>
-                        <input [type]='input.type' [name]='input.ID' [value]='input.value'
-                            (input)='onChange(input.ID,$event, input.type)' matInput [placeholder]='input.label' [required]="input.required" />
-                    </ng-template>
-
-                    <mat-error>Campo Obligatorio</mat-error>
-                  </mat-form-field>
-
-                </div>
-
-                <ng-template #Agregar>
-                  <mat-form-field *ngIf="!input.disregardForAdd">
-                    <div *ngIf='input.type=="combo"; else otherInput'>
-
-                        <mat-select (selectionChange)='onChange(input.ID,$event, input.type)' placeholder='{{input.label}}' [required]="input.required">
-                            <mat-option *ngFor='let data of dataCombo[input.identifierCombo]'
-                                [value]='data[input.paramsCombo.selectionField]'>
-                                {{data[input.paramsCombo.visibleField]}}</mat-option>
-                        </mat-select>
-
-                    </div>
-
-                    <ng-template #otherInput>
-                        <input [type]='input.type' [name]='input.ID' (input)='onChange(input.ID, $event, input.type)'
-                            matInput [placeholder]='input.label' [required]="input.required"  />
-
-                    </ng-template>
-                    <mat-error>Campo Obligatorio</mat-error>
-                  </mat-form-field>
-                </ng-template>
-
-
-
-
-        </div>
-
-        <button *ngIf='data.action=="add" || data.action=="edit"'
-            (click)='onSubmit()'
-            color='primary'
-            mat-raised-button
-            [disabled]="!modalForm.valid">Guardar</button>
-
-    </form>
-</div>
-

package/src/app/modules/brainloper-ui/components/data-table/table-modal/table-modal.component.scss

@@ -1,7 +0,0 @@
-button{
-    width:100%
-}
-
-mat-form-field{
-    width:100%
-}

package/src/app/modules/brainloper-ui/components/data-table/table-modal/table-modal.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync as  } from '@angular/core/testing';
-
-import { TableModalComponent } from './table-modal.component';
-
-describe('TableModalComponent', () => {
-  let component: TableModalComponent;
-  let fixture: ComponentFixture<TableModalComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ TableModalComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(TableModalComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/app/modules/brainloper-ui/components/data-table/table-modal/table-modal.component.ts

@@ -1,129 +0,0 @@
-import { Component, OnInit, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { UntypedFormBuilder, UntypedFormGroup, UntypedFormControl, Validators } from '@angular/forms';
-import { HttpService } from '../../../../services/http.service';
-import { forkJoin } from 'rxjs';
-import { map } from 'rxjs/operators';
-
-@Component({
-  selector: 'app-table-modal',
-  templateUrl: './table-modal.component.html',
-  styleUrls: ['./table-modal.component.scss'],
-})
-export class TableModalComponent implements OnInit {
-  modalForm: UntypedFormGroup = new UntypedFormGroup({});
-  dataCombo = {};
-
-
-  constructor(
-    public dialogRef: MatDialogRef<TableModalComponent>,
-    @Inject(MAT_DIALOG_DATA) public data,
-    private formBuilder: UntypedFormBuilder,
-    private http: HttpService
-  ) {}
-
-  onNoClick(): void {
-    this.dialogRef.close();
-  }
-
-  ngOnInit(): void {
-    let group = {};
-    let httpRequests = [];
-
-    this.data.columns.map((element) => {
-
-      if(element.type === 'currency') {
-        element.value = element.value ? element.value.replace(/\./g, '') : '';
-        element.type = 'number'
-      }
-
-      if (!element.disregardForAdd) {
-        if (element.type === 'combo') {
-          this.dataCombo[element.paramsCombo.selectionField !== element.ID ? element.paramsCombo.selectionField : element.ID] = '';
-        }
-
-        let initialValue = this.data.action === 'edit' ? element.value : '';
-        if (element.type === 'date' && element.value) {
-          let s = element.value.split('/');
-          initialValue = `${s[2]}-${s[1]}-${s[0]}`;
-        }
-
-
-        group[element.ID] = element.required ? new UntypedFormControl(initialValue, Validators.required) : new UntypedFormControl(initialValue);
-
-        if (element.paramsCombo) {
-          httpRequests.push(this.createHttpRequest(element, group));
-        }
-      }
-    });
-
-    if (httpRequests.length > 0) {
-      forkJoin(httpRequests).subscribe(() => {
-        this.modalForm = new UntypedFormGroup(group);
-      });
-    } else {
-      this.modalForm = new UntypedFormGroup(group);
-    }
-  }
-
-  // Extraemos la creación de la solicitud HTTP a su propia función para mejorar la legibilidad
-  createHttpRequest(element, group) {
-    return this.http
-      .getData(element.paramsCombo.url, element.paramsCombo.urlParams)
-      .pipe(
-        map((res) => {
-          if (res['code'] === 0) {
-            element.identifierCombo = element.paramsCombo.selectionField !== element.ID ? element.paramsCombo.selectionField : element.ID;
-            this.dataCombo[element.identifierCombo] = res['body'];
-
-            if (this.data.action !== 'edit') {
-              return;
-            }
-
-            this.dataCombo[element.identifierCombo].some((data) => {
-              if (
-                data[element.paramsCombo.selectionField] === element.value ||
-                data[element.paramsCombo.visibleField] === element.value
-              ) {
-                var value = data[element.paramsCombo.selectionField]
-                element.value = value
-                group[element.ID].setValue(value);
-                return true;
-              }
-              return false;
-            });
-
-          }
-        })
-      );
-  }
-
-
-  onSubmit() {
-    if (this.modalForm.valid) {
-
-      this.data.columns.map((element) => {
-        if (element.paramsCombo && element.paramsCombo.returnDataSelect) {
-          element.identifierCombo = element.paramsCombo.selectionField !== element.ID ? element.paramsCombo.selectionField : element.ID;
-          let x = this.dataCombo[element.identifierCombo].find(x => x[element.identifierCombo] == this.modalForm.value[element.ID])
-          if(x){
-            this.modalForm.addControl(element.ID + 'Combo', new UntypedFormControl(x));
-          }
-        }
-    });
-      this.dialogRef.close(this.modalForm.value);
-    }
-  }
-
-  onChange(id: any, $event, type: string) {
-    switch (type) {
-      case 'combo':
-        this.modalForm.get(id).setValue($event.value);
-        break;
-
-      default:
-        this.modalForm.get(id).setValue($event.target.value);
-        break;
-    }
-  }
-}

package/src/app/modules/brainloper-ui/components/file-input/file-input.component.html

@@ -1,32 +0,0 @@
-<div  *ngIf="params.input == 'vista'" [class]='edit' [ngStyle]="sizePicture">
-
-	<img [ngStyle]="styleImg" src="{{this.imageSrc}}">
-
-	<div  *ngIf="params.edit == true" class="entrada" [ngStyle]="border">
-		<input id="input" type="file" title='Subir archivo' [accept]='type'
-			style='width: 100%; height: 100%; opacity: 0; overflow: hidden; z-index: 1; cursor: pointer;'
-			(change)='fileChange($event)'>
-	</div>
-
-</div>
-<div *ngIf="params.input == 'formulario'">
-
-  	<!-- <mat-form-field  [ngStyle]="styleForm"> -->
-    <!-- <ngx-mat-file-input [formControlName="file" placeholder="Basic Input">
-    </ngx-mat-file-input> -->
-
-    <!-- </mat-form-field> -->
-
-    <mat-form-field [ngStyle]="styleForm">
-      <div style="display: flex;">
-        <input disabled  type="text" matInput [placeholder]="params.label" readonly="true">
-        <input id="input" type="file" title='Subir archivo' [accept]='type'
-        style='width: 100%; height: 100%; opacity: 0; overflow: hidden; z-index: 1; cursor: pointer;'
-        (change)='fileChange($event)'>
-      </div>
-      <mat-icon *ngIf="typeFile=='imagen'" matSuffix>add_a_photo</mat-icon>
-      <mat-icon *ngIf="typeFile=='pdf'" matSuffix>picture_as_pdf</mat-icon>
-		  <mat-icon *ngIf="typeFile=='doc'" matSuffix>insert_drive_file</mat-icon>
-  </mat-form-field>
-
-</div>

package/src/app/modules/brainloper-ui/components/file-input/file-input.component.scss

@@ -1,50 +0,0 @@
-p {
-    font-family: Lato;
-  }
-  .dropzone {
-    min-height: 400px;
-    min-width: 400px;
-    display: table;
-    width: 100%;
-    background-color: #eee;
-    border: dotted 1px #aaa;
-  }
-  
-  .text-wrapper {
-    display: table-cell;
-    vertical-align: middle;
-  }
-  
-  .centered {
-    font-family: sans-serif;
-    font-size: 1.3em;
-    font-weight: bold;
-    text-align:center;
-  }
-
-  .img :hover{
-
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAABH+AAAR/gGTj/zDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAwBQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACyO34QAAAP90Uk5TAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmJygpKissLS4vMDEyMzQ1Njc4OTo7PD0+P0BBQkNERUZHSElKS0xNTk9QUVJTVFVWV1hZWltcXV5fYGFiY2RlZmdoaWprbG1ub3BxcnN0dXZ3eHl6e3x9fn+AgYKDhIWGh4iJiouMjY6PkJGSk5SVlpeYmZqbnJ2en6ChoqOkpaanqKmqq6ytrq+wsbKztLW2t7i5uru8vb6/wMHCw8TFxsfIycrLzM3Oz9DR0tPU1dbX2Nna29zd3t/g4eLj5OXm5+jp6uvs7e7v8PHy8/T19vf4+fr7/P3+6wjZNQAAGh9JREFUeNrtnXlgD9fexieJkIVorEEs1VJ74nqrtF5iqdp5qVBbUV1Qqmq7VaWkrbWqC0qrvLXcorjW1nUVFaq2oihqSS4Su0gkZJtrLRrJ95z5nZk5Z+b5/H1m5nvO8/zmd+Ys36NpAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABTGr3DZsGf+5/HCvmgK9+BbofXgGYt+2LLvxIVU/S5XTx/YsmbB9LHDercohSZyKsUjXv1o5ZF0neDihik9a/ihuRyFf8Oo6ESdg/QDC4Y1LY6GcwK5647ccE03xLmlPQqjAVUmV+23/5Wse0LGT4PKoR3VxLv+rARdBAfH1vZGc6pG5bGxujjiZ7ZEv1AhQt7cpYvm6uL6aFglCOi0Jl03hV+750bzyk7h9y/r5hH/Lj4LpKbkJ8m6uaR8WQXNLCvlZ6XqFvCvZl5oawmpvjBDt4jfXwtAe0tGndW6lcT3wFtAJsqu0K1mW000uyz4jUrRrSdzVhE0vRS0OKrbw+U3c6H13fj2v8eBRhDAjW//+1hSBiK48e1/38jQe/7QwSb8Z+oycOxJSGELlfbpcnC9H8SwgR5XdWlYFAQ9LCbvXF0mjlSHJJYSfkiXi5RXIYqF9LmmS8f8vNDFIvIt1mXk96qQxhJCdutyktwD4lhA+eO6tMzGokHTqXVel5g1GBY0mZZXdan5EV1BU3k5XZecLfmhknmMFKTSmZ+WzPn0g2F9u7Vp1LLbG+998s2qLb+fEbSidGdB6GQSPjM876jvWRjVteYjD79/4SbDlwrYULavKKQyR/8lnglzZeXAMHopZ5GmI5ad9OxBh0Ihlgl4zfZAk2s/vvM0x/qtom3mXvFkgvhRyCWej4y/9+c34/8682v7rfEPjpNPQC/RDDe6eHd9j3wGHxnYYYnRBWfxGBYWTG+Dqzb/XtKjxwZ1XWns4+B8ZWgmkg6Gtn0try3g0SU/M/QaOIqvQYE0MfAzzPg2TNDTi31kpDewHpsGhFGbX4C0r0X2w4qMS+R3wOcQThCVL3Iv05xaRnAMBcfwJ57AIiExBB3mbfl1ZnyFPfIurw9T60E8ESzibPdTHU0KpAjvSqRzZaCe57zB1+jpk/OZF0v7s3zB7MXksMfU4vsAiK5majSF/sHngKXII+Fp54treu5aX9MbvG08lwPGQEKP8Foj3faMgvO4HBB566LgKk1e7D1w+JiJn38174txw17t0PjJcoUwUEDzDk9bf2vRBq1WpzmCujpp7o9Hsklelxi7Z+Oyyd2qwgnZ0YBjBPhaH8vCKrBB7DKya9tn9K6FxGNZKXZG0t15ub8Rv5gw4+D8wY0wgfAA33Gsx7Z4f+5ok9aUxs5sgjOs7tKCvd2+sbzVupuWlfTi7JZ5IP4NAk8wt9kEGz63G5iYlfrKvLbYYaKNZ17085Yt8VU6oZtI0sIOLh9GrJbGOufSxaYIQ7abnHNgaRcXe8BrK+tPpYltMQaYnqD44nuu/S54jXXqv6GNQfpvMX2r2dXJ7txlUPQS49dzB1vDLHDQ/N2GqbPcuMh8PmPr2J2hrfQpCzacZiyu4Tb9GzI2zfv291Uv61aw1mVnljH2AL+SINQIixJW/dzGRWsLnmNc9+8jQ7DtrTqqZu8zrjEAW+d6jySjZf2tSj6ROd0l2ScaMzVHYnlZ4h1rWf6R08+7wgDRTI3RSZ5Bq++tS0GzvKTz9X+WqSVmSBRxiUvWOSCxvzdeADc7AFId591Vt5Bt1ZytfyO1OgC3WWqlA9LGOnqyeLNaHYDbFDlrpQP0Pxq5/AXwnXRht9Ot5VPHLiX+J8sUWSn54p5nsQPWBTtT/6Is60CGSRh48CmLHXCkgiMNMIih6r9LmZS7qcUG0C83daIB9jPUXNIe0BdWOyB9oPP0f4plC5iksefZarUD9FmOO6BgOsMQQAlZgw/5j+UO2OywI8z9GZZXjJA3/BrJljsgJsxRBujM0PWReUq0vfXHmSW1dZIB1tEVjpK6AuWIGlw/80ecYJNkDneO/mUyacPLvlC+S9ZB4eQdXw97JfK5pyqE3B7DDwitFtG215CxM747lCnCAiMcY4B3GbYBSl+JAkN/SPpzPe/h70a1K5/D/G3+BkMXe77F7A2nGGAHvV0qRIV6+D49fNr7A7u3rMGW9aFws3dXxHv0L9DTGfoXopdXfqI5lcfe8WCTSUakI9qgA70RzNH7pGp8FGd4+1BzJzTAVwpOA4vFp/GcRGMOSIlwQPXpgbQ2muMJ6LgyzYgDEmsqX/WKZCUvuONs3mKfXjeylVz5Y2reIOvomhT8JWcYeAvEl1O81qvIKtbSXEPZOfyn5MaUUrrKuZOoCh7W3MQT/+AeJjxcSOUKR5D1e1dzF1W5z0pdqXJ1PyCr574DOWv84qJB4Y3k9mjNfeR6j68rcL26unU9T1VusuZGah3hcsChQFUrWpSsW0tXGkAL5Fts+rWq9WxAroEN0lxKizM8DnhB0Vr2I5PkaK6l8D85DJBQVs1KTqMq9r7mYnpxzBFtUzPh/CaqXg3cbACtQgy7A8YpWcML1Hynn6sNoIUeYF8g9KyC9QuhavWT5nIKbmN2QJyC20XI3KAz3W4ALXAtswPWqJdHiEy2N8j1BtByL2QfETz+04IJ/dvWLK6ME6ZjGIjGexrv7JCeFhs9tUdlBWywgqrJE9D/BlEGc8ttnBAp+VQalRoqDaep3eIN43uJzq0e9b8+0laMSgxxCNrfZoBHe4jOzWotaYo56jzeFZD+DjM93EeWvKyHjAuHqC2zE6H8HXw36Z6SvmngY5LVyp+K+U0of5fCx0VsKd7YXqpMg8WpeHtB+D+pmijCAfqpdyXaaVuZijYSut+jtZC0ArqeukCaQ0jqULE2hez38Xdh+UV29wqQokatqEDrSC1I7tBQa3etCUxMezFKhqxLL1Jhypsj/4lBG25NZV/YMMi60Uq/beIcoF94y/6p9jdV3RMQ8cDxFtERlvWaL4lMNBXb094hwtxDr1AhyrnpqXSWGdq1pS169Gu6UPa3sbMD8AcdoJQbw+s+5JiIs3WtebaX6MS0W+ra1IqVmNY5yHg+wkupD/22esmap4elCXaAvsqOBPTBn7DVQ8JNAb2z+RrP7G3N8ycKzzqaMtTyrkA71rN2iiqjv2UOCIwR7gD9l8qWtmHBBcyRlVFHf8sc0Eq8AfTrwy38s23NkR2xkkL6W+aAZSY4QN9p1ZBL8P/zhFVDJf2tckDJRDMckDrSktVXz/EdslRHKf2tcsBA3RT2hJv/FTsygy+m6mrpb5EDfHaZ44CUbma//lfxhlRSMf0tckCFq+Y4QP/Y1L5g+DHugPxV098iB7xkkgH09SYOvnfnP1onST39LXLAt2Y54IRZ/7q5phmI5riC+lvjgKB/m+WA5M7mjF+tMRLMFyrqb40DfCaa5QB9kgkjw0W2GwolTEn9LfoX6GhWT9CEE6ofP2psqlJR/S1yQOiYOJMcsKew2EhrnjUWRxdV9bdqRMg3cvWxVDMccKCYyDCbG3xXHc+jrP7WzQ5r3iVqP1u/afue/Yd/+NnsJbsE/S8cEZiCvJ3BJQwJlRXW30IH/GWwtdSz/T5bd9Lzz0FhaefaGHxHpTVWWn/bHHBn0LX1lH2e7SM5KWixcyuj/1GvKa6/zQ64QeHI6Yc8cEB8FRFBtLhu7OlJ/ZXX334H3PxSGLDbcPjn/+b585sZ1H95aQfoL4UDNK3qhNMGw7/ksQMaGzsyO7aN5gj9JXGA5tNkfrKh8E97OBsbZmjpyrkhAU7RXxYHaFrQYEODRns9WpZdLNbAIy++nVdzjv7yOEDz62tkOfH3HiwQCNjB/7zLI6XZCdBb0G58aRyg+fY8bOV8nDf34Vf6lahgzWn6y+QAzafjb9zhDzH6sPHcX37jCmoO1F8qB2g+/RN4o29v7Em9eNchTJIp17VI/eVygBbCm2UipbaRx9TgHADYJlUCM7H6S+YArf5BvujPGpgWyM+3ACAjKpeT9ZfNAb7D+OYMd/BvGVnE9YCYupqz9ZfNAVrpaK7oP+S9fx+u23/7iOP1l84Bucbz1DIjgu/u1XlGgBO7ay7QXzoHaM3PcwQfy/V9nu+Isr0/8/SXzwElef4GFvLcebayvT8z9ZfPAVx/Axzv6SYcM85y9f7M1V8+B2it2ScJE5nf1PnY5xziq7pKfwkd8PQF5th/Zn1Xf275qjNl9JfQAZXYZ2xHs92xLnMjHi/rOv0ldEDoftbQ05hWafsxzzgeLulC/SV0QDDzx8A6ltuNY73b/hBX6i+hA/yXs4b+f/TNKrBuAtldyKX6S+gAX9ad28fo9OKsZtoW7Fr9JXRAIGsW+uHUneoz3mhTPhfrL6EDCjFuIEkKzfk+XozZq34JcLX+EjqgNGP2vnk53+ZFxvG/Ui7XX0IHVLvMFniOx00FsO1JzWjsev0ldEDdFKa4d+Z0IvkItrqPgP4yOqAzW9w5HIsQxPYWWekF/aV0wAymsP/I/hUwlO1bMhj6y+kAvz1MYWe7SjwP0+azlOoq6/+TxwVkdkB5pq2c27O7/BWmSvdUWf/JEVSJiMkqO6ATU9QNHn6xN9M6sC+V1l+jDaAp7QCmbsD3D782kukjwk9p/VkMoLQD2LoBD0/fuZOlA1BWbf2ZDKC0A8LTGWKe+7ArI1hqG6W4/mwGUNoBU1hWhjwsfw/LjsO4vIrrz2gAlR0QxPItNyXrdcEsA4k9Vdef1QAqO4DlSyCpQJbL+rGsAfFWXX9mA6jsgPUMEffNctVehqsilNef3QAKO6AiQ2bPLGncazLUcqn6+nMYQGEHfMgQ8KP8AwjXH1dffx4DqOuAQIbk/n9ZGxZ4hb5kkgP05zKAug54mw53/4NXtGdYBfSIA/TnM4CyDgi6RIcb/sAVC4z0GxXUn9MAyjpgDB3t+PvL56H/AY7lcoL+vAZQ1QEFk8hg/3P/sp7m3J0GRfXnNoCqDmA4ku7+mn5JrwMNdYT+/AZQ1AHF6Bw/M+6V9jlHll7tDP0NGEBRB0wlQ73ow94qut7OGfobMYCaDqhKh/okRw3P+jpDf0MGUNMBv5KRDvqz7G6y7EcO0d+YAZR0wFtkoCvuFs2fQZat7BD9DRpARQcUI5cGXfZm/gj82Sn6GzWAig74nozz7olSY8mSLztFf8MGUNAB9E6xN++U3EIVvJrPKfobN4B6Dgggd4ksu13Qn1w/MNsx+ntgAPUcQOZ7vXi7E0AnBXnO9rq8LEh/TwzA6QD7/zbbkkHe3h/wDjkMbPs5YPXSBOnvkQH4HJBWz+5WK0B+3d0+3XchVWyP3TUpdVaU/p4ZgM8BZ21Po0Ju9Vl8q9gBqtg0uyuyXpj+HhqAzwHr7W438ti332+WykMOGHS1uR7PidPfUwPwOcDuvhOZ9T315nxQOFkPmxeDsmYuY9HfYwNwOWCXzalUAlNZpO1CFTpjs4+fEqi/5wbgcsBTNjfdJirAZhpDbuBlNtditED9BRiAxwGjbW66UVSAA24UWk0VGmJzLXYI1F+EATgcsMPmpmtIBTj1RqHjVKE69lbCO02g/kIMwO6ANJs3U5agAvz3jS4W1VFItTknSFGR+osxALsDitr8CqCmA/6jaUWoOmyzuQ7hIvUXZABmB4RLPhSUGUC372Sb6/CkSP1FGYDVAU/a3Hjkhp8wrRlV5HWb61BCpP7CDMDogBKyfwa0116mirxgcx1yZQjUX5wBmByQYfd2qheoCN/SRlJFbM8MflCg/gINwOKAg3a3XQ0qwlHaF1SRGnZXYpJA/UUagMEBtu+oz0dFOJE+I6iM3ZVoKLKbKtIAtAMa2t12WgIR4XTtR6oStq8G8T0u8DNFqAEoBxy3fzsNdQLIXG0rNQ5kex20bgI/U8UagHBAN/vbjlrssYzcQRRvfyW8fxM3TCHYADk64DcJsupRx8mt06jjxvbbXwmtZoqwYSrRBsjBASk1JWi6deQ4L3VU/CYJaqF1FTZMKdwA2Tugqwwtt4T8fVPrLeVIDphNzpvxmv0GyG7l3RgpGm4OUd0Ycr5IkgMiejwk48W1HpoMBhAWmxl8RlT3gkbNto+ToyJa7aN/jexobU0OA4iKzQw+IKp7XbtOlPhAkppovq/HP/B18rqhj2xTDCAoNnsMcJ4o8ZkmDYGRs++0c/zsyEBj9zDHAGJis+Mv4Dy5ImyOJhNeRas3b169qPHl1mYZQERsdnQCj5Np4pdojsJEA0gJ9Rm4V4smh4pgAIWhBoKiyUQi22AAlaGGgr/XFhElDsAAKkNNBi3SZhElTsIAKkNNB88ij5lLgAFUhloQMkWLolokHwygLuSSsChtqPRrAmEA45CLQodqfWRfFg4DeAC5LLwPfWb4KBhAXciNIZH01rAFMIC6kFvDwrUAKgPfThhAXRg2h2qxRJlEGEBdqOU+sRo9Wmz7BkcYwDDkxtqbMz2fy7+9BQYwCLmp6vMbhfpThUbCAKpC7vy9mSuWTMO4EQZQlY1UbW+msixDFbruDwOoiT+14PPWzl/vFKpUIxhATRpRlU25tXmNWhQmz8JgGIAPakmwvvdWMWpJiL4VBlATaue3vuhWMfLAiLR8MICK5CNTbL5zq9wzZKaT5jCAitDHAT5zq5wvedb8FzCAipDpn5LubGBaQxW8lAcGUI88l6i6rrlTcjD5qmgPA6hHe1LWwXdK/o0suRIGUI+VpKx3j471vkh+BxSBAVSjCPkNcPHPHEZLSK8MgAFUYwAp6r1tn6+TZXfBAKpBH7V1Lw14JbKsXhUGUIuqtKaV7pWOIwtPhQHUYiopadx9peeRpa8VgwFUotg1UtJ59xVvRb8vJsIAKjGRVrTVfcV96dOZkwrCAOpQkBze188+kMhqCm2YMTCAOoyh9ZzywAU16AsuBcEAqhB0idbzL5t+99NXvA0DqMLbtJp/TQI+hL7kbCAMoAaBdJcuy4HAJRjO5voQBlCDD2ktM7Ls91pLX5RaEQZQgYqptJZrs1zVhb5IXw8DqMB6Bim7ZLkqIJHhsk4wgPx0YhAyMSDrdbMYrosLggGk/wSMYxBy1kMurJKp844ewAASwjCmp2dWediVyxiuTA+HAeQmPJ1BxmUPvZTpnPY9fjCAzPjtYVExm1Pt17JcOwMGkJkZLBquzebieiwXK/4l4HADdGKSsF52l29muTqxPAwgK+VZvuX1zdle31R3fDfA0QZg6wDoTbO/w07d6d0ARxuAqQOQY+LHdkx30DvDADLSmU29djncwusA0y1S6sIA8lE3hUm8Azkea/Y8m4kuV4MBZKPaZTbtns/5Nj+w3eVUaRhALkqfYlPuB+I+5a6x3edQIRhAJgodYtPtWjnqTqPZbqRvC4QB5CFwG6Nso+lvyaOMt1rjCwPIgu8aRtGOMozhNGO8l77cHwaQA//lrJo1Y7ndEta7RQfDADIQHM2qGNtB0KWSWO+3PxQGsJ/Q/ax6JZViu+NQ1hvqsZVgALupFMss11DWLgWzpfQLT8MA9vL0BWax9jN322ulMt80uTUMYCetk5mlSq3FfttBzHfVM8flggHsItf4THalBnHc2Gs5+3316JIwgD2UjOaQabkXz60LxHDc+nxzGMAOmp/nECmmAN/Na6fqjvwbcI4BuF7/empt3vtzdANu/g2UhgGspXQ0l0CDuB/A1Q3Q9avDfGEA6/AddpVLHr4OgIFuwA0O1ocBrKL+QT5teDsABroBtxLPhcAAVhAyj1MY/g7AbfpxPkdP6O8DA5iNT/8EXl36GX3WON4n6b919IEBTJW/42/coowz/DSvOdwP0w/39IUBTOv79TzMr8gcL+MPzLWK/3l6TF8/GMAM/PrGGJBjlUdjNAFbDTxSjxscBAOIJmhwnBEttgZ49tiCB408VU+e38QHBhD4199kfrIhIQ56nOK51EndGKcnVIUBxFB1wmmDIpws5fnTq1zSjbJ7QCgM4CmhA3YbFuBSFRER1EnRjXNoemRhGMAohSOnH/Kg8VPqCBp4TNA9IXPflNbBMAAvwa2n7Mv0qOEThA3Oh8fpnnJy/bQBzR7zgQEYOnyPNRswbf1Jj5s8LlxcTI8e0YVw/cDqBTMmjhzYq0OzCHsgT9MbYFNgzTr0Gjhy4owFqw9cF9PWRx4V+me0QwdKsUNw1yvvWrSpSqzNK3wYej5aVR3mmzAh4zUZ7aoKk71M6Z4OyUDTqkDGELM+UBqfQevKz5nG5n2iFt+A9pWdDcVNHaSIwt+A3K//MWYPtuFvwK2vf/wNuP31j78B17/+//wbOI3Wlo/TjTXLCPo4HQ0uF+kfW7sOM2wL2lwmtoRZPWvt9dJ5NLssnH/JS7OegjMz0fQykDmzoGYPtXaj9e1ndy3NNnz6X4AA9nLB5g25eQfFQQT7iBuUV7Mbvz4nIIQ9nOgjxy5M3+6HIIb1HOouzz5s78hfIYi1/BrpLdcOphabIYp1bG4h4RbG8lExUMYKYqJkPb3Xq/7XidDHXBK/ru+lSUxA57WYLDaNjLWdAzTpKTFkD6Qygz1DSmiKENLpy2MQTCTHvuwUoqlFmZ5zsW5ECKfn9iyjqUmFPotjMWXoAZmxi/tU0NQmICxyxNztCRCTj4Ttc0dEhgVojqFYxCuT5q/YsOtI/FWomx1X44/s2rBi/qRXIoppDsY7f2jFmvUiwH3Uq1kxNL+3BgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMBG/guOTBI5xxwxcwAAAABJRU5ErkJggg=="); 
-    background-color: #cfd0d5;
-    background-position: center;
-    background-size: 25%;
-    background-repeat: no-repeat;
-    transition: background-color 1s;
-    cursor: pointer; 
-     
-  }
-
-  .img {
-    position:relative;
-   
-  }
-
-  .entrada{
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 100%;
-    height: 100%;  
-   /*  border-style: dashed;
-    border-width: 0.5px; */
-  }

package/src/app/modules/brainloper-ui/components/file-input/file-input.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync as  } from '@angular/core/testing';
-
-import { FileInputComponent } from './file-input.component';
-
-describe('FileInputComponent', () => {
-  let component: FileInputComponent;
-  let fixture: ComponentFixture<FileInputComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ FileInputComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(FileInputComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/app/modules/brainloper-ui/components/file-input/file-input.component.ts

@@ -1,228 +0,0 @@
-import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';
-import { FileFormsService } from '../../../services/file-forms.service';
-import { HttpService } from '../../../services/http.service';
-import imagenPdf from '../../../brainloper-ui/components/file-input/imagenes/pdf'
-import imagenDoc from '../../../brainloper-ui/components/file-input/imagenes/doc'
-import imagenFondoTransparente from '../../../brainloper-ui/components/file-input/imagenes/fondoTransparente'
-import Compressor from 'compressorjs';
-import { MessageService } from '../../../services/message.service';
-import { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';
-import { MaxSizeValidator } from '@angular-material-components/file-input';
-
-@Component({
-  selector: 'file-input',
-  templateUrl: './file-input.component.html',
-  styleUrls: ['./file-input.component.scss']
-})
-export class FileInputComponent implements OnInit {
-
-  styleImg
-  type
-  border
-  imageSrc
-  styleForm
-  sizePicture
-  edit
-
-
-  formFile : UntypedFormGroup
-
-  color = 'primary';
-  disabled: boolean = false;
-  multiple: boolean = false;
-  accept: string;
-
-  fileControl: UntypedFormControl;
-  maxSize= 16;
-
-  size = 100000 //tamaño a comprimir las imagenes en bites
-
-  @Input()params
-   @Output() fileSave = new EventEmitter<any>()
-
-  typeFile
-  public files;
-  file=null
-  @Input()icon = 'folder'
-  constructor(
-    private fileForms: FileFormsService,
-    private http : HttpService,
-    private message : MessageService,
-    private formBuilder: UntypedFormBuilder
-  ) {
-    this.formFile = this.formBuilder.group({
-      requiredfile: []
-    })
-
-    this.fileControl = new UntypedFormControl(this.files, [
-      Validators.required,
-      MaxSizeValidator(this.maxSize * 1024)
-    ])
-  }
-
-  form: UntypedFormGroup;
-  ngOnInit(): void {
-
-    this.form = this.formBuilder.group({
-      file: []
-    })
-
-    this.sizePicture={
-      width:`${this.params.style.width}`,
-      height:`${this.params.style.height}`,
-      "border-radius":'5%',
-      border:`${this.params.style.border}`,
-    }
-
-    if(this.params.edit == true){
-      this.edit = 'img'
-    }else{
-      this.edit = ''
-    }
-    this.typeFile= this.params.typeFile
-    this.functionTypeFile()
-  }
-
-  functionTypeFile(){
-
-    if(this.params.style.shape == "circular"){
-
-      this.sizePicture['border-radius']="50%"
-      this.sizePicture.width=`${screen.width*(this.params.style.width.replace('%', '')/100)}px`
-      this.sizePicture.height = this.sizePicture.width
-
-    }
-
-    this.border ={
-      "borderRadius":`${this.sizePicture['border-radius']}`
-    }
-
-    this.styleForm={
-      width:`${this.params.style.width}`,
-      height:`${this.params.style.height}`
-    }
-
-    this.styleImg = {
-      width:'100%',
-      height: '100%',
-      "border-radius":`${this.sizePicture['border-radius']}`,
-    }
-
-    switch (this.typeFile) {
-      case 'imagen':
-        if(!this.params.imageSrc){
-          this.imageSrc=imagenFondoTransparente
-        }else{
-          this.imageSrc=this.params.imageSrc
-        }
-        this.type='image/*'
-
-        break;
-      case 'pdf':
-        this.type='.pdf'
-        this.imageSrc=imagenFondoTransparente
-
-      break;
-      case 'doc':
-        this.type='.doc, .docx'
-        this.imageSrc=imagenFondoTransparente
-
-      break;
-
-      default:
-        break;
-    }
-  }
-
-  async fileChange($event: Event){
-
-    if($event.target['files'][0]['size'] < 15000000){
-      let r
-      if($event.target['files'] && $event.target['files'][0]){
-        this.file = $event.target['files'][0];
-        switch (this.typeFile) {
-          case 'pdf':
-            r=false
-          this.styleImg={
-              width:'100%',
-              height: '100%',
-              "border-radius":`${this.sizePicture['border-radius']}`,
-              "background-image": `url(${imagenPdf})`,
-              "background-position": "center",
-              "background-size": "30% 65%",
-              "background-repeat": "no-repeat"
-            }
-
-            break;
-
-          case 'imagen':
-            const reader = new FileReader();
-            reader.onload = e => this.imageSrc = reader.result;
-            reader.readAsDataURL(this.file);
-            r = await this.compressor()
-            break;
-
-          case 'doc':
-            r=false
-            this.styleImg={
-              width:'100%',
-              height: '100%',
-              "border-radius":`${this.sizePicture['border-radius']}`,
-              "background-image": `url(${imagenDoc})`,
-              "background-position": "center",
-              "background-size": "30% 65%",
-              "background-repeat": "no-repeat"
-            }
-
-          break;
-          default:
-            break;
-        }
-
-      }
-
-      if(r == false){
-        this.fileSave.emit({new:this.file})
-      }else{
-      const reader = new FileReader();
-      reader.onload = e => this.imageSrc = reader.result;
-      reader.readAsDataURL(r);
-      this.fileSave.emit({new:this.file, compressor:r})
-      }
-
-    }else{
-      this.message.Error('Error', 'Archivo muy pesado, tamaño mínimo 15 MB')
-    }
-
-  }
-
-  compressor(){
-    if(this.file.size > 500000 && this.file.size < 15000000){
-      let factor = (this.size*100)/this.file.size
-      let y = ((factor**3)*(10**-6))-(0.00059*(factor**2))+(0.0399*factor)
-      return new Promise((resolve,reject)=>{
-        new Compressor (this.file, {
-            quality: y,
-            success(result){
-              resolve(result)
-            }
-           })
-
-      })
-
-    }else{
-      return (false)
-    }
-
-
-  }
-
-  selectFile($event){
-    console.log($event)
-  }
-
-
-
-
-
-}