@golstats/gsc-top-player 1.0.2 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golstats/gsc-top-player",
-  "version": "1.0.2",
+  "version": "1.0.5",
   "main": "dist/gsc-top-player.umd.js",
   "module": "dist/gsc-top-player.es.js",
   "exports": {

package/src/App.vue

@@ -1,20 +1,140 @@
 <script setup>
 import GscTopPlayer from './components/gsc-top-player.vue'
-// import { categoriesDefault } from './components/comparative/categories.js'
+import { categoriesDefault } from './components/comparative/categories.js'
 // import { dummyTopPlayers } from './components/comparative/dummy-top-players.js'
 
 // Selecciona una categoría real o la dummy manualmente para pruebas
-const selectedCategories = [{ id: 0, name: 'Categoria' }]
-// const selectedCategories = categoriesDefault.filter((cat) => cat.id === 2)
+//const selectedCategories = [{ id: 0, name: 'Categoria' }]
+const selectedCategories = categoriesDefault.filter((cat) => cat.id === 2)
+
+const gameData = {
+  gameId: 90209,
+  id: 90209,
+  seasonId: 1943,
+  regularSeasonId: 1933,
+  matchday_name: 'Playoffs 6',
+  status: 1,
+  score: [2, 0],
+  game_status: 1,
+  dateTimeUTC: '2025-05-26T00:00:00Z',
+  homeTeam: {
+    logo: 'https://golstatsimages.blob.core.windows.net/teams-80/18.png',
+    team_id: 18,
+    provisional_logo: 'https://golstatsimages.blob.core.windows.net/teams-provisional/18.png',
+    colloquial_name: 'Toluca',
+    acronym: 'TOL',
+    team_name: 'Toluca',
+  },
+  awayTeam: {
+    logo: 'https://golstatsimages.blob.core.windows.net/teams-80/2.png',
+    team_id: 2,
+    provisional_logo: 'https://golstatsimages.blob.core.windows.net/teams-provisional/2.png',
+    colloquial_name: 'América',
+    acronym: 'AME',
+    team_name: 'America',
+  },
+  is_live: 0,
+  minutes: {
+    home_goals_minutes: ["L. Garcia 65'", "A. Vega 82'"],
+    visiting_goals_minutes: [],
+    home_yellow_cards_minutes: ["L. Garcia 90'", "A. Vega 90 + 3'"],
+    away_yellow_cards_minutes: ["S. Caceres 78'"],
+    home_red_cards_minutes: [],
+    away_red_cards_minutes: [],
+  },
+}
+
+const gameData2 = {
+  season_id: 2010,
+  game_id: 90328,
+  matchday_id: 4,
+  matchday_name: 'Matchday 4',
+  matchday_abbreviation: 'M4',
+  home_team: 16,
+  visiting_team: 10,
+  date: '2025-08-08',
+  schedule: '21:00:00',
+  date_time_utc: '2025-08-09T02:00:00Z',
+  game_status: 4,
+  score: [0, 0],
+  is_live: 0,
+  penalties_score_home_team: 0,
+  penalties_score_visiting_team: 0,
+  referee_id: 0,
+  referee_name: 'Sin designar',
+  home_games_played: 2,
+  away_games_played: 3,
+  has_video: 0,
+  tv_stations: [],
+  home_team_name: 'Tigres de la UANL',
+  visiting_team_name: 'Puebla FC',
+  home_team_acronym: 'TIG',
+  visiting_team_acronym: 'PUE',
+  live_stats: 0,
+  has_tracking: 0,
+  video_types: [],
+  home_team_probability: 69,
+  visiting_team_probability: 8,
+  draw_probability: 23,
+  home_team_xg: 1.9749,
+  home_team_goals: 1,
+  visiting_team_xg: 6.331,
+  visiting_team_goals: 4,
+  minutes: {
+    home_goals_minutes: [],
+    visiting_goals_minutes: [],
+    home_yellow_cards_minutes: [],
+    away_yellow_cards_minutes: [],
+    home_red_cards_minutes: [],
+    away_red_cards_minutes: [],
+  },
+  report_minutes: {
+    home_goals_minutes: [],
+    visiting_goals_minutes: [],
+    home_yellow_cards_minutes: [],
+    away_yellow_cards_minutes: [],
+    home_red_cards_minutes: [],
+    away_red_cards_minutes: [],
+  },
+  alt_minutes: {
+    home_goals_minutes: [],
+    visiting_goals_minutes: [],
+    home_yellow_cards_minutes: [],
+    away_yellow_cards_minutes: [],
+    home_red_cards_minutes: [],
+    away_red_cards_minutes: [],
+  },
+  time_active: {
+    home_te: '00:00',
+    visiting_te: '00:00',
+    home_ti: '00:00',
+    visiting_ti: '00:00',
+    total_te: '00:00',
+    total_ti: '00:00',
+    others: '00:00',
+    home_ta_average: '30:50',
+    visiting_ta_average: '31:10',
+    referee_ta_average: '-',
+    xta: '62:00',
+  },
+  is_edition_available: 1,
+}
 </script>
 
 <template>
   <div id="app">
-    <GscTopPlayer
+    <!--<GscTopPlayer
       :category-view="selectedCategories"
       :gamed="90209"
       :season="1909"
       :team-view="2"
+    />-->
+    <GscTopPlayer
+      :category-view="selectedCategories"
+      :gamed="gameData.id"
+      :game="gameData"
+      :season="gameData.seasonId"
+      :team-view="2"
     />
   </div>
 </template>

package/src/components/comparative/gsc-top.vue

@@ -3,6 +3,10 @@
     <div ref="myDivRef">
       <template v-if="type == 0">
         <template v-if="topData.length > 0">
+          <!-- Título de la categoría con línea verde -->
+          <div class="btnViewFullList">
+            <div class="text">{{ categoryName }}</div>
+          </div>
           <div class="row-table-carrousel">
             <template v-for="(player, index) in topData[0]" :key="index">
               <template v-if="player.top == 1">
@@ -319,7 +323,7 @@ export default {
     },
     typeData: {
       type: Number,
-      default: 1,
+      default: 0,
     },
     gameId: {
       type: Number,
@@ -1090,6 +1094,7 @@ export default {
       this.playerexpand = expandobject.id
     },
     async getCategoryStats(season) {
+      console.log('llego aqui; ', season)
       this.mapPlayers = new Map()
       try {
         if (!season) return
@@ -1108,43 +1113,23 @@ export default {
         })
         this.isloading = true
         let data = {}
-        if (this.typeData == 1) {
-          if (this.isWidget && this.teamWidget != 0) {
-            data = await axiosInstance.get(
-              this.url + '/' + this.gameId + '/' + this.category + '?t=' + this.teamWidget,
-            )
-          } else {
-            data = await axiosInstance.get(this.url + '/' + this.gameId + '/' + this.category)
-          }
+        console.log('this.typeData:::: ', this.typeData)
+
+        console.log('this.game, ', this.game)
+        if (this.game.game_status === 1) {
+          data = await axiosInstance.get(this.url + '/' + this.gameId + '/' + this.category)
         } else {
-          if (this.game.game_status === 1) {
-            if (this.isWidget && this.teamWidget != 0) {
-              data = await axiosInstance.get(
-                this.url + '/' + this.gameId + '/' + this.category + '?acc=1&t=' + this.teamWidget,
-              )
-            } else {
-              data = await axiosInstance.get(
-                this.url + '/' + this.gameId + '/' + this.category + '?acc=1',
-              )
-            }
-          } else {
-            if (this.isWidget && this.teamWidget != 0) {
-              data = await axiosInstance.get(
-                this.urlPrematch + seasonGet + '/' + this.category + '?t=' + this.teamWidget,
-              )
-            } else {
-              data = await axiosInstance.get(
-                this.urlPrematch +
-                  seasonGet +
-                  '/' +
-                  this.category +
-                  '?t=' +
-                  this.game.homeTeam.team_id +
-                  '&t=' +
-                  this.game.awayTeam.team_id,
-              )
-            }
-          }
+          console.log('LLEGO ES 2 PRWMATCH')
+          data = await axiosInstance.get(
+            this.urlPrematch +
+              seasonGet +
+              '/' +
+              this.category +
+              '?t=' +
+              this.game.home_team +
+              '&t=' +
+              this.game.visiting_team,
+          )
         }
         if (data && data.data && data.data.data && data.data.data.length > 0) {
           catPlays = data.data.data.map((play) => {
@@ -1451,6 +1436,7 @@ export default {
   height: 33px;
   display: flex;
   align-items: flex-end;
+  color: white;
 }
 
 .hidden {

package/src/components/comparative/gsc-tops-full.vue

@@ -14,7 +14,7 @@
           border-radius="12px"
           :game-id="gameId"
           :game="game"
-          :typeData="typeData"
+          :typeData="0"
           :category="category.id"
           :type-table="typeTable"
           :categoryName="category.name"
@@ -100,7 +100,7 @@ export default {
     },
     typeData: {
       type: Number,
-      default: 1,
+      default: 0,
     },
     canPlayVideos: {
       type: Boolean,

package/src/components/gsc-top-player.vue

@@ -6,6 +6,7 @@
       :arrow="arrow"
       :type-data="type"
       :game-id="gamed"
+      :game="game"
       :season-active="season"
       :teamselect="teamView"
       :category-view="categoryView"
@@ -41,6 +42,10 @@ const props = defineProps({
     type: Number,
     default: 1,
   },
+  game: {
+    type: Object,
+    default: () => ({}),
+  },
   gamed: {
     type: Number,
     default: 90209,