StreakFit web: exercices planifiés en séance + filtre matériel + config matos profil
Build & Deploy / build (push) Successful in 23s
Build & Deploy / build (push) Successful in 23s
- session/[id]: affiche les exercices planifies de la routine (objectif series x reps) + pre-remplit la 1re serie - exercises/index: select Materiel + bouton 'Mon matos' (filtre sur le materiel du profil) - profile: multi-select du materiel possede + PATCH /api/me - i18n fr/en/pt-BR Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -2,9 +2,34 @@
|
||||
definePageMeta({ middleware: 'auth' })
|
||||
const { t, locale, locales, setLocale } = useI18n()
|
||||
const auth = useAuthStore()
|
||||
const { api, ensureCsrf } = useApi()
|
||||
const { isSupported, enable, disable, sendTest } = usePush()
|
||||
const toast = useToast()
|
||||
|
||||
// Matériel possédé (config profil) : sert au filtre "mon matos" du catalogue d'exercices.
|
||||
const { data: facets } = await useAsyncData(
|
||||
'profile-facets',
|
||||
() => api<{ equipments: { value: string, label: string }[] }>('/api/exercises/facets', { query: { locale: locale.value } }),
|
||||
{ lazy: true, watch: [locale] }
|
||||
)
|
||||
const equipmentItems = computed(() => (facets.value?.equipments ?? []).map(e => ({ label: e.label, value: e.value })))
|
||||
const gear = ref<string[]>([...(auth.user?.available_equipment ?? [])])
|
||||
watch(() => auth.user?.available_equipment, v => { gear.value = [...(v ?? [])] })
|
||||
const savingGear = ref(false)
|
||||
async function saveGear() {
|
||||
savingGear.value = true
|
||||
try {
|
||||
await ensureCsrf()
|
||||
await api('/api/me', { method: 'PATCH', body: { available_equipment: gear.value } })
|
||||
await auth.fetchMe()
|
||||
toast.add({ title: t('profile.gearSaved'), color: 'primary' })
|
||||
} catch {
|
||||
toast.add({ title: t('common.error'), color: 'error' })
|
||||
} finally {
|
||||
savingGear.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const pushOn = ref(auth.push.enabled)
|
||||
const pushLoading = ref(false)
|
||||
|
||||
@@ -68,6 +93,30 @@ async function doLogout() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="text-sm font-semibold text-zinc-500 mb-2">{{ t('profile.equipment') }}</p>
|
||||
<p class="text-xs text-zinc-500 mb-2">{{ t('profile.equipmentDesc') }}</p>
|
||||
<USelectMenu
|
||||
v-model="gear"
|
||||
:items="equipmentItems"
|
||||
value-key="value"
|
||||
multiple
|
||||
searchable
|
||||
:placeholder="t('profile.equipmentPlaceholder')"
|
||||
size="lg"
|
||||
class="w-full"
|
||||
/>
|
||||
<UButton
|
||||
class="mt-2"
|
||||
color="primary"
|
||||
size="sm"
|
||||
icon="i-lucide-save"
|
||||
:loading="savingGear"
|
||||
:label="t('common.save')"
|
||||
@click="saveGear"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<UCard v-if="isSupported()" :ui="{ body: 'p-4' }">
|
||||
<div class="flex items-center justify-between gap-3">
|
||||
<div>
|
||||
|
||||
Reference in New Issue
Block a user