@golstats/gsc-reports 1.0.52 → 1.0.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/{FilterConditions-55d68355-C06ae5UH-CEA4TfvA-DSWBY7HO.js → FilterConditions-55d68355-zHMe0Dyg-CrLqkkfP-M-GLdj8H.js} +5 -5
  2. package/dist/{FilterField-59a73e38-CwFxdon3-CZO9BXOb-Ck2Zy8SI.js → FilterField-59a73e38-DtNZKbqt-BMRKmoBk-C6CpYJ5U.js} +3 -3
  3. package/dist/{FilterSubcategories-a9b32cc9-Dfm_NNj7-9s2uLZyt-Cq2yOJ8R.js → FilterSubcategories-a9b32cc9-BjvvEE_X-DQe88zvC-BZF4ehk1.js} +3 -3
  4. package/dist/gsc-reports.css +1 -1
  5. package/dist/gsc-reports.es.js +1 -1
  6. package/dist/gsc-reports.umd.js +209 -209
  7. package/dist/{index-DfyEOv8s.js → index-DoXBPhEZ.js} +55424 -55207
  8. package/package.json +2 -2
  9. package/src/components/TemplatesSection.vue +1 -0
  10. package/src/components/elementsTemplates/ModalGenerarReporte.vue +379 -27
  11. package/src/components/thumbnails-reports/AnalisisPostMatchType3.vue +0 -22
  12. package/src/components/thumbnails-reports/AnalisisPostMatchType4.vue +0 -22
  13. package/src/components/thumbnails-reports/AnalisisPrematchType1.vue +68 -0
  14. package/src/components/thumbnails-reports/AnalisisPrematchType2.vue +68 -0
package/src/components/thumbnails-reports/AnalisisPrematchType1.vue CHANGED
@@ -1,5 +1,29 @@
1
1
  <template>
2
2
  <div class="prematch-bg">
3
+ <!-- Escudos de fondo -->
4
+ <div class="background-shields">
5
+ <div class="shield-left">
6
+ <img
7
+ :src="
8
+ 'https://golstatsimages.blob.core.windows.net/teams-150/' +
9
+ props.report.game.home_team +
10
+ '.png'
11
+ "
12
+ alt="Escudo local"
13
+ />
14
+ </div>
15
+ <div class="shield-right">
16
+ <img
17
+ :src="
18
+ 'https://golstatsimages.blob.core.windows.net/teams-150/' +
19
+ props.report.game.visiting_team +
20
+ '.png'
21
+ "
22
+ alt="Escudo visitante"
23
+ />
24
+ </div>
25
+ </div>
26
+
3
27
  <div class="title">Análisis <span class="highlight">Prematch</span></div>
4
28
  <div class="subtitle">
5
29
  <span class="jornada">{{ traducirJornada(props.report.game.matchday_name) }}</span>
@@ -73,6 +97,44 @@ const props = defineProps({
73
97
  flex-direction: column;
74
98
  justify-content: center;
75
99
  align-items: center;
100
+ position: relative;
101
+ overflow: hidden;
102
+ }
103
+
104
+ .background-shields {
105
+ position: absolute;
106
+ top: 0;
107
+ left: 0;
108
+ width: 100%;
109
+ height: 100%;
110
+ pointer-events: none;
111
+ z-index: 1;
112
+ }
113
+
114
+ .shield-left {
115
+ position: absolute;
116
+ left: -80px;
117
+ top: 50%;
118
+ transform: translateY(-50%);
119
+ opacity: 0.09;
120
+ }
121
+
122
+ .shield-left img {
123
+ width: 170px;
124
+ object-fit: contain;
125
+ }
126
+
127
+ .shield-right {
128
+ position: absolute;
129
+ right: -80px;
130
+ top: 50%;
131
+ transform: translateY(-50%);
132
+ opacity: 0.09;
133
+ }
134
+
135
+ .shield-right img {
136
+ width: 170px;
137
+ object-fit: contain;
76
138
  }
77
139
 
78
140
  .header {
@@ -95,6 +157,8 @@ const props = defineProps({
95
157
  color: #fff;
96
158
  margin-top: -10px;
97
159
  font-family: Poppins-Regular;
160
+ position: relative;
161
+ z-index: 2;
98
162
  }
99
163
 
100
164
  .highlight {
@@ -107,6 +171,8 @@ const props = defineProps({
107
171
  margin-top: -8px;
108
172
  font-size: 1.1rem;
109
173
  color: #e0e0e0;
174
+ position: relative;
175
+ z-index: 2;
110
176
  }
111
177
 
112
178
  .jornada {
@@ -133,6 +199,8 @@ const props = defineProps({
133
199
  align-items: center;
134
200
  gap: 30px;
135
201
  margin-top: 20px;
202
+ position: relative;
203
+ z-index: 2;
136
204
  }
137
205
 
138
206
  .team {
package/src/components/thumbnails-reports/AnalisisPrematchType2.vue CHANGED
@@ -1,5 +1,29 @@
1
1
  <template>
2
2
  <div class="prematch-bg">
3
+ <!-- Escudos de fondo -->
4
+ <div class="background-shields">
5
+ <div class="shield-left">
6
+ <img
7
+ :src="
8
+ 'https://golstatsimages.blob.core.windows.net/teams-150/' +
9
+ props.report.game.home_team +
10
+ '.png'
11
+ "
12
+ alt="Escudo local"
13
+ />
14
+ </div>
15
+ <div class="shield-right">
16
+ <img
17
+ :src="
18
+ 'https://golstatsimages.blob.core.windows.net/teams-150/' +
19
+ props.report.game.visiting_team +
20
+ '.png'
21
+ "
22
+ alt="Escudo visitante"
23
+ />
24
+ </div>
25
+ </div>
26
+
3
27
  <div class="title">Análisis <span class="highlight">Prematch</span></div>
4
28
  <div class="subtitle">
5
29
  <span class="jornada">{{ traducirJornada(props.report.game.matchday_name) }}</span>
@@ -72,6 +96,44 @@ const props = defineProps({
72
96
  flex-direction: column;
73
97
  justify-content: center;
74
98
  align-items: center;
99
+ position: relative;
100
+ overflow: hidden;
101
+ }
102
+
103
+ .background-shields {
104
+ position: absolute;
105
+ top: 0;
106
+ left: 0;
107
+ width: 100%;
108
+ height: 100%;
109
+ pointer-events: none;
110
+ z-index: 1;
111
+ }
112
+
113
+ .shield-left {
114
+ position: absolute;
115
+ left: -80px;
116
+ top: 50%;
117
+ transform: translateY(-50%);
118
+ opacity: 0.09;
119
+ }
120
+
121
+ .shield-left img {
122
+ width: 170px;
123
+ object-fit: contain;
124
+ }
125
+
126
+ .shield-right {
127
+ position: absolute;
128
+ right: -80px;
129
+ top: 50%;
130
+ transform: translateY(-50%);
131
+ opacity: 0.09;
132
+ }
133
+
134
+ .shield-right img {
135
+ width: 170px;
136
+ object-fit: contain;
75
137
  }
76
138
 
77
139
  .header {
@@ -94,6 +156,8 @@ const props = defineProps({
94
156
  color: #fff;
95
157
  margin-top: -10px;
96
158
  font-family: Poppins-Regular;
159
+ position: relative;
160
+ z-index: 2;
97
161
  }
98
162
 
99
163
  .highlight {
@@ -106,6 +170,8 @@ const props = defineProps({
106
170
  margin-top: -8px;
107
171
  font-size: 1.1rem;
108
172
  color: #e0e0e0;
173
+ position: relative;
174
+ z-index: 2;
109
175
  }
110
176
 
111
177
  .jornada {
@@ -132,6 +198,8 @@ const props = defineProps({
132
198
  align-items: center;
133
199
  gap: 30px;
134
200
  margin-top: 20px;
201
+ position: relative;
202
+ z-index: 2;
135
203
  }
136
204
 
137
205
  .team {