carousel, agenda arquivados, agenda cor, agenda arquivados, grupos pacientes, pacientes arquivados - desativados, sessoes verificadas, ajuste notificações, Prontuario, Agenda Animation, Menu Profile, bagdes Profile, Offline

2026-03-18 09:26:09 -03:00
parent 66f67cd40f
commit d6d2fe29d1
55 changed files with 3655 additions and 1512 deletions
@@ -433,91 +433,91 @@ onBeforeUnmount(() => {
  <ConfirmDialog />

  <!-- Sentinel -->
-  <div ref=”heroSentinelRef” class=”h-px” />
+  <div ref="heroSentinelRef" class="h-px" />

  <!-- Hero sticky -->
  <div
-    ref=”heroEl”
-    class=”sticky mx-3 md:mx-4 mb-4 z-20 overflow-hidden rounded-md border border-[var(--surface-border)] bg-[var(--surface-card)] p-5”
-    :style=”{ top: 'var(--layout-sticky-top, 56px)' }”
+    ref="heroEl"
+    class="sticky mx-3 md:mx-4 mb-4 z-20 overflow-hidden rounded-md border border-[var(--surface-border)] bg-[var(--surface-card)] p-5"
+    :style="{ top: 'var(--layout-sticky-top, 56px)' }"
  >
-    <div class=”absolute inset-0 pointer-events-none overflow-hidden” aria-hidden=”true”>
-      <div class=”absolute rounded-full blur-[70px] w-72 h-72 -top-16 -right-20 bg-indigo-400/10” />
-      <div class=”absolute rounded-full blur-[70px] w-80 h-80 top-10 -left-24 bg-emerald-400/10” />
+    <div class="absolute inset-0 pointer-events-none overflow-hidden" aria-hidden="true">
+      <div class="absolute rounded-full blur-[70px] w-72 h-72 -top-16 -right-20 bg-indigo-400/10" />
+      <div class="absolute rounded-full blur-[70px] w-80 h-80 top-10 -left-24 bg-emerald-400/10" />
    </div>

-    <div class=”relative z-10 flex items-center justify-between gap-3 flex-wrap”>
-      <div class=”min-w-0”>
-        <div class=”text-[1rem] font-bold tracking-tight text-[var(--text-color)]”>Planos e preços</div>
-        <div class=”text-[1rem] text-[var(--text-color-secondary)] mt-0.5”>Catálogo de planos do SaaS.</div>
+    <div class="relative z-10 flex items-center justify-between gap-3 flex-wrap">
+      <div class="min-w-0">
+        <div class="text-[1rem] font-bold tracking-tight text-[var(--text-color)]">Planos e preços</div>
+        <div class="text-[1rem] text-[var(--text-color-secondary)] mt-0.5">Catálogo de planos do SaaS.</div>
      </div>

      <!-- Ações desktop (≥ 1200px) -->
-      <div class=”hidden xl:flex items-center gap-2 flex-wrap”>
+      <div class="hidden xl:flex items-center gap-2 flex-wrap">
        <SelectButton
-          v-model=”targetFilter”
-          :options=”targetFilterOptions”
-          optionLabel=”label”
-          optionValue=”value”
-          size=”small”
+          v-model="targetFilter"
+          :options="targetFilterOptions"
+          optionLabel="label"
+          optionValue="value"
+          size="small"
        />
-        <Button label=”Atualizar” icon=”pi pi-refresh” severity=”secondary” outlined size=”small” :loading=”loading” :disabled=”saving” @click=”fetchAll” />
-        <Button label=”Adicionar plano” icon=”pi pi-plus” size=”small” :disabled=”saving” @click=”openCreate” />
+        <Button label="Atualizar" icon="pi pi-refresh" severity="secondary" outlined size="small" :loading="loading" :disabled="saving" @click="fetchAll" />
+        <Button label="Adicionar plano" icon="pi pi-plus" size="small" :disabled="saving" @click="openCreate" />
      </div>

      <!-- Ações mobile (< 1200px) -->
-      <div class=”flex xl:hidden”>
+      <div class="flex xl:hidden">
        <Button
-          label=”Ações”
-          icon=”pi pi-ellipsis-v”
-          severity=”warn”
-          size=”small”
-          aria-haspopup=”true”
-          aria-controls=”plans_hero_menu”
-          @click=”(e) => heroMenuRef.toggle(e)”
+          label="Ações"
+          icon="pi pi-ellipsis-v"
+          severity="warn"
+          size="small"
+          aria-haspopup="true"
+          aria-controls="plans_hero_menu"
+          @click="(e) => heroMenuRef.toggle(e)"
        />
-        <Menu ref=”heroMenuRef” id=”plans_hero_menu” :model=”heroMenuItems” :popup=”true” />
+        <Menu ref="heroMenuRef" id="plans_hero_menu" :model="heroMenuItems" :popup="true" />
      </div>
    </div>
  </div>

  <!-- content -->
-  <div class=”px-3 md:px-4 pb-8 flex flex-col gap-4”>
-    <DataTable :value=”filteredRows” dataKey=”id” :loading=”loading” stripedRows responsiveLayout=”scroll”>
-      <Column field=”name” header=”Nome” sortable style=”min-width: 14rem” />
-      <Column field=”key” header=”Key” sortable />
+  <div class="px-3 md:px-4 pb-8 flex flex-col gap-4">
+    <DataTable :value="filteredRows" dataKey="id" :loading="loading" stripedRows responsiveLayout="scroll">
+      <Column field="name" header="Nome" sortable style="min-width: 14rem" />
+      <Column field="key" header="Key" sortable />

-      <Column field=”target” header=”Público” sortable style=”width: 10rem”>
-        <template #body=”{ data }”>
-          <span class=”font-medium”>{{ formatTargetLabel(data.target) }}</span>
+      <Column field="target" header="Público" sortable style="width: 10rem">
+        <template #body="{ data }">
+          <span class="font-medium">{{ formatTargetLabel(data.target) }}</span>
        </template>
      </Column>

-      <Column header=”Mensal” sortable style=”width: 12rem”>
-        <template #body=”{ data }”>
-          <span class=”font-medium”>{{ formatBRLFromCents(data.monthly_cents) }}</span>
+      <Column header="Mensal" sortable style="width: 12rem">
+        <template #body="{ data }">
+          <span class="font-medium">{{ formatBRLFromCents(data.monthly_cents) }}</span>
        </template>
      </Column>

-      <Column header=”Anual” sortable style=”width: 12rem”>
-        <template #body=”{ data }”>
-          <span class=”font-medium”>{{ formatBRLFromCents(data.yearly_cents) }}</span>
+      <Column header="Anual" sortable style="width: 12rem">
+        <template #body="{ data }">
+          <span class="font-medium">{{ formatBRLFromCents(data.yearly_cents) }}</span>
        </template>
      </Column>

-      <Column v-if=”hasCreatedAt” field=”created_at” header=”Criado em” sortable />
+      <Column v-if="hasCreatedAt" field="created_at" header="Criado em" sortable />

-      <Column header=”Ações” style=”width: 12rem”>
-        <template #body=”{ data }”>
-          <div class=”flex gap-2”>
-            <Button icon=”pi pi-pencil” severity=”secondary” outlined @click=”openEdit(data)” />
+      <Column header="Ações" style="width: 12rem">
+        <template #body="{ data }">
+          <div class="flex gap-2">
+            <Button icon="pi pi-pencil" severity="secondary" outlined @click="openEdit(data)" />
            <Button
-              icon=”pi pi-trash”
-              severity=”danger”
+              icon="pi pi-trash"
+              severity="danger"
              outlined
-              :disabled=”isDeleteLockedRow(data)”
-              :title=”isDeleteLockedRow(data) ? 'Plano padrão do sistema não pode ser removido.' : 'Excluir plano'”
-              @click=”askDelete(data)”
+              :disabled="isDeleteLockedRow(data)"
+              :title="isDeleteLockedRow(data) ? 'Plano padrão do sistema não pode ser removido.' : 'Excluir plano'"
+              @click="askDelete(data)"
            />
          </div>
        </template>
@@ -526,137 +526,137 @@ onBeforeUnmount(() => {
  </div>

  <Dialog
-    v-model:visible=”showDlg”
+    v-model:visible="showDlg"
    modal
-    :draggable=”false”
-    :header=”isEdit ? 'Editar plano' : 'Novo plano'”
-    :style=”{ width: '620px' }”
+    :draggable="false"
+    :header="isEdit ? 'Editar plano' : 'Novo plano'"
+    :style="{ width: '620px' }"
  >
-    <div class=”flex flex-col gap-4”>
+    <div class="flex flex-col gap-4">
      <div>
-        <label class=”block mb-2”>Público do plano</label>
+        <label class="block mb-2">Público do plano</label>
        <SelectButton
-          v-model=”form.target”
-          :options=”targetOptions”
-          optionLabel=”label”
-          optionValue=”value”
-          class=”w-full”
-          :disabled=”isTargetLocked || saving”
+          v-model="form.target"
+          :options="targetOptions"
+          optionLabel="label"
+          optionValue="value"
+          class="w-full"
+          :disabled="isTargetLocked || saving"
        />
-        <div class=”text-[1rem] text-[var(--text-color-secondary)] mt-1”>
+        <div class="text-[1rem] text-[var(--text-color-secondary)] mt-1">
          Planos já existentes não mudam de público. Isso evita inconsistência no catálogo.
        </div>
      </div>

-      <FloatLabel variant=”on” class=”w-full”>
-        <IconField class=”w-full”>
-          <InputIcon class=”pi pi-tag” />
+      <FloatLabel variant="on" class="w-full">
+        <IconField class="w-full">
+          <InputIcon class="pi pi-tag" />
          <InputText
-            v-model=”form.key”
-            id=”plan_key”
-            class=”w-full pr-10”
-            variant=”filled”
-            placeholder=”ex.: clinic_pro”
-            :disabled=”(isCorePlanEditing || saving)”
-            @blur=”form.key = slugifyKey(form.key)”
+            v-model="form.key"
+            id="plan_key"
+            class="w-full pr-10"
+            variant="filled"
+            placeholder="ex.: clinic_pro"
+            :disabled="(isCorePlanEditing || saving)"
+            @blur="form.key = slugifyKey(form.key)"
          />
        </IconField>
-        <label for=”plan_key”>Key</label>
+        <label for="plan_key">Key</label>
      </FloatLabel>
-      <div class=”text-[1rem] text-[var(--text-color-secondary)] -mt-3”>
+      <div class="text-[1rem] text-[var(--text-color-secondary)] -mt-3">
        Key é técnica e estável (slug). Planos padrão do sistema têm a key protegida.
      </div>

-      <FloatLabel variant=”on” class=”w-full”>
-        <IconField class=”w-full”>
-          <InputIcon class=”pi pi-bookmark” />
+      <FloatLabel variant="on" class="w-full">
+        <IconField class="w-full">
+          <InputIcon class="pi pi-bookmark" />
          <InputText
-            v-model=”form.name”
-            id=”plan_name”
-            class=”w-full pr-10”
-            variant=”filled”
-            placeholder=”ex.: Clínica PRO”
-            :disabled=”saving”
+            v-model="form.name"
+            id="plan_name"
+            class="w-full pr-10"
+            variant="filled"
+            placeholder="ex.: Clínica PRO"
+            :disabled="saving"
          />
        </IconField>
-        <label for=”plan_name”>Nome</label>
+        <label for="plan_name">Nome</label>
      </FloatLabel>
-      <div class=”text-[1rem] text-[var(--text-color-secondary)] -mt-3”>
+      <div class="text-[1rem] text-[var(--text-color-secondary)] -mt-3">
        Nome interno para administração. (Nome público vem de <b>plan_public</b>.)
      </div>

-      <div class=”grid grid-cols-1 md:grid-cols-2 gap-4”>
+      <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div>
-          <FloatLabel variant=”on” class=”w-full”>
-            <IconField class=”w-full”>
-              <InputIcon class=”pi pi-money-bill” />
+          <FloatLabel variant="on" class="w-full">
+            <IconField class="w-full">
+              <InputIcon class="pi pi-money-bill" />
              <InputNumber
-                v-model=”form.price_monthly”
-                inputId=”price_monthly”
-                class=”w-full”
-                inputClass=”w-full pr-10”
-                variant=”filled”
-                mode=”decimal”
-                :minFractionDigits=”2”
-                :maxFractionDigits=”2”
-                placeholder=”ex.: 49,90”
-                :disabled=”saving”
+                v-model="form.price_monthly"
+                inputId="price_monthly"
+                class="w-full"
+                inputClass="w-full pr-10"
+                variant="filled"
+                mode="decimal"
+                :minFractionDigits="2"
+                :maxFractionDigits="2"
+                placeholder="ex.: 49,90"
+                :disabled="saving"
              />
            </IconField>
-            <label for=”price_monthly”>Preço mensal (R$)</label>
+            <label for="price_monthly">Preço mensal (R$)</label>
          </FloatLabel>
-          <div class=”text-[1rem] text-[var(--text-color-secondary)] mt-1”>Deixe vazio para “sem preço definido”.</div>
+          <div class="text-[1rem] text-[var(--text-color-secondary)] mt-1">Deixe vazio para "sem preço definido".</div>
        </div>

        <div>
-          <FloatLabel variant=”on” class=”w-full”>
-            <IconField class=”w-full”>
-              <InputIcon class=”pi pi-calendar” />
+          <FloatLabel variant="on" class="w-full">
+            <IconField class="w-full">
+              <InputIcon class="pi pi-calendar" />
              <InputNumber
-                v-model=”form.price_yearly”
-                inputId=”price_yearly”
-                class=”w-full”
-                inputClass=”w-full pr-10”
-                variant=”filled”
-                mode=”decimal”
-                :minFractionDigits=”2”
-                :maxFractionDigits=”2”
-                placeholder=”ex.: 490,00”
-                :disabled=”saving”
+                v-model="form.price_yearly"
+                inputId="price_yearly"
+                class="w-full"
+                inputClass="w-full pr-10"
+                variant="filled"
+                mode="decimal"
+                :minFractionDigits="2"
+                :maxFractionDigits="2"
+                placeholder="ex.: 490,00"
+                :disabled="saving"
              />
            </IconField>
-            <label for=”price_yearly”>Preço anual (R$)</label>
+            <label for="price_yearly">Preço anual (R$)</label>
          </FloatLabel>
-          <div class=”text-[1rem] text-[var(--text-color-secondary)] mt-1”>Deixe vazio para “sem preço definido”.</div>
+          <div class="text-[1rem] text-[var(--text-color-secondary)] mt-1">Deixe vazio para "sem preço definido".</div>
        </div>
      </div>

      <!-- max_supervisees: só para planos de supervisor -->
-      <div v-if=”form.target === 'supervisor'”>
-        <FloatLabel variant=”on” class=”w-full”>
-          <IconField class=”w-full”>
-            <InputIcon class=”pi pi-users” />
+      <div v-if="form.target === 'supervisor'">
+        <FloatLabel variant="on" class="w-full">
+          <IconField class="w-full">
+            <InputIcon class="pi pi-users" />
            <InputNumber
-              v-model=”form.max_supervisees”
-              inputId=”max_supervisees”
-              class=”w-full”
-              inputClass=”w-full pr-10”
-              variant=”filled”
-              :useGrouping=”false”
-              :min=”1”
-              placeholder=”ex.: 3”
-              :disabled=”saving”
+              v-model="form.max_supervisees"
+              inputId="max_supervisees"
+              class="w-full"
+              inputClass="w-full pr-10"
+              variant="filled"
+              :useGrouping="false"
+              :min="1"
+              placeholder="ex.: 3"
+              :disabled="saving"
            />
          </IconField>
-          <label for=”max_supervisees”>Limite de supervisionados</label>
+          <label for="max_supervisees">Limite de supervisionados</label>
        </FloatLabel>
-        <div class=”text-[1rem] text-[var(--text-color-secondary)] mt-1”>Número máximo de terapeutas que podem ser supervisionados neste plano.</div>
+        <div class="text-[1rem] text-[var(--text-color-secondary)] mt-1">Número máximo de terapeutas que podem ser supervisionados neste plano.</div>
      </div>
    </div>

    <template #footer>
-      <Button label=”Cancelar” severity=”secondary” outlined @click=”showDlg = false” :disabled=”saving” />
-      <Button :label=”isEdit ? 'Salvar' : 'Criar'” icon=”pi pi-check” :loading=”saving” @click=”save” />
+      <Button label="Cancelar" severity="secondary" outlined @click="showDlg = false" :disabled="saving" />
+      <Button :label="isEdit ? 'Salvar' : 'Criar'" icon="pi pi-check" :loading="saving" @click="save" />
    </template>
  </Dialog>
 </template>