oxpi-nglib 2.0.41 → 2.0.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/cadastros/clientes/clientes/clientes-form.component.mjs +17 -4
- package/esm2022/lib/models/entidades/permissoes.mjs +1 -1
- package/esm2022/lib/models/entidades/pessoa.mjs +1 -1
- package/esm2022/lib/oxpi-nglib.module.mjs +5 -1
- package/esm2022/lib/providers/auth-data.service.mjs +2 -1
- package/fesm2022/oxpi-nglib.mjs +20 -5
- package/fesm2022/oxpi-nglib.mjs.map +1 -1
- package/lib/cadastros/clientes/clientes/clientes-form.component.d.ts +3 -0
- package/lib/models/entidades/permissoes.d.ts +1 -0
- package/lib/models/entidades/pessoa.d.ts +11 -0
- package/lib/oxpi-nglib.module.d.ts +5 -4
- package/package.json +1 -1
- package/styles/cadastros-listagens-form.scss +23 -1
package/fesm2022/oxpi-nglib.mjs
CHANGED
|
@@ -22,7 +22,9 @@ import { trigger, transition, style, animate } from '@angular/animations';
|
|
|
22
22
|
import * as i12 from '@angular/material/autocomplete';
|
|
23
23
|
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
24
24
|
import * as i5$1 from '@angular/router';
|
|
25
|
-
import * as
|
|
25
|
+
import * as i5$2 from '@angular/material/datepicker';
|
|
26
|
+
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
27
|
+
import * as i6$3 from 'ngx-mask';
|
|
26
28
|
import { NgxMaskDirective, NgxMaskPipe, provideEnvironmentNgxMask } from 'ngx-mask';
|
|
27
29
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
28
30
|
import * as i1$2 from '@angular/platform-browser';
|
|
@@ -1049,6 +1051,7 @@ class AuthDataService {
|
|
|
1049
1051
|
gerencialVerificacaoCaixa: false,
|
|
1050
1052
|
gerencialComandasPorCaixa: false,
|
|
1051
1053
|
gerencialRegistrorecepcao: false,
|
|
1054
|
+
gerencialConferenciaCheckout: false,
|
|
1052
1055
|
gerencialAgrupadoDia: false,
|
|
1053
1056
|
gerencialLogUsuarios: false,
|
|
1054
1057
|
gerencialPesquisaOcupacoes: false,
|
|
@@ -4410,15 +4413,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
|
|
|
4410
4413
|
}], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialog }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
|
|
4411
4414
|
|
|
4412
4415
|
class ClientesFormComponent {
|
|
4413
|
-
constructor() {
|
|
4416
|
+
constructor() {
|
|
4417
|
+
this.sexos = ['M', 'F'];
|
|
4418
|
+
this.estados = ['AC', 'AL', 'AP', 'AM', 'BA', 'CE', 'DF', 'ES', 'GO', 'MA', 'MT', 'MS', 'MG', 'PA', 'PB', 'PR', 'PE', 'PI', 'RJ', 'RN', 'RS', 'RO', 'RR', 'SC', 'SP', 'SE', 'TO'];
|
|
4419
|
+
}
|
|
4414
4420
|
ngOnInit() {
|
|
4415
4421
|
}
|
|
4422
|
+
changeDataInicio(d) {
|
|
4423
|
+
{
|
|
4424
|
+
if (this.model)
|
|
4425
|
+
this.model.dataNascimento = d;
|
|
4426
|
+
}
|
|
4427
|
+
}
|
|
4416
4428
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ClientesFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4417
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ClientesFormComponent, selector: "app-clientes-form", inputs: { model: "model" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <div class=\"form-
|
|
4429
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ClientesFormComponent, selector: "app-clientes-form", inputs: { model: "model" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <div class=\"form-section vbox\">\n <h4>Dados Principais</h4>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>{{model.juridica ? 'CNPJ' : 'CPF' }}</label>\n <input [(ngModel)]=\"model.cnpjCpf\" class=\"form-control input-180\" mask=\"000.000.000-00||00.000.000/0000-00\"\n tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>{{model.juridica ? 'IE' : 'RG' }}</label>\n <input [(ngModel)]=\"model.ieRg\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n <div class=\"form-block\" *ngIf=\"!model.juridica\">\n <label>Org\u00E3o Expeditor</label>\n <input [(ngModel)]=\"model.orgaoExpedidor\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n </div>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>{{model.juridica ? 'Nome' : 'Raz\u00E3o Social' }}</label>\n <input id=\"nome\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\"\n tabindex=\"1\">\n </div>\n </div>\n \n <div class=\"form-block\" *ngIf=\"model.juridica\">\n <label>Nome Fantasia</label>\n <input id=\"nome\" [(ngModel)]=\"model.fantasia\" class=\"form-control input-300\" tabindex=\"1\">\n </div>\n <mat-checkbox [(ngModel)]=\"model.juridica\" tabindex=\"4\">Pessoa Jur\u00EDdica</mat-checkbox>\n </div>\n <div class=\"form-section vbox\">\n <h4>Contato</h4>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>Telefone</label>\n <input [(ngModel)]=\"model.telefone\" mask=\"(00)00000-0000\" class=\"form-control input-180\" tabindex=\"3\">\n <mat-checkbox [(ngModel)]=\"model.recebeWhatsApp\" tabindex=\"4\"\n style=\"margin-top: 8px; max-width: 180px;\">Deseja receber WhatsApp</mat-checkbox>\n </div>\n <div class=\"form-block\">\n <label>E-mail</label>\n <input [(ngModel)]=\"model.email\" type=\"email\" class=\"form-control input-260\" tabindex=\"3\">\n <mat-checkbox [(ngModel)]=\"model.recebeEmail\" tabindex=\"4\" style=\"margin-top: 8px; max-width: 260px;\">Deseja\n receber E-mail</mat-checkbox>\n </div>\n </div>\n </div>\n \n <div class=\"form-section vbox\">\n <h4>Endere\u00E7o</h4>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>Endere\u00E7o</label>\n <input [(ngModel)]=\"model.endereco\" class=\"form-control input-260\" tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>N\u00FAmero</label>\n <input [(ngModel)]=\"model.numero\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n </div>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>CEP</label>\n <input [(ngModel)]=\"model.cep\" mask=\"00000-000\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>Bairro</label>\n <input [(ngModel)]=\"model.bairro\" class=\"form-control input-260\" tabindex=\"3\">\n </div>\n </div>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>Complemento</label>\n <input [(ngModel)]=\"model.complemento\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>Cidade</label>\n <input [(ngModel)]=\"model.cidade\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>Estado</label>\n <mat-select [(ngModel)]=\"model.uf\" tabindex=\"3\" style=\"width: 80px;\" class=\"form-control\" color=\"primary\">\n <mat-option *ngFor=\"let e of estados\" [value]=\"e\">\n {{e}}\n </mat-option>\n </mat-select>\n </div>\n </div>\n </div>\n <div class=\"form-section vbox\">\n <h4>Complemento</h4>\n \n <div class=\"hbox gap-16\" *ngIf=\"!model.juridica\">\n <div class=\"form-block\">\n <label>Data Nascimento</label>\n <div class=\"hbox\">\n <input id=\"vencimento\" [(ngModel)]=\"model.dataNascimento\" class=\"form-control input-small\"\n [matDatepicker]=\"pickerdataNascimento\" tabindex=\"8\">\n <mat-datepicker-toggle [for]=\"pickerdataNascimento\"></mat-datepicker-toggle>\n <mat-datepicker [touchUi]=\"false\" #pickerdataNascimento></mat-datepicker>\n </div>\n </div>\n <div class=\"form-block\">\n <label>Sexo</label>\n <mat-select id=\"sexo\" [(ngModel)]=\"model.sexo\" tabindex=\"8\" style=\"width: 80px;\" class=\"form-control\"\n color=\"primary\">\n <mat-option *ngFor=\"let m of sexos\" [value]=\"m\">\n {{m}}\n </mat-option>\n </mat-select>\n </div>\n </div>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>Observa\u00E7\u00F5es</label>\n <input [(ngModel)]=\"model.obs\" class=\"form-control input-300\" tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>Contato</label>\n <input [(ngModel)]=\"model.contato\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n </div>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>Profiss\u00E3o</label>\n <input [(ngModel)]=\"model.profissao\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>\u00DAltimo Destino</label>\n <input [(ngModel)]=\"model.ultimoDestino\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>Pr\u00F3ximo Destino</label>\n <input [(ngModel)]=\"model.proximoDestino\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n </div>\n \n </div>\n \n</ng-container>", styles: [":host{display:flex;flex-direction:column;gap:16px}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i5$2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5$2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5$2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i6$3.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }] }); }
|
|
4418
4430
|
}
|
|
4419
4431
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ClientesFormComponent, decorators: [{
|
|
4420
4432
|
type: Component,
|
|
4421
|
-
args: [{ selector: 'app-clientes-form', template: "<ng-container *ngIf=\"model\">\n <div class=\"form-
|
|
4433
|
+
args: [{ selector: 'app-clientes-form', template: "<ng-container *ngIf=\"model\">\n <div class=\"form-section vbox\">\n <h4>Dados Principais</h4>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>{{model.juridica ? 'CNPJ' : 'CPF' }}</label>\n <input [(ngModel)]=\"model.cnpjCpf\" class=\"form-control input-180\" mask=\"000.000.000-00||00.000.000/0000-00\"\n tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>{{model.juridica ? 'IE' : 'RG' }}</label>\n <input [(ngModel)]=\"model.ieRg\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n <div class=\"form-block\" *ngIf=\"!model.juridica\">\n <label>Org\u00E3o Expeditor</label>\n <input [(ngModel)]=\"model.orgaoExpedidor\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n </div>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>{{model.juridica ? 'Nome' : 'Raz\u00E3o Social' }}</label>\n <input id=\"nome\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\"\n tabindex=\"1\">\n </div>\n </div>\n \n <div class=\"form-block\" *ngIf=\"model.juridica\">\n <label>Nome Fantasia</label>\n <input id=\"nome\" [(ngModel)]=\"model.fantasia\" class=\"form-control input-300\" tabindex=\"1\">\n </div>\n <mat-checkbox [(ngModel)]=\"model.juridica\" tabindex=\"4\">Pessoa Jur\u00EDdica</mat-checkbox>\n </div>\n <div class=\"form-section vbox\">\n <h4>Contato</h4>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>Telefone</label>\n <input [(ngModel)]=\"model.telefone\" mask=\"(00)00000-0000\" class=\"form-control input-180\" tabindex=\"3\">\n <mat-checkbox [(ngModel)]=\"model.recebeWhatsApp\" tabindex=\"4\"\n style=\"margin-top: 8px; max-width: 180px;\">Deseja receber WhatsApp</mat-checkbox>\n </div>\n <div class=\"form-block\">\n <label>E-mail</label>\n <input [(ngModel)]=\"model.email\" type=\"email\" class=\"form-control input-260\" tabindex=\"3\">\n <mat-checkbox [(ngModel)]=\"model.recebeEmail\" tabindex=\"4\" style=\"margin-top: 8px; max-width: 260px;\">Deseja\n receber E-mail</mat-checkbox>\n </div>\n </div>\n </div>\n \n <div class=\"form-section vbox\">\n <h4>Endere\u00E7o</h4>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>Endere\u00E7o</label>\n <input [(ngModel)]=\"model.endereco\" class=\"form-control input-260\" tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>N\u00FAmero</label>\n <input [(ngModel)]=\"model.numero\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n </div>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>CEP</label>\n <input [(ngModel)]=\"model.cep\" mask=\"00000-000\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>Bairro</label>\n <input [(ngModel)]=\"model.bairro\" class=\"form-control input-260\" tabindex=\"3\">\n </div>\n </div>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>Complemento</label>\n <input [(ngModel)]=\"model.complemento\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>Cidade</label>\n <input [(ngModel)]=\"model.cidade\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>Estado</label>\n <mat-select [(ngModel)]=\"model.uf\" tabindex=\"3\" style=\"width: 80px;\" class=\"form-control\" color=\"primary\">\n <mat-option *ngFor=\"let e of estados\" [value]=\"e\">\n {{e}}\n </mat-option>\n </mat-select>\n </div>\n </div>\n </div>\n <div class=\"form-section vbox\">\n <h4>Complemento</h4>\n \n <div class=\"hbox gap-16\" *ngIf=\"!model.juridica\">\n <div class=\"form-block\">\n <label>Data Nascimento</label>\n <div class=\"hbox\">\n <input id=\"vencimento\" [(ngModel)]=\"model.dataNascimento\" class=\"form-control input-small\"\n [matDatepicker]=\"pickerdataNascimento\" tabindex=\"8\">\n <mat-datepicker-toggle [for]=\"pickerdataNascimento\"></mat-datepicker-toggle>\n <mat-datepicker [touchUi]=\"false\" #pickerdataNascimento></mat-datepicker>\n </div>\n </div>\n <div class=\"form-block\">\n <label>Sexo</label>\n <mat-select id=\"sexo\" [(ngModel)]=\"model.sexo\" tabindex=\"8\" style=\"width: 80px;\" class=\"form-control\"\n color=\"primary\">\n <mat-option *ngFor=\"let m of sexos\" [value]=\"m\">\n {{m}}\n </mat-option>\n </mat-select>\n </div>\n </div>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>Observa\u00E7\u00F5es</label>\n <input [(ngModel)]=\"model.obs\" class=\"form-control input-300\" tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>Contato</label>\n <input [(ngModel)]=\"model.contato\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n </div>\n <div class=\"hbox gap-16\">\n <div class=\"form-block\">\n <label>Profiss\u00E3o</label>\n <input [(ngModel)]=\"model.profissao\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>\u00DAltimo Destino</label>\n <input [(ngModel)]=\"model.ultimoDestino\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n <div class=\"form-block\">\n <label>Pr\u00F3ximo Destino</label>\n <input [(ngModel)]=\"model.proximoDestino\" class=\"form-control input-120\" tabindex=\"3\">\n </div>\n </div>\n \n </div>\n \n</ng-container>", styles: [":host{display:flex;flex-direction:column;gap:16px}\n"] }]
|
|
4422
4434
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
4423
4435
|
type: Input
|
|
4424
4436
|
}] } });
|
|
@@ -4897,7 +4909,7 @@ class FornecedoresFormComponent {
|
|
|
4897
4909
|
}
|
|
4898
4910
|
}
|
|
4899
4911
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FornecedoresFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4900
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: { model: "model" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <div class=\"form-block\">\n <label>Nome</label>\n <input id=\"nome\" maxlength=\"60\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\" tabindex=\"1\">\n </div>\n \n <h4 class=\"margin-top-16\">Dados Complementares</h4>\n \n <div class=\"form-group\">\n <label>Nome Fantasia</label>\n <input [(ngModel)]=\"model.fantasia\" maxlength=\"60\" class=\"form-control input-300\" tabindex=\"2\">\n </div>\n <div class=\"form-group\">\n <label>CPF/CNPJ</label>\n <div class=\"hbox gap-4\">\n <input [(ngModel)]=\"model.cnpjCpf\" (change)=\"validarCpfCnpj()\" mask=\"000.000.000-00||00.000.000/0000-00\"\n class=\"form-control input-180\" tabindex=\"3\">\n <i class=\"material-icons\" style=\"align-self: center; color: #03a928;\" *ngIf=\"boolCpfCnpjValidado === true\">\n check_circle\n </i>\n <i class=\"material-icons\" style=\"align-self: center; color: #a98203;\" *ngIf=\"boolCpfCnpjValidado === false\">\n cancel\n </i>\n \n </div>\n </div>\n <div class=\"form-group\">\n <label>Observa\u00E7\u00F5es</label>\n <input [(ngModel)]=\"model.obs\" maxlength=\"60\" class=\"form-control input-300\">\n </div>\n <div class=\"hbox gap-8\">\n <div class=\"form-group\">\n <label>Telefone</label>\n <input [(ngModel)]=\"model.telefone\" maxlength=\"30\" class=\"form-control input-180\">\n </div>\n <div class=\"form-group\">\n <label>Fax</label>\n <input [(ngModel)]=\"model.fax\" maxlength=\"15\" class=\"form-control input-120\">\n </div>\n </div>\n <div class=\"hbox gap-8\">\n <div class=\"form-group\">\n <label>Contato</label>\n <input [(ngModel)]=\"model.contato\" maxlength=\"30\" class=\"form-control input-120\">\n </div>\n <div class=\"form-group\">\n <label>E-mail</label>\n <input [(ngModel)]=\"model.email\" maxlength=\"60\" class=\"form-control input-200\">\n </div>\n </div>\n <div class=\"form-group\">\n <label>Endere\u00E7o</label>\n <input [(ngModel)]=\"model.endereco\" maxlength=\"60\" class=\"form-control input-300\">\n </div>\n \n <div class=\"hbox gap-8\">\n <div class=\"form-group\">\n <label>N\u00FAmero</label>\n <input [(ngModel)]=\"model.numero\" maxlength=\"15\" class=\"form-control input-120\">\n </div>\n <div class=\"form-group\">\n <label>CEP</label>\n <input [(ngModel)]=\"model.cep\" maxlength=\"9\" class=\"form-control input-120\">\n </div>\n <div class=\"form-group\">\n <label>Bairro</label>\n <input [(ngModel)]=\"model.bairro\" maxlength=\"60\" class=\"form-control input-120\">\n </div>\n </div>\n <div class=\"hbox gap-8\">\n <div class=\"form-group\">\n <label>Complemento</label>\n <input [(ngModel)]=\"model.complemento\" maxlength=\"30\" class=\"form-control input-200\">\n </div>\n <div class=\"form-group\">\n <label>IE/RG</label>\n <input [(ngModel)]=\"model.ieRg\" maxlength=\"20\" class=\"form-control input-120\">\n </div>\n </div>\n</ng-container>", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type:
|
|
4912
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: { model: "model" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <div class=\"form-block\">\n <label>Nome</label>\n <input id=\"nome\" maxlength=\"60\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\" tabindex=\"1\">\n </div>\n \n <h4 class=\"margin-top-16\">Dados Complementares</h4>\n \n <div class=\"form-group\">\n <label>Nome Fantasia</label>\n <input [(ngModel)]=\"model.fantasia\" maxlength=\"60\" class=\"form-control input-300\" tabindex=\"2\">\n </div>\n <div class=\"form-group\">\n <label>CPF/CNPJ</label>\n <div class=\"hbox gap-4\">\n <input [(ngModel)]=\"model.cnpjCpf\" (change)=\"validarCpfCnpj()\" mask=\"000.000.000-00||00.000.000/0000-00\"\n class=\"form-control input-180\" tabindex=\"3\">\n <i class=\"material-icons\" style=\"align-self: center; color: #03a928;\" *ngIf=\"boolCpfCnpjValidado === true\">\n check_circle\n </i>\n <i class=\"material-icons\" style=\"align-self: center; color: #a98203;\" *ngIf=\"boolCpfCnpjValidado === false\">\n cancel\n </i>\n \n </div>\n </div>\n <div class=\"form-group\">\n <label>Observa\u00E7\u00F5es</label>\n <input [(ngModel)]=\"model.obs\" maxlength=\"60\" class=\"form-control input-300\">\n </div>\n <div class=\"hbox gap-8\">\n <div class=\"form-group\">\n <label>Telefone</label>\n <input [(ngModel)]=\"model.telefone\" maxlength=\"30\" class=\"form-control input-180\">\n </div>\n <div class=\"form-group\">\n <label>Fax</label>\n <input [(ngModel)]=\"model.fax\" maxlength=\"15\" class=\"form-control input-120\">\n </div>\n </div>\n <div class=\"hbox gap-8\">\n <div class=\"form-group\">\n <label>Contato</label>\n <input [(ngModel)]=\"model.contato\" maxlength=\"30\" class=\"form-control input-120\">\n </div>\n <div class=\"form-group\">\n <label>E-mail</label>\n <input [(ngModel)]=\"model.email\" maxlength=\"60\" class=\"form-control input-200\">\n </div>\n </div>\n <div class=\"form-group\">\n <label>Endere\u00E7o</label>\n <input [(ngModel)]=\"model.endereco\" maxlength=\"60\" class=\"form-control input-300\">\n </div>\n \n <div class=\"hbox gap-8\">\n <div class=\"form-group\">\n <label>N\u00FAmero</label>\n <input [(ngModel)]=\"model.numero\" maxlength=\"15\" class=\"form-control input-120\">\n </div>\n <div class=\"form-group\">\n <label>CEP</label>\n <input [(ngModel)]=\"model.cep\" maxlength=\"9\" class=\"form-control input-120\">\n </div>\n <div class=\"form-group\">\n <label>Bairro</label>\n <input [(ngModel)]=\"model.bairro\" maxlength=\"60\" class=\"form-control input-120\">\n </div>\n </div>\n <div class=\"hbox gap-8\">\n <div class=\"form-group\">\n <label>Complemento</label>\n <input [(ngModel)]=\"model.complemento\" maxlength=\"30\" class=\"form-control input-200\">\n </div>\n <div class=\"form-group\">\n <label>IE/RG</label>\n <input [(ngModel)]=\"model.ieRg\" maxlength=\"20\" class=\"form-control input-120\">\n </div>\n </div>\n</ng-container>", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6$3.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }] }); }
|
|
4901
4913
|
}
|
|
4902
4914
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FornecedoresFormComponent, decorators: [{
|
|
4903
4915
|
type: Component,
|
|
@@ -5637,6 +5649,7 @@ class OxpiNglibModule {
|
|
|
5637
5649
|
MatIconModule,
|
|
5638
5650
|
MatDialogModule,
|
|
5639
5651
|
MatSelectModule,
|
|
5652
|
+
MatDatepickerModule,
|
|
5640
5653
|
MatAutocompleteModule,
|
|
5641
5654
|
MatSlideToggleModule,
|
|
5642
5655
|
NgxMaskDirective,
|
|
@@ -5657,6 +5670,7 @@ class OxpiNglibModule {
|
|
|
5657
5670
|
MatIconModule,
|
|
5658
5671
|
MatDialogModule,
|
|
5659
5672
|
MatSelectModule,
|
|
5673
|
+
MatDatepickerModule,
|
|
5660
5674
|
MatAutocompleteModule,
|
|
5661
5675
|
MatSlideToggleModule] }); }
|
|
5662
5676
|
}
|
|
@@ -5726,6 +5740,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
|
|
|
5726
5740
|
MatIconModule,
|
|
5727
5741
|
MatDialogModule,
|
|
5728
5742
|
MatSelectModule,
|
|
5743
|
+
MatDatepickerModule,
|
|
5729
5744
|
MatAutocompleteModule,
|
|
5730
5745
|
MatSlideToggleModule,
|
|
5731
5746
|
NgxMaskDirective,
|