Gava/agenciapsilmno
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Layout 100%, Notificações, SetupWizard

Browse Source
This commit is contained in:
Leonardo
2026-03-17 21:08:14 -03:00
parent 84d65e49c0
commit 66f67cd40f
77 changed files with 35823 additions and 15023 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/agenda/components/AgendaEventDialog.vue
+62 -54
View File
@@ -8,6 +8,7 @@
:style="{ width: '1000px', maxWidth: '96vw' }"
:breakpoints="{ '960px': '96vw', '640px': '98vw' }"
class="agenda-event-composer"
pt:mask:class="backdrop-blur-xs"
>
<template #header>
<div class="w-full flex items-center justify-between gap-3">
@@ -24,47 +25,7 @@
</div>
</div>
<div class="flex items-center gap-2 shrink-0">
<Button
v-if="step === 2 && !isEdit && allowBack"
label="Voltar"
icon="pi pi-arrow-left"
severity="secondary"
outlined
size="small"
class="rounded-full"
@click="goBack"
/>
<Button
v-if="step === 2 && isEdit && hasSerie"
label="Encerrar série"
icon="pi pi-trash"
severity="danger"
outlined
size="small"
class="rounded-full text-xs h-8"
@click="onEncerrarSerie"
/>
<Button
v-if="step === 2 && isEdit && !hasSerie"
icon="pi pi-trash"
severity="danger"
outlined
size="small"
class="rounded-full h-9 w-9"
v-tooltip.bottom="'Remover'"
@click="onDelete"
/>
<Button
v-if="step === 2"
label="Salvar"
icon="pi pi-check"
size="small"
class="rounded-full"
:disabled="!canSave"
@click="onSave"
/>
</div>
<!-- actions moved to footer -->
</div>
</template>
@@ -924,7 +885,7 @@
:style="{ width: '560px', maxWidth: '96vw' }"
:breakpoints="{ '640px': '98vw' }"
>
<div class="flex flex-col gap-4 p-1">
<div class="flex flex-col gap-4">
<!-- Data -->
<div>
<label class="block text-sm font-medium mb-2">Data</label>
@@ -1060,6 +1021,53 @@
</template>
</Dialog>
<!-- Footer -->
<template v-if="step === 2" #footer>
<div class="flex items-center justify-between gap-2">
<div class="flex items-center gap-2">
<Button
v-if="!isEdit && allowBack"
label="Voltar"
icon="pi pi-arrow-left"
severity="secondary"
outlined
size="small"
class="rounded-full"
@click="goBack"
/>
<Button
v-if="isEdit && hasSerie"
label="Encerrar série"
icon="pi pi-trash"
severity="danger"
outlined
size="small"
class="rounded-full text-xs h-8"
@click="onEncerrarSerie"
/>
<Button
v-if="isEdit && !hasSerie"
icon="pi pi-trash"
severity="danger"
outlined
size="small"
class="rounded-full h-9 w-9"
v-tooltip.bottom="'Remover'"
@click="onDelete"
/>
</div>
<Button
label="Salvar"
icon="pi pi-check"
size="small"
class="rounded-full"
:disabled="!canSave"
@click="onSave"
/>
</div>
</template>
<!-- ══════════════════════════════════════════════ -->
<!-- Cadastro Rápido de Paciente -->
<!-- ══════════════════════════════════════════════ -->
@@ -2662,7 +2670,7 @@ function statusSeverity (v) {
.commitment-card {
width: 100%; text-align: left;
border: 1px solid var(--surface-border);
border-radius: 1.25rem;
border-radius: 6px;
background: color-mix(in srgb, var(--surface-card), transparent 10%);
transition: box-shadow .12s ease, transform .12s ease, border-color .12s;
overflow: hidden;
@@ -2704,7 +2712,7 @@ function statusSeverity (v) {
/* ── paciente hero ──────────────────────────────── */
.patient-hero {
border: 1.5px solid var(--surface-border);
border-radius: 1.25rem;
border-radius: 6px;
overflow: hidden;
background: color-mix(in srgb, var(--surface-card), transparent 10%);
}
@@ -2736,7 +2744,7 @@ function statusSeverity (v) {
/* Card genérico para seções (data/horário, etc.) */
.field-card {
border-radius: 1rem;
border-radius: 6px;
border: 1px solid var(--surface-border);
background: var(--surface-card);
overflow: hidden;
@@ -2848,7 +2856,7 @@ function statusSeverity (v) {
}
.side-card {
border: 1px solid var(--surface-border);
border-radius: 1.25rem;
border-radius: 6px;
padding: .9rem 1rem;
background: color-mix(in srgb, var(--surface-card), transparent 10%);
}
@@ -2879,7 +2887,7 @@ function statusSeverity (v) {
/* ── serie banner ───────────────────────────────── */
.serie-banner {
border-radius: 1rem;
border-radius: 6px;
padding: .75rem .9rem;
background: color-mix(in srgb, var(--blue-500, #3b82f6) 8%, var(--surface-card));
border: 1px solid color-mix(in srgb, var(--blue-400, #60a5fa) 30%, transparent);
@@ -2922,7 +2930,7 @@ function statusSeverity (v) {
.recorrencia-preview {
display: flex; align-items: center; gap: .5rem;
padding: .5rem .75rem;
border-radius: .75rem;
border-radius: 6px;
background: color-mix(in srgb, var(--p-primary-500) 8%, transparent);
border: 1px solid color-mix(in srgb, var(--p-primary-400) 25%, transparent);
}
@@ -2994,7 +3002,7 @@ function statusSeverity (v) {
align-items: center;
gap: 12px;
padding: 10px 16px;
border-radius: 0.75rem;
border-radius: 6px;
background: color-mix(in srgb, var(--primary-500, #6366f1) 8%, var(--surface-card));
border: 1px solid color-mix(in srgb, var(--primary-400, #818cf8) 25%, transparent);
}
@@ -3125,7 +3133,7 @@ function statusSeverity (v) {
.rec-startdate-row {
display: flex; align-items: center; justify-content: space-between; gap: .5rem;
padding: .45rem .65rem;
border-radius: .75rem;
border-radius: 6px;
background: color-mix(in srgb, var(--surface-ground), transparent 30%);
border: 1px solid var(--surface-border);
}
@@ -3177,7 +3185,7 @@ function statusSeverity (v) {
/* ── personalizar box ───────────────────────────── */
.personalizar-box {
border: 1px solid var(--surface-border);
border-radius: .85rem;
border-radius: 6px;
padding: .75rem;
background: color-mix(in srgb, var(--surface-ground), transparent 40%);
display: flex;
@@ -3190,7 +3198,7 @@ function statusSeverity (v) {
.patient-item {
width: 100%; display: flex; align-items: center; justify-content: space-between;
gap: 1rem; text-align: left; padding: .85rem .95rem;
border: 1px solid var(--surface-border); border-radius: 1.25rem;
border: 1px solid var(--surface-border); border-radius: 6px;
background: color-mix(in srgb, var(--surface-card), transparent 10%);
transition: box-shadow .12s ease, transform .12s ease;
}
@@ -3199,7 +3207,7 @@ function statusSeverity (v) {
/* ── serie panel (Recorrências Aplicadas) ─────────── */
.serie-panel {
border: 1px solid var(--surface-border);
border-radius: 1.1rem;
border-radius: 6px;
overflow: hidden;
}
.serie-panel__header {
@@ -3273,7 +3281,7 @@ function statusSeverity (v) {
flex-direction: column;
gap: .35rem;
border: 1px solid var(--surface-border);
border-radius: .5rem;
border-radius: 6px;
padding: .5rem;
}
.commitment-item-row {