Client - localize calendar header
This commit is contained in:
Sam
parent
07576ba08a
commit
adb4fc8016
2
fittrackee/dist/index.html
vendored
2
fittrackee/dist/index.html
vendored
@ -1 +1 @@
|
|||||||
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]--><link rel="stylesheet" href="/static/css/fork-awesome.min.css"><link rel="stylesheet" href="/static/css/leaflet.css"><title>FitTrackee</title><link href="/static/css/admin.04e24276.css" rel="prefetch"><link href="/static/css/main.c790adb1.css" rel="prefetch"><link href="/static/css/main~workouts.66c5ef05.css" rel="prefetch"><link href="/static/css/profile.b52bc193.css" rel="prefetch"><link href="/static/css/reset.bd9657a8.css" rel="prefetch"><link href="/static/css/workouts.b4f73c62.css" rel="prefetch"><link href="/static/js/admin.2f1d393d.js" rel="prefetch"><link href="/static/js/chunk-2d0c9189.c81458cc.js" rel="prefetch"><link href="/static/js/chunk-2d0cf391.020c75ea.js" rel="prefetch"><link href="/static/js/chunk-2d0da8f3.c8c3e7e8.js" rel="prefetch"><link href="/static/js/chunk-2d2248b6.d84473c1.js" rel="prefetch"><link href="/static/js/chunk-2d22523a.4b710d99.js" rel="prefetch"><link href="/static/js/main.2d300ca4.js" rel="prefetch"><link href="/static/js/main~workouts.a74990d7.js" rel="prefetch"><link href="/static/js/profile.6a786c1d.js" rel="prefetch"><link href="/static/js/reset.518e646f.js" rel="prefetch"><link href="/static/js/workouts.16e33b8b.js" rel="prefetch"><link href="/static/css/app.534b9c5c.css" rel="preload" as="style"><link href="/static/js/app.a464834e.js" rel="preload" as="script"><link href="/static/js/chunk-vendors.71654064.js" rel="preload" as="script"><link href="/static/css/app.534b9c5c.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png"><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#4DBA87"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="fittrackee_client"><link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-152x152.png"><link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#4DBA87"><meta name="msapplication-TileImage" content="/img/icons/msapplication-icon-144x144.png"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but FitTrackee doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/static/js/chunk-vendors.71654064.js"></script><script src="/static/js/app.a464834e.js"></script></body></html>
|
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]--><link rel="stylesheet" href="/static/css/fork-awesome.min.css"><link rel="stylesheet" href="/static/css/leaflet.css"><title>FitTrackee</title><link href="/static/css/admin.04e24276.css" rel="prefetch"><link href="/static/css/main.c790adb1.css" rel="prefetch"><link href="/static/css/main~workouts.66c5ef05.css" rel="prefetch"><link href="/static/css/profile.b52bc193.css" rel="prefetch"><link href="/static/css/reset.bd9657a8.css" rel="prefetch"><link href="/static/css/workouts.b4f73c62.css" rel="prefetch"><link href="/static/js/admin.2f1d393d.js" rel="prefetch"><link href="/static/js/chunk-2d0c9189.c81458cc.js" rel="prefetch"><link href="/static/js/chunk-2d0cf391.020c75ea.js" rel="prefetch"><link href="/static/js/chunk-2d0da8f3.c8c3e7e8.js" rel="prefetch"><link href="/static/js/chunk-2d2248b6.d84473c1.js" rel="prefetch"><link href="/static/js/chunk-2d22523a.4b710d99.js" rel="prefetch"><link href="/static/js/main.e5da50b8.js" rel="prefetch"><link href="/static/js/main~workouts.a74990d7.js" rel="prefetch"><link href="/static/js/profile.6a786c1d.js" rel="prefetch"><link href="/static/js/reset.518e646f.js" rel="prefetch"><link href="/static/js/workouts.16e33b8b.js" rel="prefetch"><link href="/static/css/app.534b9c5c.css" rel="preload" as="style"><link href="/static/js/app.7f21cc2d.js" rel="preload" as="script"><link href="/static/js/chunk-vendors.71654064.js" rel="preload" as="script"><link href="/static/css/app.534b9c5c.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png"><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#4DBA87"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="fittrackee_client"><link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-152x152.png"><link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#4DBA87"><meta name="msapplication-TileImage" content="/img/icons/msapplication-icon-144x144.png"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but FitTrackee doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/static/js/chunk-vendors.71654064.js"></script><script src="/static/js/app.7f21cc2d.js"></script></body></html>
|
||||||
@ -64,7 +64,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
|
|||||||
"url": "/img/workouts/mountains.svg"
|
"url": "/img/workouts/mountains.svg"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"revision": "79b995c15c500dbae63fb575d50e2e7a",
|
"revision": "2805c227385c134ad285de42cc711727",
|
||||||
"url": "/index.html"
|
"url": "/index.html"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -80,7 +80,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
|
|||||||
"url": "/static/css/admin.04e24276.css"
|
"url": "/static/css/admin.04e24276.css"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"revision": "e995acdae143b60b8d3e",
|
"revision": "721008f76f229741e20e",
|
||||||
"url": "/static/css/app.534b9c5c.css"
|
"url": "/static/css/app.534b9c5c.css"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -92,7 +92,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
|
|||||||
"url": "/static/css/leaflet.css"
|
"url": "/static/css/leaflet.css"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"revision": "6b6d16fcb3cf2d77115c",
|
"revision": "d3cf46cfc6340753d540",
|
||||||
"url": "/static/css/main.c790adb1.css"
|
"url": "/static/css/main.c790adb1.css"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -196,8 +196,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
|
|||||||
"url": "/static/js/admin.2f1d393d.js"
|
"url": "/static/js/admin.2f1d393d.js"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"revision": "e995acdae143b60b8d3e",
|
"revision": "721008f76f229741e20e",
|
||||||
"url": "/static/js/app.a464834e.js"
|
"url": "/static/js/app.7f21cc2d.js"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"revision": "bd7d183c9f68e5f4027d",
|
"revision": "bd7d183c9f68e5f4027d",
|
||||||
@ -224,8 +224,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
|
|||||||
"url": "/static/js/chunk-vendors.71654064.js"
|
"url": "/static/js/chunk-vendors.71654064.js"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"revision": "6b6d16fcb3cf2d77115c",
|
"revision": "d3cf46cfc6340753d540",
|
||||||
"url": "/static/js/main.2d300ca4.js"
|
"url": "/static/js/main.e5da50b8.js"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"revision": "68364924c988a1f11b42",
|
"revision": "68364924c988a1f11b42",
|
||||||
2
fittrackee/dist/service-worker.js
vendored
2
fittrackee/dist/service-worker.js
vendored
@ -14,7 +14,7 @@
|
|||||||
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
|
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
|
||||||
|
|
||||||
importScripts(
|
importScripts(
|
||||||
"/precache-manifest.0e4e06fc44f0312da4e05f33a8bf3e23.js"
|
"/precache-manifest.23ffc490a01d5278a49f731e9269ae72.js"
|
||||||
);
|
);
|
||||||
|
|
||||||
workbox.core.setCacheNameDetails({prefix: "fittrackee_client"});
|
workbox.core.setCacheNameDetails({prefix: "fittrackee_client"});
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
fittrackee/dist/static/js/main.2d300ca4.js
vendored
2
fittrackee/dist/static/js/main.2d300ca4.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
fittrackee/dist/static/js/main.e5da50b8.js
vendored
Normal file
2
fittrackee/dist/static/js/main.e5da50b8.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
fittrackee/dist/static/js/main.e5da50b8.js.map
vendored
Normal file
1
fittrackee/dist/static/js/main.e5da50b8.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -1,17 +1,17 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="calendar-days">
|
<div class="calendar-days">
|
||||||
<div class="calendar-day" v-for="(day, index) in days" :key="index">
|
<div class="calendar-day" v-for="(day, index) in days" :key="index">
|
||||||
{{ format(day, 'EEE', localeOptions) }}
|
{{ format(day, 'EEE', { locale: localeOptions }) }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { format, addDays } from 'date-fns'
|
import { Locale, format, addDays } from 'date-fns'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
startDate: Date
|
startDate: Date
|
||||||
localeOptions: string
|
localeOptions: Locale
|
||||||
}
|
}
|
||||||
const props = defineProps<Props>()
|
const props = defineProps<Props>()
|
||||||
|
|
||||||
|
|||||||
@ -8,7 +8,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="calendar-month">
|
<div class="calendar-month">
|
||||||
<span>
|
<span>
|
||||||
{{ format(day, 'MMM yyyy', localeOptions) }}
|
{{ format(day, 'MMM yyyy', { locale: localeOptions }) }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
@ -21,12 +21,12 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { format } from 'date-fns'
|
import { Locale, format } from 'date-fns'
|
||||||
import { toRefs } from 'vue'
|
import { toRefs } from 'vue'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
day: Date
|
day: Date
|
||||||
localeOptions: string
|
localeOptions: Locale
|
||||||
}
|
}
|
||||||
const props = defineProps<Props>()
|
const props = defineProps<Props>()
|
||||||
|
|
||||||
|
|||||||
@ -3,11 +3,14 @@
|
|||||||
<div class="calendar-card box">
|
<div class="calendar-card box">
|
||||||
<CalendarHeader
|
<CalendarHeader
|
||||||
:day="day"
|
:day="day"
|
||||||
locale-options="enGB"
|
:locale-options="localeOptions"
|
||||||
@displayNextMonth="displayNextMonth"
|
@displayNextMonth="displayNextMonth"
|
||||||
@displayPreviousMonth="displayPreviousMonth"
|
@displayPreviousMonth="displayPreviousMonth"
|
||||||
/>
|
/>
|
||||||
<CalendarDays :start-date="calendarDates.start" locale-options="enGB" />
|
<CalendarDays
|
||||||
|
:start-date="calendarDates.start"
|
||||||
|
:locale-options="localeOptions"
|
||||||
|
/>
|
||||||
<CalendarCells
|
<CalendarCells
|
||||||
:currentDay="day"
|
:currentDay="day"
|
||||||
:end-date="calendarDates.end"
|
:end-date="calendarDates.end"
|
||||||
@ -22,13 +25,13 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { addMonths, format, subMonths } from 'date-fns'
|
import { Locale, addMonths, format, subMonths } from 'date-fns'
|
||||||
import { ComputedRef, computed, ref, toRefs, onBeforeMount } from 'vue'
|
import { ComputedRef, computed, ref, toRefs, onBeforeMount } from 'vue'
|
||||||
|
|
||||||
import CalendarCells from '@/components/Dashboard/UserCalendar/CalendarCells.vue'
|
import CalendarCells from '@/components/Dashboard/UserCalendar/CalendarCells.vue'
|
||||||
import CalendarDays from '@/components/Dashboard/UserCalendar/CalendarDays.vue'
|
import CalendarDays from '@/components/Dashboard/UserCalendar/CalendarDays.vue'
|
||||||
import CalendarHeader from '@/components/Dashboard/UserCalendar/CalendarHeader.vue'
|
import CalendarHeader from '@/components/Dashboard/UserCalendar/CalendarHeader.vue'
|
||||||
import { WORKOUTS_STORE } from '@/store/constants'
|
import { ROOT_STORE, WORKOUTS_STORE } from '@/store/constants'
|
||||||
import { ISport } from '@/types/sports'
|
import { ISport } from '@/types/sports'
|
||||||
import { IUserProfile } from '@/types/user'
|
import { IUserProfile } from '@/types/user'
|
||||||
import { IWorkout, TWorkoutsPayload } from '@/types/workouts'
|
import { IWorkout, TWorkoutsPayload } from '@/types/workouts'
|
||||||
@ -51,6 +54,9 @@
|
|||||||
const calendarWorkouts: ComputedRef<IWorkout[]> = computed(
|
const calendarWorkouts: ComputedRef<IWorkout[]> = computed(
|
||||||
() => store.getters[WORKOUTS_STORE.GETTERS.CALENDAR_WORKOUTS]
|
() => store.getters[WORKOUTS_STORE.GETTERS.CALENDAR_WORKOUTS]
|
||||||
)
|
)
|
||||||
|
const localeOptions: ComputedRef<Locale> = computed(
|
||||||
|
() => store.getters[ROOT_STORE.GETTERS.LOCALE]
|
||||||
|
)
|
||||||
|
|
||||||
onBeforeMount(() => getCalendarWorkouts())
|
onBeforeMount(() => getCalendarWorkouts())
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user