EduardoDev
/
line-gestao-frontend
mirror of https://github.com/eduardolopesx03/line-gestao-frontend.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: teste

This commit is contained in:
Leon 2026-03-05 15:31:04 -03:00
parent c38a786f89
commit 5d0dc3b367
2 changed files with 73 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
src/app/pages/geral/geral.html
View File

@ -1693,8 +1693,8 @@
<div class="modal-body modern-body bg-light-gray" *ngIf="detailData; else detailLoading"> <div class="modal-body modern-body bg-light-gray" *ngIf="detailData; else detailLoading">
<div class="details-dashboard"> <div class="details-dashboard">
<div class="dashboard-column"> <ng-template #detailIdentificacaoCard>
<div class="detail-box h-100"> <div class="detail-box">
<div class="box-header justify-content-center"> <div class="box-header justify-content-center">
<span><i class="bi bi-person-badge me-2"></i> Identificação</span> <span><i class="bi bi-person-badge me-2"></i> Identificação</span>
</div> </div>
@ -1720,6 +1720,34 @@
<span class="lbl">Setor</span> <span class="lbl">Setor</span>
<span class="val">{{ detailData.setorNome || '-' }}</span> <span class="val">{{ detailData.setorNome || '-' }}</span>
</div> </div>
<div class="info-item">
<span class="lbl">Item</span>
<span class="val">{{ detailData.item }}</span>
</div>
<div class="info-item">
<span class="lbl">Chip (ICCID)</span>
<span class="val small-text">{{ detailData.chip || '-' }}</span>
</div>
<div class="info-item">
<span class="lbl">Tipo de Chip</span>
<span class="val">{{ detailData.tipoDeChip || '-' }}</span>
</div>
<div class="info-item" *ngIf="isClientRestricted">
<span class="lbl">Franquia Line</span>
<span class="val">{{ formatFranquia(detailData.franquiaLine) }}</span>
</div>
</div>
</div>
</div>
</ng-template>
<ng-template #detailAparelhoCard>
<div class="detail-box">
<div class="box-header justify-content-center">
<span><i class="bi bi-phone me-2"></i> Aparelho</span>
</div>
<div class="box-body compact-padding">
<div class="info-grid compact-gap">
<div class="info-item span-2"> <div class="info-item span-2">
<span class="lbl">Aparelho</span> <span class="lbl">Aparelho</span>
<span class="val">{{ detailData.aparelhoNome || '-' }}</span> <span class="val">{{ detailData.aparelhoNome || '-' }}</span>
@ -1758,25 +1786,22 @@
</ng-template> </ng-template>
</span> </span>
</div> </div>
<div class="info-item">
<span class="lbl">Item</span>
<span class="val">{{ detailData.item }}</span>
</div>
<div class="info-item">
<span class="lbl">Chip (ICCID)</span>
<span class="val small-text">{{ detailData.chip || '-' }}</span>
</div>
<div class="info-item">
<span class="lbl">Tipo de Chip</span>
<span class="val">{{ detailData.tipoDeChip || '-' }}</span>
</div>
<div class="info-item" *ngIf="isClientRestricted">
<span class="lbl">Franquia Line</span>
<span class="val">{{ formatFranquia(detailData.franquiaLine) }}</span>
</div> </div>
</div> </div>
</div> </div>
</ng-template>
<div class="dashboard-column d-flex flex-column gap-2" *ngIf="!isClientRestricted">
<ng-container *ngTemplateOutlet="detailIdentificacaoCard"></ng-container>
<ng-container *ngTemplateOutlet="detailAparelhoCard"></ng-container>
</div> </div>
<div class="dashboard-column" *ngIf="isClientRestricted">
<ng-container *ngTemplateOutlet="detailIdentificacaoCard"></ng-container>
</div>
<div class="dashboard-column" *ngIf="isClientRestricted">
<ng-container *ngTemplateOutlet="detailAparelhoCard"></ng-container>
</div> </div>
<div class="dashboard-column d-flex flex-column gap-2" *ngIf="!isClientRestricted"> <div class="dashboard-column d-flex flex-column gap-2" *ngIf="!isClientRestricted">
@ -1964,7 +1989,7 @@
<div class="edit-sections" *ngIf="isClientRestricted"> <div class="edit-sections" *ngIf="isClientRestricted">
<details open class="detail-box"> <details open class="detail-box">
<summary class="box-header"> <summary class="box-header">
<span><i class="bi bi-person-badge me-2"></i> Dados Permitidos para Cliente</span> <span><i class="bi bi-person-badge me-2"></i> Identificação</span>
<i class="bi bi-chevron-down ms-auto transition-icon"></i> <i class="bi bi-chevron-down ms-auto transition-icon"></i>
</summary> </summary>
<div class="box-body"> <div class="box-body">
@ -1985,6 +2010,17 @@
<label>Centro de Custos</label> <label>Centro de Custos</label>
<input class="form-control form-control-sm" [(ngModel)]="editModel.centroDeCustos" /> <input class="form-control form-control-sm" [(ngModel)]="editModel.centroDeCustos" />
</div> </div>
</div>
</div>
</details>
<details open class="detail-box">
<summary class="box-header">
<span><i class="bi bi-phone me-2"></i> Aparelho</span>
<i class="bi bi-chevron-down ms-auto transition-icon"></i>
</summary>
<div class="box-body">
<div class="form-grid">
<div class="form-field span-2"> <div class="form-field span-2">
<label>Aparelho (Nome)</label> <label>Aparelho (Nome)</label>
<input class="form-control form-control-sm" [(ngModel)]="editModel.aparelhoNome" /> <input class="form-control form-control-sm" [(ngModel)]="editModel.aparelhoNome" />
@ -2043,7 +2079,15 @@
<div class="form-field"><label>Usuário</label><input class="form-control form-control-sm" [(ngModel)]="editModel.usuario" /></div> <div class="form-field"><label>Usuário</label><input class="form-control form-control-sm" [(ngModel)]="editModel.usuario" /></div>
<div class="form-field"><label>Centro de Custos</label><input class="form-control form-control-sm" [(ngModel)]="editModel.centroDeCustos" /></div> <div class="form-field"><label>Centro de Custos</label><input class="form-control form-control-sm" [(ngModel)]="editModel.centroDeCustos" /></div>
<div class="form-field"><label>Setor</label><input class="form-control form-control-sm" [(ngModel)]="editModel.setorNome" /></div> <div class="form-field"><label>Setor</label><input class="form-control form-control-sm" [(ngModel)]="editModel.setorNome" /></div>
<div class="form-field"><label>Aparelho (Nome)</label><input class="form-control form-control-sm" [(ngModel)]="editModel.aparelhoNome" /></div> </div>
</div>
</details>
<details open class="detail-box">
<summary class="box-header"><span><i class="bi bi-phone me-2"></i> Aparelho</span><i class="bi bi-chevron-down ms-auto transition-icon"></i></summary>
<div class="box-body">
<div class="form-grid">
<div class="form-field span-2"><label>Aparelho (Nome)</label><input class="form-control form-control-sm" [(ngModel)]="editModel.aparelhoNome" /></div>
<div class="form-field"><label>Aparelho (Cor)</label><input class="form-control form-control-sm" [(ngModel)]="editModel.aparelhoCor" /></div> <div class="form-field"><label>Aparelho (Cor)</label><input class="form-control form-control-sm" [(ngModel)]="editModel.aparelhoCor" /></div>
<div class="form-field"><label>Aparelho (IMEI)</label><input class="form-control form-control-sm" [(ngModel)]="editModel.aparelhoImei" /></div> <div class="form-field"><label>Aparelho (IMEI)</label><input class="form-control form-control-sm" [(ngModel)]="editModel.aparelhoImei" /></div>
<div class="form-field span-2"> <div class="form-field span-2">

10
src/app/pages/geral/geral.scss
View File

@ -518,12 +518,18 @@
.modal-body .box-body { overflow: visible; } .modal-body .box-body { overflow: visible; }
.modal-xl-custom { width: min(1100px, 95vw); max-height: 85vh; } .modal-xl-custom { width: min(1100px, 95vw); max-height: 85vh; }
.modal-card.modal-client-detail { .modal-card.modal-client-detail {
width: min(560px, 95vw); width: min(980px, 96vw);
} }
.modal-card.modal-client-detail .details-dashboard { .modal-card.modal-client-detail .details-dashboard {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
max-width: 940px;
margin: 0 auto;
@media (max-width: 900px) {
grid-template-columns: 1fr; grid-template-columns: 1fr;
max-width: 520px; max-width: 520px;
margin: 0 auto; }
} }
.modal-card.modal-create { width: min(1280px, 96vw); max-height: 92vh; } .modal-card.modal-create { width: min(1280px, 96vw); max-height: 92vh; }
.modal-card.modal-create.batch-mode { width: min(1560px, 99vw); } .modal-card.modal-create.batch-mode { width: min(1560px, 99vw); }