Leahnaya/splatoon3.ink
1
0
Fork 0
mirror of https://github.com/misenhower/splatoon3.ink.git synced 2026-10-03 04:16:44 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Show weekdays for battle rotations starting after today

Browse Source
This commit is contained in:
Matt Isenhower
2026-09-27 17:54:06 -07:00
parent 785755da61
commit a17ee37819
2 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/common/i18n.mjs
View File

@@ -50,6 +50,7 @@ export const regionalLocales = {
export const defaultLocale = locales.find(l => l.code === 'en-US');
const datetimeFormats = {
weekday: { weekday: 'short' },
dateTimeShort: { month: 'numeric', day: 'numeric', hour: 'numeric', minute: '2-digit' },
dateTimeShortWeekday: { month: 'numeric', weekday: 'short', day: 'numeric', hour: 'numeric', minute: '2-digit' },
time: { hour: 'numeric', minute: '2-digit' },

14
src/components/ScheduleRow.vue
View File

@@ -14,6 +14,9 @@
</div>
<div class="text-xs text-zinc-300">
<template v-if="startsAfterToday">
{{ $d(props.schedule.startTime, 'weekday') }}
</template>
{{ $d(props.schedule.startTime, 'time') }}
&ndash;
{{ $d(props.schedule.endTime, 'time') }}
@@ -46,6 +49,9 @@
</div>
<div class="text-sm text-zinc-300 text-shadow">
<template v-if="startsAfterToday">
{{ $d(props.schedule.startTime, 'weekday') }}
</template>
{{ $d(props.schedule.startTime, 'time') }}
&ndash;
{{ $d(props.schedule.endTime, 'time') }}
@@ -84,6 +90,7 @@
</template>
<script setup>
import { computed } from 'vue';
import StageImage from './StageImage.vue';
import RuleIcon from './RuleIcon.vue';
import SkeletonBlock from './loading/SkeletonBlock.vue';
@@ -96,4 +103,11 @@ const props = defineProps({
});
const time = useTimeStore();
const startsAfterToday = computed(() => {
const tomorrow = new Date(time.now);
tomorrow.setHours(24, 0, 0, 0);
return props.schedule && Date.parse(props.schedule.startTime) >= tomorrow.getTime();
});
</script>