@golstats/gsc-lineups-reports 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golstats/gsc-lineups-reports",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "main": "dist/gsc-lineups-reports.umd.js",
   "module": "dist/gsc-lineups-reports.es.js",
   "exports": {

package/src/App.vue

@@ -6,8 +6,41 @@ import GSCMatchSummary from './components/gsc-lineups-reports.vue'
   <div style="max-width: 968px; height: auto">
     <GSCMatchSummary
       selected-option="Prematch"
-      :game="{ game_id: 90572, season_id: 2015, prematch: true }"
+      :game="{ game_id: 90434, season_id: 2010, prematch: true }"
       :gamehome="{ game_id: 90564, season_id: 2015, prematch: true }"
+      :game-number="2"
+      :last-games="{
+        home_team: 14,
+        last_home_games: [
+          {
+            season_id: 2010,
+            game_id: 90420,
+          },
+          {
+            season_id: 2010,
+            game_id: 90412,
+          },
+          {
+            season_id: 2010,
+            game_id: 90406,
+          },
+        ],
+        visiting_team: 12,
+        last_visiting_games: [
+          {
+            season_id: 2010,
+            game_id: 90422,
+          },
+          {
+            season_id: 2010,
+            game_id: 90417,
+          },
+          {
+            season_id: 2010,
+            game_id: 90403,
+          },
+        ],
+      }"
       :gameaway="{ game_id: 90565, season_id: 2015, prematch: true }"
     />
   </div>

package/src/components/gsc-lineups-reports.vue

@@ -1,15 +1,20 @@
 <template>
   <div>
     <!-- Aquí va tu contenido -->
-    <GSCLineups :game="game" :gamehome="gamehome" :gameaway="gameaway" selected-option="Prematch" />
+    <GSCLineups
+      :game="game"
+      :gamehome="lastHomeGame"
+      :gameaway="lastVisitingGame"
+      :selected-option="selectedOption"
+    />
   </div>
 </template>
 
 <script setup>
-import { defineProps } from 'vue'
+import { defineProps, computed } from 'vue'
 import GSCLineups from '@/components/gsc-lineups.vue'
 
-defineProps({
+const props = defineProps({
   game: {
     type: Object,
     default: () => {},
@@ -18,6 +23,14 @@ defineProps({
     type: Object,
     default: () => {},
   },
+  gameNumber: {
+    type: Number,
+    default: 0,
+  },
+  lastGames: {
+    type: Object,
+    default: () => {},
+  },
   gameaway: {
     type: Object,
     default: () => {},
@@ -28,6 +41,57 @@ defineProps({
   },
 })
 
+// Función para validar y formatear el objeto del juego
+const formatGameObject = (gameData) => {
+  if (!gameData) {
+    return {
+      game_id: null,
+      season_id: null,
+      prematch: true,
+    }
+  }
+
+  // Asegurar que tenga el formato correcto
+  return {
+    game_id: gameData.game_id || null,
+    season_id: gameData.season_id || null,
+    prematch: gameData.prematch !== undefined ? gameData.prematch : true,
+  }
+}
+
+// Computed properties para obtener los juegos basados en gameNumber
+const lastHomeGame = computed(() => {
+  // Validar que gameNumber sea 1, 2 o 3
+  if (![1, 2, 3].includes(props.gameNumber)) {
+    return formatGameObject(null)
+  }
+
+  if (props.selectedOption === 'Prematch' && props.lastGames && props.lastGames.last_home_games) {
+    const gameIndex = props.gameNumber - 1 // Convertir a índice basado en 0
+    const gameData = props.lastGames.last_home_games[gameIndex]
+    return formatGameObject(gameData)
+  }
+  return formatGameObject(null)
+})
+
+const lastVisitingGame = computed(() => {
+  // Validar que gameNumber sea 1, 2 o 3
+  if (![1, 2, 3].includes(props.gameNumber)) {
+    return formatGameObject(null)
+  }
+
+  if (
+    props.selectedOption === 'Prematch' &&
+    props.lastGames &&
+    props.lastGames.last_visiting_games
+  ) {
+    const gameIndex = props.gameNumber - 1 // Convertir a índice basado en 0
+    const gameData = props.lastGames.last_visiting_games[gameIndex]
+    return formatGameObject(gameData)
+  }
+  return formatGameObject(null)
+})
+
 // Función para manejar el evento onOpenProfile
 const onOpenProfile = (data) => {
   console.log('Perfil abierto:', data)

package/src/components/gsc-lineups.vue

@@ -5995,6 +5995,9 @@ export default {
 
 .lineup-players {
   display: flex;
+  background: transparent !important;
+  background-color: transparent !important;
+  box-shadow: none !important;
   justify-content: center;
   padding-bottom: 45px;
   padding-left: 3px;