@mundogamernetwork/shared-ui 1.1.93 → 1.1.94

package/locales/de.json

@@ -218,6 +218,9 @@
       "type_article": "Article / Review",
       "type_web": "Website / Blog",
       "type_print": "Screenshot / Print",
+      "deadline_days_left": "Noch {days} Tage, um dein Material einzureichen",
+      "deadline_today": "Letzter Tag, um dein Material einzureichen",
+      "deadline_overdue": "Die Einreichungsfrist ist abgelaufen",
       "required_fields": "Fill in all required fields",
       "url_error": "Invalid URL",
       "submit_error": "Error submitting. Try again.",

package/locales/en.json

@@ -218,6 +218,9 @@
       "type_article": "Article / Review",
       "type_web": "Website / Blog",
       "type_print": "Screenshot / Print",
+      "deadline_days_left": "{days} days left to submit your material",
+      "deadline_today": "Last day to submit your material",
+      "deadline_overdue": "The submission deadline has passed",
       "required_fields": "Fill in all required fields",
       "url_error": "Invalid URL",
       "submit_error": "Error submitting. Try again.",

package/locales/pt-BR.json

@@ -218,6 +218,9 @@
       "type_article": "Article / Review",
       "type_web": "Website / Blog",
       "type_print": "Screenshot / Print",
+      "deadline_days_left": "Faltam {days} dias para enviar seu material",
+      "deadline_today": "Último dia para enviar seu material",
+      "deadline_overdue": "O prazo de envio já passou",
       "required_fields": "Fill in all required fields",
       "url_error": "Invalid URL",
       "submit_error": "Error submitting. Try again.",

package/locales/ro.json

@@ -218,6 +218,9 @@
       "type_article": "Article / Review",
       "type_web": "Website / Blog",
       "type_print": "Screenshot / Print",
+      "deadline_days_left": "Mai ai {days} zile pentru a trimite materialul",
+      "deadline_today": "Ultima zi pentru a trimite materialul",
+      "deadline_overdue": "Termenul de trimitere a expirat",
       "required_fields": "Fill in all required fields",
       "url_error": "Invalid URL",
       "submit_error": "Error submitting. Try again.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mundogamernetwork/shared-ui",
-  "version": "1.1.93",
+  "version": "1.1.94",
   "description": "Mundo Gamer Network - Shared UI Layer (Nuxt 3)",
   "type": "module",
   "main": "./nuxt.config.ts",

package/pages/key-campaigns/key-materials.vue

@@ -15,6 +15,11 @@
 					</div>
 				</div>
 
+				<div v-if="deadlineText" class="deadline-banner" :class="{ overdue: daysRemaining !== null && daysRemaining < 0 }">
+					<MGIcon size="1x" icon="others" />
+					<span>{{ deadlineText }}</span>
+				</div>
+
 				<div class="boxes">
 					<!-- Submission form -->
 					<div class="box-container">
@@ -187,10 +192,10 @@
 </template>
 
 <script setup lang="ts">
-import { ref, inject, onMounted, unref } from "vue"
+import { ref, computed, inject, onMounted, unref } from "vue"
 import { useRoute, useRouter } from "vue-router"
 import { useI18n } from "#imports"
-import { submitMaterial, fetchMaterialsByRequest } from "../../services/campaignService"
+import { submitMaterial, fetchMaterialsByRequest, fetchKeyRequestById } from "../../services/campaignService"
 
 definePageMeta({
 	middleware: [
@@ -241,6 +246,30 @@ const urlError = ref<string | null>(null)
 const formError = ref<string | null>(null)
 const showSuccessModal = ref(false)
 
+// Submission deadline — counts down from the request's approval date, using
+// the campaign's configured window (defaults to 30 days server-side).
+const daysRemaining = ref<number | null>(null)
+const deadlineText = computed(() => {
+	if (daysRemaining.value === null) return ""
+	if (daysRemaining.value < 0) return t("keys.materials.deadline_overdue")
+	if (daysRemaining.value === 0) return t("keys.materials.deadline_today")
+	return t("keys.materials.deadline_days_left", { days: daysRemaining.value })
+})
+
+async function loadDeadline() {
+	try {
+		const res = await fetchKeyRequestById(requestId.value)
+		const data = res?.data?.data ?? res?.data
+		const approvedAt = data?.approved_at
+		const deadlineDays = Number(data?.material_deadline_days ?? 30)
+		if (!approvedAt) return
+		const deadline = new Date(approvedAt)
+		deadline.setDate(deadline.getDate() + deadlineDays)
+		const diffMs = deadline.getTime() - Date.now()
+		daysRemaining.value = Math.ceil(diffMs / (1000 * 60 * 60 * 24))
+	} catch { /* deadline is informational only, ignore failures */ }
+}
+
 function toggleType(formIndex: number, type: ContentType) {
 	const currentTypes = forms.value[formIndex].content_types
 	const idx = currentTypes.indexOf(type)
@@ -343,6 +372,7 @@ onMounted(async () => {
 			const res = await fetchMaterialsByRequest(requestId.value)
 			submittedMaterials.value = res?.data?.data ?? []
 		} catch { /* silent */ }
+		loadDeadline()
 	}
 })
 </script>
@@ -434,6 +464,24 @@ onMounted(async () => {
 			}
 		}
 
+		.deadline-banner {
+			display: flex;
+			align-items: center;
+			gap: 8px;
+			padding: 10px 16px;
+			background: rgba(210, 151, 255, 0.1);
+			border-left: 2px solid #d297ff;
+			color: var(--card-cover-title);
+			font-size: 13px;
+			i { color: #d297ff; }
+
+			&.overdue {
+				background: rgba(248, 60, 60, 0.1);
+				border-left-color: rgb(248, 60, 60);
+				i { color: rgb(248, 60, 60); }
+			}
+		}
+
 		.disabled {
 			cursor: not-allowed;
 			pointer-events: none;