@golstats/gsc-reports 1.0.36 → 1.0.37

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 (32) hide show
  1. package/README.md +2 -2
  2. package/dist/{FilterConditions-55d68355-BUvCA8gG-C6TzNKb6-Bn2nIQYr.js → FilterConditions-55d68355-BUvCA8gG-BgesEQ5y-DrSEkUL0.js} +24 -24
  3. package/dist/{FilterField-59a73e38-C85AzksG-Ck8p5Ac5-CZLwZdFo.js → FilterField-59a73e38-C85AzksG-B74SN9-k-BeKkLIXL.js} +8 -8
  4. package/dist/{FilterSubcategories-a9b32cc9-B7ERo60D-CvVKB0dD-CZPw_clQ.js → FilterSubcategories-a9b32cc9-B7ERo60D-CLS0i9LD-CAcJTNTj.js} +6 -6
  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 +111 -111
  9. package/dist/{index-CJqvu2aL.js → index-FY3s5bCZ.js} +13875 -13843
  10. package/package.json +2 -2
  11. package/src/components/TemplatesSection.vue +5 -0
  12. package/src/components/elementsTemplates/ModalDeleteReport.vue +246 -246
  13. package/src/components/elementsTemplates/ModalDeleteTemplate.vue +249 -249
  14. package/src/components/elementsTemplates/ModalRenameReporte.vue +330 -330
  15. package/src/components/elementsTemplates/ModalRenameTemplate.vue +337 -337
  16. package/src/components/elementsTemplates/ModalSoloEscritorio.vue +83 -83
  17. package/src/components/elementsTemplates/ModalduplicateTemplate.vue +300 -300
  18. package/src/components/elementsTemplates/TooltipReportOptions.vue +97 -97
  19. package/src/components/elementsTemplates/TooltipTemplateOptions.vue +168 -168
  20. package/src/components/filters.vue +935 -935
  21. package/src/components/gsc-reports.vue +15 -6
  22. package/src/components/thumbnails-reports/AnalisisPostMatchType1.vue +741 -741
  23. package/src/components/thumbnails-reports/AnalisisPostMatchType2.vue +743 -743
  24. package/src/components/thumbnails-reports/AnalisisPostMatchType3.vue +463 -463
  25. package/src/components/thumbnails-reports/AnalisisPostMatchType4.vue +462 -462
  26. package/src/components/thumbnails-reports/AnalisisPrematchType1.vue +164 -164
  27. package/src/components/thumbnails-reports/AnalisisPrematchType2.vue +163 -163
  28. package/src/components/thumbnails-reports/AnalisisPrematchType3.vue +173 -173
  29. package/src/components/thumbnails-reports/AnalisisPrematchType4.vue +173 -173
  30. package/src/index.js +4 -4
  31. package/src/types.d.ts +45 -45
  32. package/src/utils/dateUtils.js +52 -52
package/src/components/thumbnails-reports/AnalisisPrematchType1.vue CHANGED
@@ -1,164 +1,164 @@
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
-
55
- // Aquí puedes agregar props si quieres que los nombres de equipos y jornada sean dinámicos
56
- const props = defineProps({
57
- report: {
58
- type: Object,
59
- default: () => ({}),
60
- },
61
- })
62
- </script>
63
-
64
- <style scoped>
65
- .prematch-bg {
66
- width: 100%;
67
- height: 222px;
68
- /* height: 100vh; */
69
- background: url('https://golstatsimages.blob.core.windows.net/reports-images/background-postmatch-template-01.jpg');
70
- background-size: cover;
71
- background-repeat: no-repeat;
72
- display: flex;
73
- flex-direction: column;
74
- justify-content: center;
75
- align-items: center;
76
- }
77
-
78
- .header {
79
- padding: 24px 32px;
80
- }
81
-
82
- .logo {
83
- height: 40px;
84
- }
85
-
86
- .main-content {
87
- display: flex;
88
- flex-direction: column;
89
- align-items: center;
90
- /* Elimina el margin-top para centrar verticalmente */
91
- }
92
-
93
- .title {
94
- font-size: 0.8rem;
95
- color: #fff;
96
- margin-top: -10px;
97
- font-family: Poppins-Regular;
98
- }
99
-
100
- .highlight {
101
- font-family: Poppins-Bold;
102
- color: #fff;
103
- }
104
-
105
- .subtitle {
106
- font-family: Poppins-Regular;
107
- margin-top: -8px;
108
- font-size: 1.1rem;
109
- color: #e0e0e0;
110
- }
111
-
112
- .jornada {
113
- font-family: Poppins-Medium;
114
- color: #fff;
115
- font-size: 0.4rem;
116
- line-height: 2.2;
117
- letter-spacing: 0.2px;
118
- opacity: 0.8;
119
- }
120
-
121
- .fecha {
122
- font-family: Poppins-Regular;
123
- color: #e0e0e0;
124
- opacity: 0.8;
125
- line-height: 2.2;
126
- letter-spacing: 0.2px;
127
- font-size: 0.4rem;
128
- }
129
-
130
- .teams-row {
131
- display: flex;
132
- justify-content: center;
133
- align-items: center;
134
- gap: 30px;
135
- margin-top: 20px;
136
- }
137
-
138
- .team {
139
- display: flex;
140
- flex-direction: row;
141
- align-items: center;
142
- gap: 12px;
143
- }
144
-
145
- .team-visitor {
146
- flex-direction: row-reverse;
147
- }
148
-
149
- .escudo-svg {
150
- display: flex;
151
- justify-content: center;
152
- align-items: center;
153
- width: 55px;
154
- height: 55px;
155
- }
156
-
157
- .team-name {
158
- font-size: 1rem;
159
- font-family: Poppins-bold;
160
- font-weight: 700;
161
- color: #fff;
162
- letter-spacing: 2px;
163
- }
164
- </style>
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
+
55
+ // Aquí puedes agregar props si quieres que los nombres de equipos y jornada sean dinámicos
56
+ const props = defineProps({
57
+ report: {
58
+ type: Object,
59
+ default: () => ({}),
60
+ },
61
+ })
62
+ </script>
63
+
64
+ <style scoped>
65
+ .prematch-bg {
66
+ width: 100%;
67
+ height: 222px;
68
+ /* height: 100vh; */
69
+ background: url('https://golstatsimages.blob.core.windows.net/reports-images/background-postmatch-template-01.jpg');
70
+ background-size: cover;
71
+ background-repeat: no-repeat;
72
+ display: flex;
73
+ flex-direction: column;
74
+ justify-content: center;
75
+ align-items: center;
76
+ }
77
+
78
+ .header {
79
+ padding: 24px 32px;
80
+ }
81
+
82
+ .logo {
83
+ height: 40px;
84
+ }
85
+
86
+ .main-content {
87
+ display: flex;
88
+ flex-direction: column;
89
+ align-items: center;
90
+ /* Elimina el margin-top para centrar verticalmente */
91
+ }
92
+
93
+ .title {
94
+ font-size: 0.8rem;
95
+ color: #fff;
96
+ margin-top: -10px;
97
+ font-family: Poppins-Regular;
98
+ }
99
+
100
+ .highlight {
101
+ font-family: Poppins-Bold;
102
+ color: #fff;
103
+ }
104
+
105
+ .subtitle {
106
+ font-family: Poppins-Regular;
107
+ margin-top: -8px;
108
+ font-size: 1.1rem;
109
+ color: #e0e0e0;
110
+ }
111
+
112
+ .jornada {
113
+ font-family: Poppins-Medium;
114
+ color: #fff;
115
+ font-size: 0.4rem;
116
+ line-height: 2.2;
117
+ letter-spacing: 0.2px;
118
+ opacity: 0.8;
119
+ }
120
+
121
+ .fecha {
122
+ font-family: Poppins-Regular;
123
+ color: #e0e0e0;
124
+ opacity: 0.8;
125
+ line-height: 2.2;
126
+ letter-spacing: 0.2px;
127
+ font-size: 0.4rem;
128
+ }
129
+
130
+ .teams-row {
131
+ display: flex;
132
+ justify-content: center;
133
+ align-items: center;
134
+ gap: 30px;
135
+ margin-top: 20px;
136
+ }
137
+
138
+ .team {
139
+ display: flex;
140
+ flex-direction: row;
141
+ align-items: center;
142
+ gap: 12px;
143
+ }
144
+
145
+ .team-visitor {
146
+ flex-direction: row-reverse;
147
+ }
148
+
149
+ .escudo-svg {
150
+ display: flex;
151
+ justify-content: center;
152
+ align-items: center;
153
+ width: 55px;
154
+ height: 55px;
155
+ }
156
+
157
+ .team-name {
158
+ font-size: 1rem;
159
+ font-family: Poppins-bold;
160
+ font-weight: 700;
161
+ color: #fff;
162
+ letter-spacing: 2px;
163
+ }
164
+ </style>
package/src/components/thumbnails-reports/AnalisisPrematchType2.vue CHANGED
@@ -1,163 +1,163 @@
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
+ <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>