oxpi-nglib 2.0.40 → 2.0.42
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/cadastros/produtos/produto-form/produto-form.component.mjs +2 -2
- package/esm2022/lib/models/entidades/pessoa.mjs +1 -1
- package/esm2022/lib/oxpi-nglib.module.mjs +5 -1
- package/esm2022/lib/providers/common-web-service.mjs +4 -2
- package/fesm2022/oxpi-nglib.mjs +23 -7
- package/fesm2022/oxpi-nglib.mjs.map +1 -1
- package/lib/cadastros/clientes/clientes/clientes-form.component.d.ts +3 -0
- package/lib/models/entidades/pessoa.d.ts +11 -0
- package/lib/oxpi-nglib.module.d.ts +5 -4
- package/lib/providers/common-web-service.d.ts +2 -1
- package/package.json +1 -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';
|
|
@@ -167,6 +169,7 @@ class CommonWebService {
|
|
|
167
169
|
this.PRODUTO_CATEGORIA_CARDAPIO_BASE_URL = '';
|
|
168
170
|
this.PRODUTO_VERIFICACAO_GRUPO_BASE_URL = '';
|
|
169
171
|
this.ESTOQUE_URL = '';
|
|
172
|
+
this.UPLOAD_CONTENT_BASE_URL = '';
|
|
170
173
|
this.MEDIA_BASE_URL = '';
|
|
171
174
|
this.MEDIA_PRODUTO_IMAGEM_URL = '';
|
|
172
175
|
this.PRODUTO_COMPOSICAO_BASE_URL = '';
|
|
@@ -178,7 +181,7 @@ class CommonWebService {
|
|
|
178
181
|
setToken(token) {
|
|
179
182
|
this.token = token;
|
|
180
183
|
}
|
|
181
|
-
start(rootUrl) {
|
|
184
|
+
start(rootUrl, uploadContentUrl) {
|
|
182
185
|
this.ROOT_URL = rootUrl;
|
|
183
186
|
this.PRODUTO_COMPOSICAO_BASE_URL = rootUrl + "ProdutoComposicao/";
|
|
184
187
|
this.FUNCIONARIO_BASE_URL = rootUrl + "Funcionario/";
|
|
@@ -197,6 +200,7 @@ class CommonWebService {
|
|
|
197
200
|
this.CLIENTE_BASE_URL = this.FINANCAS_URL + 'Cliente/';
|
|
198
201
|
this.OPERADOR_BASE_URL = this.ROOT_URL + "Operador/";
|
|
199
202
|
this.SUITE_BASE_URL = this.ROOT_URL + "SuiteBase/";
|
|
203
|
+
this.UPLOAD_CONTENT_BASE_URL = uploadContentUrl;
|
|
200
204
|
}
|
|
201
205
|
getFuncionarios(exibeInativo = false) {
|
|
202
206
|
const url = this.FUNCIONARIO_BASE_URL;
|
|
@@ -2782,7 +2786,7 @@ class ProdutoFormComponent {
|
|
|
2782
2786
|
let fileToUpload = files[0];
|
|
2783
2787
|
const formData = new FormData();
|
|
2784
2788
|
formData.append('file', fileToUpload, fileToUpload.name);
|
|
2785
|
-
this.http.post(this.ws.
|
|
2789
|
+
this.http.post(this.ws.UPLOAD_CONTENT_BASE_URL + "Produto?produtoId=" + this.model.id, formData, {
|
|
2786
2790
|
reportProgress: true,
|
|
2787
2791
|
observe: 'events',
|
|
2788
2792
|
headers: {
|
|
@@ -4408,15 +4412,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
|
|
|
4408
4412
|
}], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialog }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
|
|
4409
4413
|
|
|
4410
4414
|
class ClientesFormComponent {
|
|
4411
|
-
constructor() {
|
|
4415
|
+
constructor() {
|
|
4416
|
+
this.sexos = ['M', 'F'];
|
|
4417
|
+
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'];
|
|
4418
|
+
}
|
|
4412
4419
|
ngOnInit() {
|
|
4413
4420
|
}
|
|
4421
|
+
changeDataInicio(d) {
|
|
4422
|
+
{
|
|
4423
|
+
if (this.model)
|
|
4424
|
+
this.model.dataNascimento = d;
|
|
4425
|
+
}
|
|
4426
|
+
}
|
|
4414
4427
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ClientesFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4415
|
-
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-
|
|
4428
|
+
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"] }] }); }
|
|
4416
4429
|
}
|
|
4417
4430
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ClientesFormComponent, decorators: [{
|
|
4418
4431
|
type: Component,
|
|
4419
|
-
args: [{ selector: 'app-clientes-form', template: "<ng-container *ngIf=\"model\">\n <div class=\"form-
|
|
4432
|
+
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"] }]
|
|
4420
4433
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
4421
4434
|
type: Input
|
|
4422
4435
|
}] } });
|
|
@@ -4895,7 +4908,7 @@ class FornecedoresFormComponent {
|
|
|
4895
4908
|
}
|
|
4896
4909
|
}
|
|
4897
4910
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FornecedoresFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4898
|
-
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:
|
|
4911
|
+
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"] }] }); }
|
|
4899
4912
|
}
|
|
4900
4913
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FornecedoresFormComponent, decorators: [{
|
|
4901
4914
|
type: Component,
|
|
@@ -5635,6 +5648,7 @@ class OxpiNglibModule {
|
|
|
5635
5648
|
MatIconModule,
|
|
5636
5649
|
MatDialogModule,
|
|
5637
5650
|
MatSelectModule,
|
|
5651
|
+
MatDatepickerModule,
|
|
5638
5652
|
MatAutocompleteModule,
|
|
5639
5653
|
MatSlideToggleModule,
|
|
5640
5654
|
NgxMaskDirective,
|
|
@@ -5655,6 +5669,7 @@ class OxpiNglibModule {
|
|
|
5655
5669
|
MatIconModule,
|
|
5656
5670
|
MatDialogModule,
|
|
5657
5671
|
MatSelectModule,
|
|
5672
|
+
MatDatepickerModule,
|
|
5658
5673
|
MatAutocompleteModule,
|
|
5659
5674
|
MatSlideToggleModule] }); }
|
|
5660
5675
|
}
|
|
@@ -5724,6 +5739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
|
|
|
5724
5739
|
MatIconModule,
|
|
5725
5740
|
MatDialogModule,
|
|
5726
5741
|
MatSelectModule,
|
|
5742
|
+
MatDatepickerModule,
|
|
5727
5743
|
MatAutocompleteModule,
|
|
5728
5744
|
MatSlideToggleModule,
|
|
5729
5745
|
NgxMaskDirective,
|