feat: Implement sales order management, customer and address creation modals, and a login page with new image assets.

This commit is contained in:
Luis Eduardo Estevao
2026-02-11 15:26:09 -03:00
parent 32d4a3f2b9
commit befaf1872f
10 changed files with 196 additions and 631 deletions

View File

@@ -1,11 +1,5 @@
<kendo-dialog
*ngIf="openedDialog"
[(width)]="windowWidth"
[(height)]="windowHeight"
(close)="closeDialog()"
title="Novo endereço"
autoFocusedElement="#zipCode"
>
<kendo-dialog *ngIf="openedDialog" [(width)]="windowWidth" [(height)]="windowHeight" (close)="closeDialog()"
title="Novo endereço" autoFocusedElement="#zipCode">
<!--kendo-window-titlebar
style="background-color: rgb(34, 34, 61); color: white"
>
@@ -25,29 +19,18 @@
<kendo-formfield showHints="initial" showErrors="always">
<label>
<span>Cep</span>
<input
kendoTextBox
id="zipCode"
formControlName="zipCode"
showSuccessIcon="initial"
showErrorIcon="initial"
(blur)="consultaCep()"
>
<input kendoTextBox id="zipCode" formControlName="zipCode" showSuccessIcon="initial"
showErrorIcon="initial" (blur)="consultaCep()">
</label>
</kendo-formfield>
<kendo-formfield>
<label>
<span>Praça</span>
<kendo-combobox
[data]="places$ | async"
formControlName="place"
[kendoDropDownFilter]="{ operator: 'contains' }"
textField="name"
valueField="id"
placeholder="Selecione a praça do cliente..."
>
</kendo-combobox>
<kendo-combobox [data]="places$ | async" formControlName="place"
[kendoDropDownFilter]="{ operator: 'contains' }" textField="name" valueField="id"
placeholder="Selecione a praça do cliente...">
</kendo-combobox>
</label>
</kendo-formfield>
@@ -55,80 +38,49 @@
<kendo-formfield showHints="initial" showErrors="always">
<label>
<span>Endereço</span>
<kendo-textbox
#address
[maxlength]="40"
formControlName="address"
showSuccessIcon="initial"
showErrorIcon="initial"
(blur)="removeCharacters('address')"
></kendo-textbox>
<kendo-textbox #address [maxlength]="40" formControlName="address" showSuccessIcon="initial"
showErrorIcon="initial" (blur)="removeCharacters('address')"></kendo-textbox>
</label>
</kendo-formfield>
<kendo-formfield showHints="initial" showErrors="always">
<label>
<span>Número</span>
<kendo-textbox
#addressNumber
formControlName="addressNumber"
showSuccessIcon="initial"
<kendo-textbox #addressNumber formControlName="addressNumber" showSuccessIcon="initial"
showErrorIcon="initial"
onkeypress="return event.charCode >= 48 && event.charCode <= 57"
></kendo-textbox>
onkeypress="return event.charCode >= 48 && event.charCode <= 57"></kendo-textbox>
</label>
</kendo-formfield>
<kendo-formfield showHints="initial" showErrors="always">
<label>
<span>Complemento</span>
<kendo-textbox
#complement
[maxlength]="40"
formControlName="complement"
showSuccessIcon="initial"
showErrorIcon="initial"
(blur)="removeCharacters('complement')"
></kendo-textbox>
<kendo-textbox #complement [maxlength]="40" formControlName="complement" showSuccessIcon="initial"
showErrorIcon="initial" (blur)="removeCharacters('complement')"></kendo-textbox>
</label>
</kendo-formfield>
<kendo-formfield showHints="initial" showErrors="always">
<label>
<span>Bairro</span>
<kendo-textbox
#neighbourhood
formControlName="neighborhood"
showSuccessIcon="initial"
showErrorIcon="initial"
(blur)="removeCharacters('neighborhood')"
></kendo-textbox>
<kendo-textbox #neighbourhood formControlName="neighborhood" showSuccessIcon="initial"
showErrorIcon="initial" (blur)="removeCharacters('neighborhood')"></kendo-textbox>
</label>
</kendo-formfield>
<kendo-formfield showHints="initial" showErrors="always">
<label>
<span>Cidade</span>
<kendo-textbox
#city
[maxlength]="15"
formControlName="city"
showSuccessIcon="initial"
showErrorIcon="initial"
(blur)="removeCharacters('city')"
></kendo-textbox>
<kendo-textbox #city [maxlength]="15" formControlName="city" showSuccessIcon="initial"
showErrorIcon="initial" (blur)="removeCharacters('city')"></kendo-textbox>
</label>
</kendo-formfield>
<kendo-formfield showHints="initial" showErrors="always">
<label>
<span>Estado</span>
<kendo-textbox
#state
formControlName="state"
showSuccessIcon="initial"
showErrorIcon="initial"
></kendo-textbox>
<kendo-textbox #state formControlName="state" showSuccessIcon="initial"
showErrorIcon="initial"></kendo-textbox>
</label>
</kendo-formfield>
@@ -138,37 +90,21 @@
<ul class="k-radio-list k-list-horizontal">
<li class="k-radio-item">
<label>
<input
type="radio"
#addressTypeNormal
value="N"
kendoRadioButton
formControlName="addressType"
/>
<input type="radio" #addressTypeNormal value="N" kendoRadioButton formControlName="addressType" />
<span class="ms-2">Normal</span>
</label>
</li>
<li class="k-radio-item">
<label>
<input
type="radio"
#addressTypePorto
value="P"
kendoRadioButton
formControlName="addressType"
/>
<span class="ms-2">Porto</span>
<input type="radio" #addressTypeShopping value="S" kendoRadioButton
formControlName="addressType" />
<span class="ms-2">Shopping</span>
</label>
</li>
<li class="k-radio-item">
<label>
<input
type="radio"
#addressTypeCondominio
value="C"
kendoRadioButton
formControlName="addressType"
/>
<input type="radio" #addressTypeCondominio value="C" kendoRadioButton
formControlName="addressType" />
<span class="ms-2">Condominio</span>
</label>
</li>
@@ -180,26 +116,16 @@
<kendo-formfield showHints="initial" showErrors="always">
<label>
<span>Ponto de referencia</span>
<kendo-textbox
#state
formControlName="referencePoint"
showSuccessIcon="initial"
showErrorIcon="initial"
(blur)="removeCharacters('referencePoint')"
></kendo-textbox>
<kendo-textbox #state formControlName="referencePoint" showSuccessIcon="initial" showErrorIcon="initial"
(blur)="removeCharacters('referencePoint')"></kendo-textbox>
</label>
</kendo-formfield>
<kendo-formfield showHints="initial" showErrors="always">
<label>
<span>Observações</span>
<kendo-textbox
#state
formControlName="note"
showSuccessIcon="initial"
showErrorIcon="initial"
(blur)="removeCharacters('note')"
></kendo-textbox>
<kendo-textbox #state formControlName="note" showSuccessIcon="initial" showErrorIcon="initial"
(blur)="removeCharacters('note')"></kendo-textbox>
</label>
</kendo-formfield>
</fieldset>
@@ -210,11 +136,7 @@
<div class="k-loading-panel">
<div class="k-loading-panel-mask"></div>
<div class="k-loading-panel-wrapper">
<kendo-loader
[type]="'infinite-spinner'"
[themeColor]="'primary'"
[size]="'large'"
>
<kendo-loader [type]="'infinite-spinner'" [themeColor]="'primary'" [size]="'large'">
</kendo-loader>
<div class="k-loading-panel-text">Aguarde...</div>
</div>
@@ -225,54 +147,28 @@
</div>
<kendo-dialog-actions>
<button
(click)="showConfirmation()"
class="btn-fill-blue text-btn-white"
kendoButton
[primary]="true"
[disabled]="!form.valid"
>
<button (click)="showConfirmation()" class="btn-fill-blue text-btn-white" kendoButton [primary]="true"
[disabled]="!form.valid">
Gravar
</button>
<button
class="btn-flat text-btn-flat"
kendoButton
look="flat"
(click)="closeDialog()"
>
<button class="btn-flat text-btn-flat" kendoButton look="flat" (click)="closeDialog()">
Cancelar
</button>
<button
class="btn-flat text-btn-flat"
kendoButton
look="flat"
(click)="googleGeocode()"
>
Mapa do Endereço
</button>
<button class="btn-flat text-btn-flat" kendoButton look="flat" (click)="googleGeocode()">
Mapa do Endereço
</button>
</kendo-dialog-actions>
<app-confirmation
*ngIf="isShowConfirmation"
opened="isShowConfirmation"
title="{{ titleMessage }}"
message="{{ messageConfirmation }}"
textButtonConfirmation="{{ textButtonConfirmation }}"
textButtonCancel="{{ textButtonCancel }}"
(resultEvent)="returnConfirmationSalve($event)"
></app-confirmation>
<app-confirmation *ngIf="isShowConfirmation" opened="isShowConfirmation" title="{{ titleMessage }}"
message="{{ messageConfirmation }}" textButtonConfirmation="{{ textButtonConfirmation }}"
textButtonCancel="{{ textButtonCancel }}" (resultEvent)="returnConfirmationSalve($event)"></app-confirmation>
</kendo-dialog>
<kendo-dialog
*ngIf="showMap"
[height]="600"
[width]="800"
title="Confirme a localização do endereço"
(close)="MapCep(false)"
>
<kendo-dialog *ngIf="showMap" [height]="600" [width]="800" title="Confirme a localização do endereço"
(close)="MapCep(false)">
<agm-map [latitude]="latitude" [longitude]="longitude" [zoom]="zoom">
<agm-marker [latitude]="latitude" [longitude]="longitude"></agm-marker>
</agm-map>
</kendo-dialog>
</kendo-dialog>