Companies
-
+
+
+
+
+
+
+
+ Announce All Accepted Companies
+
+ This will change
+ {{ acceptedCount }} accepted
+ {{ acceptedCount === 1 ? "company" : "companies" }} to announced
+ for the current event. This action cannot be undone.
+
+
+
+ Cancel
+
+
+
+
+
+
@@ -94,7 +125,7 @@ import { Skeleton } from "@/components/ui/skeleton";
import CompanyWorkflowCard from "../cards/CompanyWorkflowCard.vue";
import CreateCompanyDialogTrigger from "./CreateCompanyDialogTrigger.vue";
import { ref, computed, type ComputedRef } from "vue";
-import { ChevronDown } from "lucide-vue-next";
+import { ChevronDown, Megaphone } from "lucide-vue-next";
import { useParticipationFilter } from "@/composables/useParticipationFilter";
import type { ObjectID, ParticipationStatus } from "@/dto";
import ParticipationFilters from "@/components/ParticipationFilters.vue";
@@ -106,6 +137,21 @@ import {
SelectTrigger,
SelectValue,
} from "@/components/ui/select";
+import { useQueryCache } from "@pinia/colada";
+import { announceAcceptedCompanies } from "@/api/companies";
+import { useToast } from "@/lib/toast";
+import Button from "@/components/ui/button/Button.vue";
+import { usePermissions } from "@/composables/usePermissions";
+import {
+ AlertDialog,
+ AlertDialogCancel,
+ AlertDialogContent,
+ AlertDialogDescription,
+ AlertDialogFooter,
+ AlertDialogHeader,
+ AlertDialogTitle,
+ AlertDialogTrigger,
+} from "@/components/ui/alert-dialog";
const props = defineProps<{
companies: Company[];
@@ -115,6 +161,45 @@ const props = defineProps<{
coordinationTeams?: CoordinationTeam[];
}>();
+// Coordinator check
+const { isCoordinatorOrAdmin: isCoordinator } = usePermissions();
+
+// Count of accepted companies in current event
+const acceptedCount = computed(() => {
+ return props.companies.filter((c) =>
+ c.participations.some(
+ (p) => p.event === props.eventId && p.status === "ACCEPTED",
+ ),
+ ).length;
+});
+
+// Announce all accepted companies
+const showAnnounceDialog = ref(false);
+const announcing = ref(false);
+const queryCache = useQueryCache();
+const { toast } = useToast();
+
+async function handleAnnounce() {
+ announcing.value = true;
+ try {
+ const res = await announceAcceptedCompanies();
+ const count = res.data.announced;
+ toast.success({
+ title: "Companies announced",
+ description: `${count} ${count === 1 ? "company" : "companies"} changed from accepted to announced.`,
+ });
+ queryCache.invalidateQueries({ key: ["companies"] });
+ } catch (err) {
+ toast.error({
+ title: "Failed to announce companies",
+ description: err instanceof Error ? err.message : "An error occurred",
+ });
+ } finally {
+ announcing.value = false;
+ showAnnounceDialog.value = false;
+ }
+}
+
// TODO shift me to top
const membersSorted = computed(() => {
const sorted = [...props.members]?.sort((a, b) =>
diff --git a/frontend/src/composables/useConfetti.ts b/frontend/src/composables/useConfetti.ts
new file mode 100644
index 00000000..300ef52c
--- /dev/null
+++ b/frontend/src/composables/useConfetti.ts
@@ -0,0 +1,37 @@
+import { ref } from "vue";
+import confettiAudio from "@/assets/audio/confetti.mp3";
+
+const showConfetti = ref(false);
+let confettiTimeout: ReturnType | null = null;
+
+/**
+ * Singleton confetti composable.
+ *
+ * No matter how many cards change status at once, only a single confetti
+ * explosion + sound will play. Subsequent calls while an explosion is
+ * already active are silently ignored.
+ */
+export function useConfetti() {
+ function trigger() {
+ // Already showing – skip
+ if (showConfetti.value) return;
+
+ showConfetti.value = true;
+
+ try {
+ const audio = new Audio(confettiAudio);
+ audio.volume = 0.5;
+ audio.play().catch(console.error);
+ } catch (error) {
+ console.error("Error playing confetti sound:", error);
+ }
+
+ if (confettiTimeout) clearTimeout(confettiTimeout);
+ confettiTimeout = setTimeout(() => {
+ showConfetti.value = false;
+ confettiTimeout = null;
+ }, 3000);
+ }
+
+ return { showConfetti, trigger };
+}