Leahnaya/splatoon3.ink
1
0
Fork 0
mirror of https://github.com/misenhower/splatoon3.ink.git synced 2026-08-23 00:54:21 -05:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Add X Battles to the schedule tweet

Browse Source
This commit is contained in:
Matt Isenhower
2022-11-30 22:21:23 -08:00
parent f0425ede21
commit 73d67c33aa
3 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/twitter/generators/SchedulesTweet.mjs
View File

@@ -1,6 +1,6 @@
import TweetGenerator from "./TweetGenerator.mjs";
import Media from "../Media.mjs";
import { useAnarchyOpenSchedulesStore, useAnarchySeriesSchedulesStore, useRegularSchedulesStore, useSplatfestSchedulesStore } from "../../../src/stores/schedules.mjs";
import { useAnarchyOpenSchedulesStore, useAnarchySeriesSchedulesStore, useLeagueSchedulesStore, useRegularSchedulesStore, useSplatfestSchedulesStore, useXSchedulesStore } from "../../../src/stores/schedules.mjs";
import { useUSSplatfestsStore } from '../../../src/stores/splatfests.mjs';
export default class SchedulesTweet extends TweetGenerator
{
@@ -14,6 +14,8 @@ export default class SchedulesTweet extends TweetGenerator
regular: useRegularSchedulesStore().activeSchedule,
anarchySeries: useAnarchySeriesSchedulesStore().activeSchedule,
anarchyOpen: useAnarchyOpenSchedulesStore().activeSchedule,
xMatch: useXSchedulesStore().activeSchedule,
league: useLeagueSchedulesStore().activeSchedule,
splatfest: useSplatfestSchedulesStore().activeSchedule,
tricolor: useUSSplatfestsStore().tricolor,
}
@@ -40,7 +42,15 @@ export default class SchedulesTweet extends TweetGenerator
return `Join the global Splatfest Battle on ${festStages[0].name} and ${festStages[1].name}! #splatfest #maprotation`;
}
return `Splatoon 3 map rotation: Anarchy (Series) game mode: ${stages.anarchySeries.settings.vsRule.name}, Anarchy (Open) game mode: ${stages.anarchyOpen.settings.vsRule.name} #maprotation`;
let lines = [
'Splatoon 3 map rotation: #maprotation',
'',
`– Anarchy (Series): ${stages.anarchySeries.settings.vsRule.name}`,
`– Anarchy (Open): ${stages.anarchyOpen.settings.vsRule.name}`,
`– X Battle: ${stages.xMatch.settings.vsRule.name}`,
];
return lines.join('\n');
}
/** @param {ScreenshotHelper} screenshotHelper */
@@ -72,6 +82,7 @@ export default class SchedulesTweet extends TweetGenerator
`Regular Battle: ${detail(stages.regular)}`,
`Anarchy Battle (Series): ${detail(stages.anarchySeries)}`,
`Anarchy Battle (Open): ${detail(stages.anarchyOpen)}`,
`X Battle: ${detail(stages.xMatch)}`,
]);
}

16
src/components/screenshots/ScreenshotScheduleBox.vue
View File

@@ -2,24 +2,24 @@
<ProductContainer :bg="type.bg" class="pt-10">
<div class="space-y-2">
<div class="flex items-center justify-center space-x-1 mx-2">
<div class="font-splatoon1 text-4xl text-shadow">
<div class="font-splatoon1 text-2xl text-shadow">
{{ $t(type.name) }}
</div>
</div>
<div class="pt-2 pb-6 px-2 space-y-2" v-if="store.activeSchedule">
<div class="flex items-center justify-between font-splatoon2">
<div class="flex items-center space-x-2 text-2xl">
<div class="flex items-center space-x-2 text-xl">
<div>
<RuleIcon :rule="store.activeSchedule.settings.vsRule" class="h-10" />
<RuleIcon :rule="store.activeSchedule.settings.vsRule" class="h-8" />
</div>
<div class="text-shadow">{{ store.activeSchedule.settings.vsRule.name }}</div>
</div>
<div>
<div class="flex items-center" v-if="type.badge">
<img :src="type.img" class="h-10" />
<div v-if="type.badge" class="font-splatoon2 text-2xl bg-splatoon-blue px-2 drop-shadow rounded">
<img :src="type.img" class="h-8" />
<div v-if="type.badge" class="font-splatoon2 text-xl bg-splatoon-blue px-2 drop-shadow rounded">
{{ $t(type.badge) }}
</div>
</div>
@@ -32,20 +32,20 @@
class="flex-1"
imgClass="rounded-2xl"
:stage="store.activeSchedule.settings.vsStages[0]"
textSize="text-3xl"
textSize="text-xl"
/>
<StageImage
class="flex-1"
imgClass="rounded-2xl"
:stage="store.activeSchedule.settings.vsStages[1]"
textSize="text-3xl"
textSize="text-xl"
/>
<div class="flex-1 relative" v-if="tricolor?.isTricolorActive">
<StageImage
imgClass="rounded-2xl"
:stage="tricolor?.tricolorStage"
textSize="text-3xl"
textSize="text-xl"
/>
<div class="absolute top-0 right-0 rounded-full bg-black p-1">

1
src/views/screenshots/SchedulesView.vue
View File

@@ -15,6 +15,7 @@
<ScreenshotScheduleBox type="regular" class="flex-1 -rotate-1" />
<ScreenshotScheduleBox type="anarchySeries" class="flex-1 rotate-1" />
<ScreenshotScheduleBox type="anarchyOpen" class="flex-1 -rotate-1" />
<ScreenshotScheduleBox type="xMatch" class="flex-1 rotate-1" />
</div>
</div>
</ScreenshotLayout>