@golstats/gsc-reports 1.0.51 → 1.0.53

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 (37) hide show
  1. package/README.md +2 -2
  2. package/dist/{FilterConditions-55d68355-C06ae5UH-YxQ3jO-g-Bs3zZXym.js → FilterConditions-55d68355-zHMe0Dyg-CLarFrVK-C2M1z5WD.js} +15 -15
  3. package/dist/{FilterField-59a73e38-CwFxdon3-DR-X2iOr-RBJp20-u.js → FilterField-59a73e38-DtNZKbqt-CX86CGMh-DPrMukyS.js} +5 -5
  4. package/dist/{FilterSubcategories-a9b32cc9-Dfm_NNj7-CqbZiNG8-DtiZhLaR.js → FilterSubcategories-a9b32cc9-BjvvEE_X-Cb3jkvIi-CQ-9zRuN.js} +3 -3
  5. package/dist/css/fonts.css +83 -83
  6. package/dist/gsc-reports.css +1 -1
  7. package/dist/gsc-reports.es.js +1 -1
  8. package/dist/gsc-reports.umd.js +298 -298
  9. package/dist/{index-hyo6y6_x.js → index-B5MO1vo4.js} +76144 -75664
  10. package/package.json +2 -2
  11. package/src/components/TemplatesSection.vue +1 -0
  12. package/src/components/elementsTemplates/ModalDeleteReport.vue +246 -246
  13. package/src/components/elementsTemplates/ModalDeleteTemplate.vue +249 -249
  14. package/src/components/elementsTemplates/ModalGenerarReporte.vue +379 -27
  15. package/src/components/elementsTemplates/ModalRenameReporte.vue +330 -330
  16. package/src/components/elementsTemplates/ModalRenameTemplate.vue +337 -337
  17. package/src/components/elementsTemplates/ModalSoloEscritorio.vue +83 -83
  18. package/src/components/elementsTemplates/ModalduplicateTemplate.vue +300 -300
  19. package/src/components/elementsTemplates/TooltipReportOptions.vue +97 -97
  20. package/src/components/elementsTemplates/TooltipTemplateOptions.vue +168 -168
  21. package/src/components/filters.vue +935 -935
  22. package/src/components/template-report-maker/CoverPage.vue +636 -636
  23. package/src/components/template-report-maker/CoverSelector.vue +165 -165
  24. package/src/components/template-report-maker/ReportView.vue +66 -66
  25. package/src/components/template-report-maker/TemplateReportPage.vue +398 -398
  26. package/src/components/thumbnails-reports/AnalisisPostMatchType1.vue +741 -741
  27. package/src/components/thumbnails-reports/AnalisisPostMatchType2.vue +743 -743
  28. package/src/components/thumbnails-reports/AnalisisPostMatchType3.vue +441 -463
  29. package/src/components/thumbnails-reports/AnalisisPostMatchType4.vue +440 -462
  30. package/src/components/thumbnails-reports/AnalisisPrematchType1.vue +232 -164
  31. package/src/components/thumbnails-reports/AnalisisPrematchType2.vue +231 -163
  32. package/src/components/thumbnails-reports/AnalisisPrematchType3.vue +173 -173
  33. package/src/components/thumbnails-reports/AnalisisPrematchType4.vue +173 -173
  34. package/src/index.js +4 -4
  35. package/src/types.d.ts +45 -45
  36. package/src/utils/dateUtils.js +52 -52
  37. package/dist/images/cancha-horizontal.jpg +0 -0
package/src/components/thumbnails-reports/AnalisisPrematchType2.vue CHANGED
@@ -1,163 +1,231 @@
1
- <template>
2
- <div class="prematch-bg">
3
- <div class="title">Análisis <span class="highlight">Prematch</span></div>
4
- <div class="subtitle">
5
- <span class="jornada">{{ traducirJornada(props.report.game.matchday_name) }}</span>
6
- <span class="fecha"> - {{ formatDate(props.report.game.date_time_utc) }}</span>
7
- </div>
8
- <div class="teams-row">
9
- <div class="team team-local">
10
- <span class="escudo-svg">
11
- <img
12
- width="55px"
13
- :src="
14
- 'https://golstatsimages.blob.core.windows.net/teams-80/' +
15
- props.report.game.home_team +
16
- '.png'
17
- "
18
- />
19
- </span>
20
- <span class="team-name">{{ props.report.game.home_team_acronym }}</span>
21
- </div>
22
- <div class="team team-visitor">
23
- <span class="escudo-svg">
24
- <img
25
- width="55px"
26
- :src="
27
- 'https://golstatsimages.blob.core.windows.net/teams-80/' +
28
- props.report.game.visiting_team +
29
- '.png'
30
- "
31
- />
32
- </span>
33
- <span class="team-name">{{ props.report.game.visiting_team_acronym }}</span>
34
- </div>
35
- </div>
36
- </div>
37
- </template>
38
-
39
- <script setup>
40
- import { formatDate } from '../../utils/dateUtils.js'
41
-
42
- function traducirJornada(jornada) {
43
- if (!jornada) return ''
44
- return jornada
45
- .replace('Matchday', 'J')
46
- .replace('de Final', '')
47
- .replace('Playoffs 1', 'CFI')
48
- .replace('Playoffs 2', 'CFV')
49
- .replace('Playoffs 3', 'SI')
50
- .replace('Playoffs 4', 'SV')
51
- .replace('Playoffs 5', 'FI')
52
- .replace('Playoffs 6', 'FV')
53
- }
54
- // Aquí puedes agregar props si quieres que los nombres de equipos y jornada sean dinámicos
55
- const props = defineProps({
56
- report: {
57
- type: Object,
58
- default: () => ({}),
59
- },
60
- })
61
- </script>
62
-
63
- <style scoped>
64
- .prematch-bg {
65
- width: 100%;
66
- height: 222px;
67
- /* height: 100vh; */
68
- background: url('https://golstatsimages.blob.core.windows.net/reports-images/background-postmatch-template-02.jpg');
69
- background-size: cover;
70
- background-repeat: no-repeat;
71
- display: flex;
72
- flex-direction: column;
73
- justify-content: center;
74
- align-items: center;
75
- }
76
-
77
- .header {
78
- padding: 24px 32px;
79
- }
80
-
81
- .logo {
82
- height: 40px;
83
- }
84
-
85
- .main-content {
86
- display: flex;
87
- flex-direction: column;
88
- align-items: center;
89
- /* Elimina el margin-top para centrar verticalmente */
90
- }
91
-
92
- .title {
93
- font-size: 0.8rem;
94
- color: #fff;
95
- margin-top: -10px;
96
- font-family: Poppins-Regular;
97
- }
98
-
99
- .highlight {
100
- font-family: Poppins-Bold;
101
- color: #fff;
102
- }
103
-
104
- .subtitle {
105
- font-family: Poppins-Regular;
106
- margin-top: -8px;
107
- font-size: 1.1rem;
108
- color: #e0e0e0;
109
- }
110
-
111
- .jornada {
112
- font-family: Poppins-Medium;
113
- color: #fff;
114
- font-size: 0.4rem;
115
- line-height: 2.2;
116
- letter-spacing: 0.2px;
117
- opacity: 0.8;
118
- }
119
-
120
- .fecha {
121
- font-family: Poppins-Regular;
122
- color: #e0e0e0;
123
- opacity: 0.8;
124
- line-height: 2.2;
125
- letter-spacing: 0.2px;
126
- font-size: 0.4rem;
127
- }
128
-
129
- .teams-row {
130
- display: flex;
131
- justify-content: center;
132
- align-items: center;
133
- gap: 30px;
134
- margin-top: 20px;
135
- }
136
-
137
- .team {
138
- display: flex;
139
- flex-direction: row;
140
- align-items: center;
141
- gap: 12px;
142
- }
143
-
144
- .team-visitor {
145
- flex-direction: row-reverse;
146
- }
147
-
148
- .escudo-svg {
149
- display: flex;
150
- justify-content: center;
151
- align-items: center;
152
- width: 55px;
153
- height: 55px;
154
- }
155
-
156
- .team-name {
157
- font-size: 1rem;
158
- font-family: Poppins-bold;
159
- font-weight: 700;
160
- color: #fff;
161
- letter-spacing: 2px;
162
- }
163
- </style>
1
+ <template>
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
+
27
+ <div class="title">Análisis <span class="highlight">Prematch</span></div>
28
+ <div class="subtitle">
29
+ <span class="jornada">{{ traducirJornada(props.report.game.matchday_name) }}</span>
30
+ <span class="fecha"> - {{ formatDate(props.report.game.date_time_utc) }}</span>
31
+ </div>
32
+ <div class="teams-row">
33
+ <div class="team team-local">
34
+ <span class="escudo-svg">
35
+ <img
36
+ width="55px"
37
+ :src="
38
+ 'https://golstatsimages.blob.core.windows.net/teams-80/' +
39
+ props.report.game.home_team +
40
+ '.png'
41
+ "
42
+ />
43
+ </span>
44
+ <span class="team-name">{{ props.report.game.home_team_acronym }}</span>
45
+ </div>
46
+ <div class="team team-visitor">
47
+ <span class="escudo-svg">
48
+ <img
49
+ width="55px"
50
+ :src="
51
+ 'https://golstatsimages.blob.core.windows.net/teams-80/' +
52
+ props.report.game.visiting_team +
53
+ '.png'
54
+ "
55
+ />
56
+ </span>
57
+ <span class="team-name">{{ props.report.game.visiting_team_acronym }}</span>
58
+ </div>
59
+ </div>
60
+ </div>
61
+ </template>
62
+
63
+ <script setup>
64
+ import { formatDate } from '../../utils/dateUtils.js'
65
+
66
+ function traducirJornada(jornada) {
67
+ if (!jornada) return ''
68
+ return jornada
69
+ .replace('Matchday', 'J')
70
+ .replace('de Final', '')
71
+ .replace('Playoffs 1', 'CFI')
72
+ .replace('Playoffs 2', 'CFV')
73
+ .replace('Playoffs 3', 'SI')
74
+ .replace('Playoffs 4', 'SV')
75
+ .replace('Playoffs 5', 'FI')
76
+ .replace('Playoffs 6', 'FV')
77
+ }
78
+ // Aquí puedes agregar props si quieres que los nombres de equipos y jornada sean dinámicos
79
+ const props = defineProps({
80
+ report: {
81
+ type: Object,
82
+ default: () => ({}),
83
+ },
84
+ })
85
+ </script>
86
+
87
+ <style scoped>
88
+ .prematch-bg {
89
+ width: 100%;
90
+ height: 222px;
91
+ /* height: 100vh; */
92
+ background: url('https://golstatsimages.blob.core.windows.net/reports-images/background-postmatch-template-02.jpg');
93
+ background-size: cover;
94
+ background-repeat: no-repeat;
95
+ display: flex;
96
+ flex-direction: column;
97
+ justify-content: center;
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;
137
+ }
138
+
139
+ .header {
140
+ padding: 24px 32px;
141
+ }
142
+
143
+ .logo {
144
+ height: 40px;
145
+ }
146
+
147
+ .main-content {
148
+ display: flex;
149
+ flex-direction: column;
150
+ align-items: center;
151
+ /* Elimina el margin-top para centrar verticalmente */
152
+ }
153
+
154
+ .title {
155
+ font-size: 0.8rem;
156
+ color: #fff;
157
+ margin-top: -10px;
158
+ font-family: Poppins-Regular;
159
+ position: relative;
160
+ z-index: 2;
161
+ }
162
+
163
+ .highlight {
164
+ font-family: Poppins-Bold;
165
+ color: #fff;
166
+ }
167
+
168
+ .subtitle {
169
+ font-family: Poppins-Regular;
170
+ margin-top: -8px;
171
+ font-size: 1.1rem;
172
+ color: #e0e0e0;
173
+ position: relative;
174
+ z-index: 2;
175
+ }
176
+
177
+ .jornada {
178
+ font-family: Poppins-Medium;
179
+ color: #fff;
180
+ font-size: 0.4rem;
181
+ line-height: 2.2;
182
+ letter-spacing: 0.2px;
183
+ opacity: 0.8;
184
+ }
185
+
186
+ .fecha {
187
+ font-family: Poppins-Regular;
188
+ color: #e0e0e0;
189
+ opacity: 0.8;
190
+ line-height: 2.2;
191
+ letter-spacing: 0.2px;
192
+ font-size: 0.4rem;
193
+ }
194
+
195
+ .teams-row {
196
+ display: flex;
197
+ justify-content: center;
198
+ align-items: center;
199
+ gap: 30px;
200
+ margin-top: 20px;
201
+ position: relative;
202
+ z-index: 2;
203
+ }
204
+
205
+ .team {
206
+ display: flex;
207
+ flex-direction: row;
208
+ align-items: center;
209
+ gap: 12px;
210
+ }
211
+
212
+ .team-visitor {
213
+ flex-direction: row-reverse;
214
+ }
215
+
216
+ .escudo-svg {
217
+ display: flex;
218
+ justify-content: center;
219
+ align-items: center;
220
+ width: 55px;
221
+ height: 55px;
222
+ }
223
+
224
+ .team-name {
225
+ font-size: 1rem;
226
+ font-family: Poppins-bold;
227
+ font-weight: 700;
228
+ color: #fff;
229
+ letter-spacing: 2px;
230
+ }
231
+ </style>