@golstats/gsc-top-player 1.0.0 → 1.0.2

package/package.json

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

package/src/App.vue

@@ -1,22 +1,20 @@
 <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'
 
-// Puedes usar categoriesDefault completo o filtrar categorías específicas
-const selectedCategories = categoriesDefault.filter((cat) => cat.id === 2) // Solo pases acertados
+// 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)
 </script>
 
 <template>
   <div id="app">
     <GscTopPlayer
       :category-view="selectedCategories"
-      :can-play-videos="true"
-      :carrousel="false"
-      :arrow="false"
-      :type="1"
       :gamed="90209"
       :season="1909"
-      :team-view="0"
+      :team-view="2"
     />
   </div>
 </template>
@@ -31,10 +29,7 @@ body {
 
 <style scoped>
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
   color: #2c3e50;
+  width: 100%;
 }
 </style>

package/src/components/comparative/dummy-top-players.js

@@ -0,0 +1,122 @@
+// Información dummy para mostrar en el top de jugadores
+export const dummyTopPlayers = [
+  {
+    top: '01',
+    name: 'Nombre Jugador',
+    name_short: 'Nombre Jugador',
+    img: 'https://golstatsimages.blob.core.windows.net/images-library/player-shadow@2x.png',
+    id: 9991,
+    age: 25,
+    team: 'DUM',
+    teamid: 1,
+    position: 'DEL',
+    positionId: 9,
+    positionfull: 'Delantero',
+    country: 138,
+    effectiveness: 100,
+    minutes: 90,
+    games: 1,
+    date: '01-01-1999',
+    nationality: 'Mexicano',
+    player_country_flag:
+      'https://golstatsimages.blob.core.windows.net/images-library/player-shadow-02@2x.png',
+    categoryName: 'Pases acertados',
+    total: 0,
+  },
+  {
+    top: '02',
+    name: 'Nombre Jugador',
+    name_short: 'Nombre Jugador',
+    img: 'https://golstatsimages.blob.core.windows.net/images-library/player-shadow-02@2x.png',
+    id: 9992,
+    age: 27,
+    team: 'DUM',
+    teamname: 'Dummy FC',
+    teamid: 1,
+    position: 'MED',
+    positionId: 7,
+    positionfull: 'Medio',
+    country: 138,
+    effectiveness: 95,
+    minutes: 85,
+    games: 1,
+    date: '02-02-1998',
+    nationality: 'Mexicano',
+    player_country_flag:
+      'https://golstatsimages.blob.core.windows.net/images-library/player-shadow-02@2x.png',
+    categoryName: 'Pases acertados',
+    total: 0,
+  },
+  {
+    top: '03',
+    name: 'Nombre Jugador',
+    name_short: 'Nombre Jugador',
+    img: 'https://golstatsimages.blob.core.windows.net/images-library/player-shadow-02@2x.png',
+    id: 9993,
+    age: 22,
+    team: 'DUM',
+    teamname: 'Dummy FC',
+    teamid: 1,
+    position: 'DEF',
+    positionId: 2,
+    positionfull: 'Defensa',
+    country: 138,
+    effectiveness: 90,
+    minutes: 80,
+    games: 1,
+    date: '03-03-2000',
+    nationality: 'Mexicano',
+    player_country_flag:
+      'https://golstatsimages.blob.core.windows.net/images-library/player-shadow-02@2x.png',
+    categoryName: 'Pases acertados',
+    total: 0,
+  },
+  {
+    top: '04',
+    name: 'Nombre Jugador',
+    name_short: 'Nombre Jugador',
+    img: 'https://golstatsimages.blob.core.windows.net/images-library/player-shadow-02@2x.png',
+    id: 9994,
+    age: 24,
+    team: 'DUM',
+    teamname: 'Dummy FC',
+    teamid: 1,
+    position: 'POR',
+    positionId: 1,
+    positionfull: 'Portero',
+    country: 138,
+    effectiveness: 88,
+    minutes: 70,
+    games: 1,
+    date: '04-04-1997',
+    nationality: 'Mexicano',
+    player_country_flag:
+      'https://golstatsimages.blob.core.windows.net/images-library/player-shadow-02@2x.png',
+    categoryName: 'Pases acertados',
+    total: 0,
+  },
+  {
+    top: '05',
+    name: 'Nombre Jugador',
+    name_short: 'Nombre Jugador',
+    img: 'https://golstatsimages.blob.core.windows.net/images-library/player-shadow-02@2x.png',
+    id: 9995,
+    age: 28,
+    team: 'DUM',
+    teamname: 'Dummy FC',
+    teamid: 1,
+    position: 'LAT',
+    positionId: 3,
+    positionfull: 'Lateral',
+    country: 138,
+    effectiveness: 85,
+    minutes: 60,
+    games: 1,
+    date: '05-05-1995',
+    nationality: 'Mexicano',
+    player_country_flag:
+      'https://golstatsimages.blob.core.windows.net/images-library/player-shadow-02@2x.png',
+    categoryName: 'Pases acertados',
+    total: 0,
+  },
+]

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

@@ -13,16 +13,9 @@
         v-if="icon && iconPosition.toLowerCase() === 'left'"
       />
       <div class="text" v-if="textValue">{{ textValue }}</div>
-      <img
-        class="icon"
-        :style="{ width: iconSize }"
-        :src="icon"
-        v-if="icon && iconPosition.toLowerCase() === 'right'"
-      />
     </div>
     <div v-if="type == 1" class="button-target" @click="btnClick">
       <div class="stats">
-        <img class="iconstats" src="https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png" />
         <div class="numstats">{{ textStat }}</div>
       </div>
       <div class="leyend">{{ textCategory }}</div>
@@ -36,10 +29,6 @@ export default {
     type: { type: Number, default: 0 },
     value: { type: Boolean, default: false },
     textValue: String,
-    icon: {
-      type: String,
-      default: 'https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png'
-    },
     iconPosition: { type: String, default: 'left' },
     iconSize: String,
     mini: { type: Boolean, default: false },
@@ -67,7 +56,7 @@ export default {
     typeOnOff: { type: Boolean, default: false },
     textCategory: String,
     textStat: String,
-    marginLeftStat: { type: String, default: '15%' }
+    marginLeftStat: { type: String, default: '15%' },
   },
   watch: {
     value: {
@@ -75,8 +64,8 @@ export default {
       immediate: true,
       handler(newValue) {
         this.status = newValue
-      }
-    }
+      },
+    },
   },
   data() {
     return { status: false }
@@ -95,16 +84,16 @@ export default {
         cursor: this.cursorType,
         fontSize: this.fontSize,
         fontStyle: this.fontStyle,
-        fontFamily: `${this.fontFamily} !important`
+        fontFamily: `${this.fontFamily} !important`,
       }
     },
     customActive() {
       return {
         backgroundColor: this.activeBackgroundColor,
         color: this.activeColorText,
-        border: `${this.activeBorderType} ${this.activeBorderWidth}px ${this.activeBorderColor}`
+        border: `${this.activeBorderType} ${this.activeBorderWidth}px ${this.activeBorderColor}`,
       }
-    }
+    },
   },
   methods: {
     btnClick(id) {
@@ -113,8 +102,8 @@ export default {
         this.status = !this.status
         this.$emit('status', this.status)
       }
-    }
-  }
+    },
+  },
 }
 </script>
 

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

@@ -252,10 +252,7 @@ export default {
       type: String,
       default: '#cbee6b',
     },
-    iconVideos: {
-      type: String,
-      default: 'https://golstatsimages.blob.core.windows.net/images-library/arrow-btn.png',
-    },
+
     iconSize: {
       type: String,
       default: '18px',