|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
<template>
|
|
|
<q-card flat class="dashboard-chart-card card-ring">
|
|
<q-card flat class="dashboard-chart-card card-ring">
|
|
|
<div class="flex justify-between items-center no-wrap q-mb-sm">
|
|
<div class="flex justify-between items-center no-wrap q-mb-sm">
|
|
|
- <span class="text-subtitle2 text-weight-regular">Aniversariantes do Mês</span>
|
|
|
|
|
|
|
+ <span class="text-subtitle2 text-weight-regular">Aniversariantes do Mês de {{ currentMonth }}</span>
|
|
|
<q-icon name="mdi-cake-variant-outline" color="secondary" size="sm" />
|
|
<q-icon name="mdi-cake-variant-outline" color="secondary" size="sm" />
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
@@ -10,7 +10,6 @@
|
|
|
<q-icon name="mdi-calendar-outline" size="14px" color="secondary" />
|
|
<q-icon name="mdi-calendar-outline" size="14px" color="secondary" />
|
|
|
<span>Nome</span>
|
|
<span>Nome</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <span>Ações</span>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<q-separator />
|
|
<q-separator />
|
|
|
|
|
|
|
@@ -23,12 +22,6 @@
|
|
|
<q-item-section>
|
|
<q-item-section>
|
|
|
<q-item-label class="text-body2">{{ person.name }}</q-item-label>
|
|
<q-item-label class="text-body2">{{ person.name }}</q-item-label>
|
|
|
</q-item-section>
|
|
</q-item-section>
|
|
|
- <q-item-section side>
|
|
|
|
|
- <div class="flex items-center no-wrap" style="gap: 4px">
|
|
|
|
|
- <q-btn flat round dense size="sm" icon="mdi-whatsapp" color="dark" />
|
|
|
|
|
- <q-btn flat round dense size="sm" icon="mdi-email-outline" color="dark" />
|
|
|
|
|
- </div>
|
|
|
|
|
- </q-item-section>
|
|
|
|
|
</q-item>
|
|
</q-item>
|
|
|
<q-separator v-if="index < people.length - 1" />
|
|
<q-separator v-if="index < people.length - 1" />
|
|
|
</template>
|
|
</template>
|
|
@@ -37,6 +30,13 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
|
|
|
+const MONTHS_PT = [
|
|
|
|
|
+ 'Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho',
|
|
|
|
|
+ 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro',
|
|
|
|
|
+];
|
|
|
|
|
+
|
|
|
|
|
+const currentMonth = MONTHS_PT[new Date().getMonth()];
|
|
|
|
|
+
|
|
|
defineProps({
|
|
defineProps({
|
|
|
people: {
|
|
people: {
|
|
|
type: Array,
|
|
type: Array,
|