From 329ed5adb04a813707f9111a610b642aab2a53d4 Mon Sep 17 00:00:00 2001
From: BinarySandia04 <aranseraroig@gmail.com>
Date: Mon, 27 Apr 2026 18:48:17 +0200
Subject: [PATCH] Good

---
 .../app/components/managers/WindowManager.vue | 16 ++++---
 .../windows/CreateCampaignWindow.vue          | 42 +++++++++++++++++++
 .../app/components/windows/MainMenuWindow.vue | 42 ++++++++++++++++---
 frontend/app/services/WindowDefinitions.js    |  7 ++++
 frontend/i18n/locales/ca.json                 |  9 ++--
 frontend/i18n/locales/en.json                 |  5 ++-
 frontend/i18n/locales/es.json                 |  5 ++-
 7 files changed, 103 insertions(+), 23 deletions(-)
 create mode 100644 frontend/app/components/windows/CreateCampaignWindow.vue

diff --git a/frontend/app/components/managers/WindowManager.vue b/frontend/app/components/managers/WindowManager.vue
index cbccfd9..616753b 100644
--- a/frontend/app/components/managers/WindowManager.vue
+++ b/frontend/app/components/managers/WindowManager.vue
@@ -4,13 +4,9 @@ import { windows, getComponent } from '@/services/Windows';
 </script>
 
 <template>
-  <div class="window-container">
-    <TransitionGroup name="window" tag="div">
-      <div v-for="win in windows" :key="win.id">
-        <component :is="getComponent(win.type)" :data="win" />
-      </div>
-    </TransitionGroup>
-  </div>
+  <TransitionGroup name="window" tag="div">
+    <component v-for="win in windows" :key="win.id" :is="getComponent(win.type)" :data="win" />
+  </TransitionGroup>
 </template>
 
 
@@ -21,16 +17,18 @@ import { windows, getComponent } from '@/services/Windows';
 }
 .window-enter-from,
 .window-leave-to {
+  transition: all 0.15s ease;
   opacity: 0;
   transform: translateY(15px);
 }
+.window-move {
+  transition: transform 0.15s ease;
+}
 
 .window-wrapper {
     background-color: var(--color-window-background);
 
     /* backdrop-filter: blur(10px); */
-    position: fixed;
-
 
     display: flex;
     flex-direction: column;
diff --git a/frontend/app/components/windows/CreateCampaignWindow.vue b/frontend/app/components/windows/CreateCampaignWindow.vue
new file mode 100644
index 0000000..810b317
--- /dev/null
+++ b/frontend/app/components/windows/CreateCampaignWindow.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { onMounted, ref } from 'vue';
+import { SetupHandle, SetSize, ResetPosition, Top } from '@/services/Windows';
+
+import WindowHandle from './partials/WindowHandle.vue';
+
+const handle = ref(null);
+const wrapper = ref(null);
+
+const props = defineProps(['data']);
+const data = props.data;
+
+let id = data.id;
+
+onMounted(() => {
+    Top(wrapper);
+    SetupHandle(id, handle);
+    SetSize(id, {width: 500, height: 380});
+    ResetPosition(id, "center");
+});
+</script>
+
+
+<template>
+    <div class="window-wrapper" :id="'window-wrapper-' + id" ref="wrapper">
+        <WindowHandle :window="id" ref="handle"></WindowHandle>
+
+        <!-- Body -->
+        <div ref="test"></div>
+
+    </div>
+</template>
+
+
+<style scoped>
+.window-wrapper {
+    display: flex;
+    align-items: center;
+}
+</style>
+
+
diff --git a/frontend/app/components/windows/MainMenuWindow.vue b/frontend/app/components/windows/MainMenuWindow.vue
index 83fa5a9..411d141 100644
--- a/frontend/app/components/windows/MainMenuWindow.vue
+++ b/frontend/app/components/windows/MainMenuWindow.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { onMounted, ref } from 'vue';
-import { SetupHandle, SetSize, ResetPosition, Top } from '@/services/Windows';
+import { SetupHandle, SetSize, ResetPosition, Top, CreateChildWindow, GetFirstWindowId } from '@/services/Windows';
 
 import WindowHandle from './partials/WindowHandle.vue';
 import VersionRender from '../partials/VersionRender.vue';
@@ -14,6 +14,11 @@ const data = props.data;
 
 let id = data.id;
 
+function CreateCampaignWindow(){
+    CreateChildWindow(GetFirstWindowId('main_menu'), 'create_campaign', {
+    });
+}
+
 onMounted(() => {
     Top(wrapper);
     SetupHandle(id, handle);
@@ -29,12 +34,18 @@ onMounted(() => {
 
         <EditUserPartial></EditUserPartial>
         <!-- Body -->
-         <h1>{{ $t("main-menu.main-menu")}}</h1>
-
-        <div class="button-container">
-            <button class="btn-primary button-expand sound-click" v-on:click="OpenCampaigns" ref="campaignButton">{{ $t("main-menu.campaigns") }}</button>
+        <div class="vert-expand">
+            <div class="vert top">
+                <h1>{{ $t("main-menu.main-menu")}}</h1>
+            </div>
+            
+            <div class="vert bot">
+                <div class="button-container">
+                    <button class="btn-primary button-expand sound-click" v-on:click="CreateCampaignWindow" ref="campaignButton">{{ $t("main-menu.create-campaign") }}</button>
+                </div>
+                <VersionRender></VersionRender>
+            </div>
         </div>
-        <VersionRender></VersionRender>
     </div>
 </template>
 
@@ -45,6 +56,25 @@ h1 {
     font-family: MrEavesRemake;
 }
 
+.expand {
+    width: 100%;
+    
+    display: flex;
+    flex-direction: row;
+
+    > * {
+        flex-grow: 1;
+    }
+}
+
+.vert-expand {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: 100%;
+}
+
+
 .button-expand {
     width: 100%;
 }
diff --git a/frontend/app/services/WindowDefinitions.js b/frontend/app/services/WindowDefinitions.js
index 2c225be..98b544f 100644
--- a/frontend/app/services/WindowDefinitions.js
+++ b/frontend/app/services/WindowDefinitions.js
@@ -21,6 +21,7 @@ const defWindows = {
   main_menu: {
     title: 'windows.main-menu',
     component: () => import('~/components/windows/MainMenuWindow.vue'),
+    movable: true
   },
   edit_profile: {
     title: "windows.edit-profile",
@@ -33,6 +34,12 @@ const defWindows = {
     component: () => import('~/components/windows/SettingsWindow.vue'),
     close: () => ClearWindow({type: 'settings'}),
     movable: true
+  },
+  create_campaign: {
+    title: "windows.create-campaign",
+    component: () => import('~/components/windows/CreateCampaignWindow.vue'),
+    close: () => ClearWindow({type: 'create_campaign'}),
+    movable: true
   }
 }
 
diff --git a/frontend/i18n/locales/ca.json b/frontend/i18n/locales/ca.json
index e030885..94b884c 100644
--- a/frontend/i18n/locales/ca.json
+++ b/frontend/i18n/locales/ca.json
@@ -4,8 +4,9 @@
         "register": "Registra't",
         "main-menu": "Dragonroll",
         "example": "Finestra d'exemple",
-        "edit-profile": "Edita el perfil",
-        "settings": "Configuració"
+        "edit-profile": "Editar perfil",
+        "settings": "Configuració",
+        "create-campaign": "Crear campanya"
     },
     "login": {
         "username": "Usuari o correu electrònic",
@@ -53,8 +54,8 @@
     },
     "main-menu": {
         "main-menu": "Menú principal",
-        "edit-profile": "Edita el perfil",
-        "campaigns": "Campanyes",
+        "edit-profile": "Editar perfil",
+        "create-campaign": "Crear campanya",
         "log-out": "Tanca la sessió",
         "settings": "Configuració"
     },
diff --git a/frontend/i18n/locales/en.json b/frontend/i18n/locales/en.json
index 9e8c56f..d73dcb8 100644
--- a/frontend/i18n/locales/en.json
+++ b/frontend/i18n/locales/en.json
@@ -5,7 +5,8 @@
         "main-menu": "Dragonroll",
         "example": "Example Window",
         "edit-profile": "Edit Profile",
-        "settings": "Settings"
+        "settings": "Settings",
+        "create-campaign": "Create Campaign"
     },
     "login": {
         "username": "Username or email",
@@ -54,7 +55,7 @@
     "main-menu": {
         "main-menu": "Main menu",
         "edit-profile": "Edit profile",
-        "campaigns": "Campaigns",
+        "create-campaign": "Create Campaign",
         "log-out": "Log out",
         "settings": "Settings"
     },
diff --git a/frontend/i18n/locales/es.json b/frontend/i18n/locales/es.json
index fa82e96..41fdc2a 100644
--- a/frontend/i18n/locales/es.json
+++ b/frontend/i18n/locales/es.json
@@ -5,7 +5,8 @@
         "main-menu": "Dragonroll",
         "example": "Ventana de ejemplo",
         "edit-profile": "Editar perfil",
-        "settings": "Configuración"
+        "settings": "Configuración",
+        "create-campaign": "Crear campanya"
     },
     "login": {
         "username": "Usuario o correo electrónico",
@@ -54,7 +55,7 @@
     "main-menu": {
         "main-menu": "Menú principal",
         "edit-profile": "Editar perfil",
-        "campaigns": "Campañas",
+        "create-campaign": "Crear campanya",
         "log-out": "Cerrar sesión",
         "settings": "Configuración"
     },