@golstats/gsc-reports 1.0.133 → 1.0.135
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.
- package/dist/{FilterConditions-55d68355-DMqzcKBO-1OHrGWAh-DgPKGD15.js → FilterConditions-55d68355-DMqzcKBO-BHQbH7qq-pccnOlQ-.js} +1 -1
- package/dist/{FilterField-59a73e38-CNaE03Ge-D81sAP-7-CNsh0ojl.js → FilterField-59a73e38-CNaE03Ge-DRYdCw86-BLbrFzkL.js} +1 -1
- package/dist/{FilterSubcategories-a9b32cc9-_h5FCZ4r-iK4YStbA-BE0-f-EB.js → FilterSubcategories-a9b32cc9-_h5FCZ4r-CcOSYnA2-BrmADr_P.js} +1 -1
- package/dist/gsc-reports.css +1 -1
- package/dist/gsc-reports.es.js +1 -1
- package/dist/gsc-reports.umd.js +2 -2
- package/dist/{index-C7d_HXxN.js → index-BWx84PgF.js} +14 -9
- package/package.json +2 -2
- package/src/components/elementsTemplates/ModalGenerarReporte.vue +8 -2
- package/src/components/template-report-maker/CoverSelector.vue +165 -165
- package/src/components/template-report-maker/ReportView.vue +66 -66
|
@@ -121131,11 +121131,11 @@ const P4t = {
|
|
|
121131
121131
|
},
|
|
121132
121132
|
setup(t) {
|
|
121133
121133
|
const e = t, r = pN(
|
|
121134
|
-
() => import("./FilterSubcategories-a9b32cc9-_h5FCZ4r-
|
|
121134
|
+
() => import("./FilterSubcategories-a9b32cc9-_h5FCZ4r-CcOSYnA2-BrmADr_P.js")
|
|
121135
121135
|
), m = pN(
|
|
121136
|
-
() => import("./FilterConditions-55d68355-DMqzcKBO-
|
|
121136
|
+
() => import("./FilterConditions-55d68355-DMqzcKBO-BHQbH7qq-pccnOlQ-.js")
|
|
121137
121137
|
), $ = pN(
|
|
121138
|
-
() => import("./FilterField-59a73e38-CNaE03Ge-
|
|
121138
|
+
() => import("./FilterField-59a73e38-CNaE03Ge-DRYdCw86-BLbrFzkL.js")
|
|
121139
121139
|
), h = [
|
|
121140
121140
|
{
|
|
121141
121141
|
name: "Sub categorías",
|
|
@@ -287700,7 +287700,7 @@ const Joe = /* @__PURE__ */ Ioe(VU, [["render", Zoe], ["__scopeId", "data-v-f3ee
|
|
|
287700
287700
|
console.error("Page element or container main element not found");
|
|
287701
287701
|
}
|
|
287702
287702
|
function vt(tr) {
|
|
287703
|
-
i.value = tr, d.value = !0;
|
|
287703
|
+
p.value = null, i.value = tr, d.value = !0;
|
|
287704
287704
|
}
|
|
287705
287705
|
function bt(tr, Ue) {
|
|
287706
287706
|
const sr = Ue + 1;
|
|
@@ -288604,7 +288604,7 @@ const Joe = /* @__PURE__ */ Ioe(VU, [["render", Zoe], ["__scopeId", "data-v-f3ee
|
|
|
288604
288604
|
]))
|
|
288605
288605
|
], 64));
|
|
288606
288606
|
}
|
|
288607
|
-
}, Epe = /* @__PURE__ */ Y2(Npe, [["__scopeId", "data-v-
|
|
288607
|
+
}, Epe = /* @__PURE__ */ Y2(Npe, [["__scopeId", "data-v-152de9bc"]]);
|
|
288608
288608
|
function NQ(t, e) {
|
|
288609
288609
|
return function() {
|
|
288610
288610
|
return t.apply(e, arguments);
|
|
@@ -290829,7 +290829,7 @@ const {
|
|
|
290829
290829
|
])
|
|
290830
290830
|
]));
|
|
290831
290831
|
}
|
|
290832
|
-
}, e$ = /* @__PURE__ */ Bv(u0e, [["__scopeId", "data-v-a34cf1b5"]]), o_ = (t) => (M0("data-v-
|
|
290832
|
+
}, e$ = /* @__PURE__ */ Bv(u0e, [["__scopeId", "data-v-a34cf1b5"]]), o_ = (t) => (M0("data-v-e14dbfdb"), t = t(), C0(), t), c0e = { class: "modal-overlay" }, d0e = { class: "modal-content" }, p0e = /* @__PURE__ */ o_(() => /* @__PURE__ */ Ht("img", {
|
|
290833
290833
|
src: "https://golstatsimages.blob.core.windows.net/reports-images/icn-close.svg",
|
|
290834
290834
|
alt: "Cerrar"
|
|
290835
290835
|
}, null, -1)), h0e = [
|
|
@@ -290976,7 +290976,7 @@ const {
|
|
|
290976
290976
|
},
|
|
290977
290977
|
token: {
|
|
290978
290978
|
type: String,
|
|
290979
|
-
|
|
290979
|
+
default: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MCwibmFtZSI6IlVzdWFyaW8gRnJlZSIsInVzZXJuYW1lIjoiZnJlZUBnb2xzdGF0cy5jb20iLCJlbWFpbCI6ImZyZWVAZ29sc3RhdHMuY29tIiwiaWF0IjoxNjA2NzU4Nzk1LCJleHAiOjE2MzgyOTQ3OTV9.kPNmP7yDtk38cAXrUyc7OHRh6J25VFqy-XUNzbK-4YE"
|
|
290980
290980
|
},
|
|
290981
290981
|
team: {
|
|
290982
290982
|
type: Number,
|
|
@@ -291020,7 +291020,12 @@ const {
|
|
|
291020
291020
|
try {
|
|
291021
291021
|
d.value = !0;
|
|
291022
291022
|
const de = await p1.get(
|
|
291023
|
-
"https://kefloixzy1.execute-api.us-west-2.amazonaws.com/prod/gs3/tournaments"
|
|
291023
|
+
"https://kefloixzy1.execute-api.us-west-2.amazonaws.com/prod/v2/gs3/tournaments",
|
|
291024
|
+
{
|
|
291025
|
+
headers: {
|
|
291026
|
+
Authorization: r.token
|
|
291027
|
+
}
|
|
291028
|
+
}
|
|
291024
291029
|
);
|
|
291025
291030
|
if (de.data && Array.isArray(de.data)) {
|
|
291026
291031
|
if (k.value = de.data, $.value = de.data.map((Zt) => Zt.tournament).sort((Zt, te) => Zt.order && te.order ? Zt.order - te.order : Zt.order && !te.order ? -1 : !Zt.order && te.order ? 1 : 0), c.value = "", h.value = [], s.value = "", u.value = [], n.value = "", a.value = [], T.value = null, U.value)
|
|
@@ -291483,7 +291488,7 @@ const {
|
|
|
291483
291488
|
])
|
|
291484
291489
|
]));
|
|
291485
291490
|
}
|
|
291486
|
-
}, vme = /* @__PURE__ */ Bv(gme, [["__scopeId", "data-v-
|
|
291491
|
+
}, vme = /* @__PURE__ */ Bv(gme, [["__scopeId", "data-v-e14dbfdb"]]), XL = (t) => (M0("data-v-3f4f9ca5"), t = t(), C0(), t), bme = { class: "modal-overlay" }, xme = { class: "modal-content" }, _me = /* @__PURE__ */ XL(() => /* @__PURE__ */ Ht("img", {
|
|
291487
291492
|
src: "https://golstatsimages.blob.core.windows.net/reports-images/icn-close.svg",
|
|
291488
291493
|
alt: "Cerrar"
|
|
291489
291494
|
}, null, -1)), wme = [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@golstats/gsc-reports",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.135",
|
|
4
4
|
"main": "dist/gsc-reports.umd.js",
|
|
5
5
|
"module": "dist/gsc-reports.es.js",
|
|
6
6
|
"exports": {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"@golstats/gsc-checkbox": "^1.0.13",
|
|
50
|
-
"@golstats/gsc-template-report-maker": "^1.0.
|
|
50
|
+
"@golstats/gsc-template-report-maker": "^1.0.164",
|
|
51
51
|
"axios": "^1.10.0",
|
|
52
52
|
"gridstack": "^12.1.1",
|
|
53
53
|
"tiny-emitter": "^2.1.0",
|
|
@@ -299,7 +299,8 @@ const props = defineProps({
|
|
|
299
299
|
},
|
|
300
300
|
token: {
|
|
301
301
|
type: String,
|
|
302
|
-
|
|
302
|
+
default:
|
|
303
|
+
'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MCwibmFtZSI6IlVzdWFyaW8gRnJlZSIsInVzZXJuYW1lIjoiZnJlZUBnb2xzdGF0cy5jb20iLCJlbWFpbCI6ImZyZWVAZ29sc3RhdHMuY29tIiwiaWF0IjoxNjA2NzU4Nzk1LCJleHAiOjE2MzgyOTQ3OTV9.kPNmP7yDtk38cAXrUyc7OHRh6J25VFqy-XUNzbK-4YE',
|
|
303
304
|
},
|
|
304
305
|
team: {
|
|
305
306
|
type: Number,
|
|
@@ -402,7 +403,12 @@ async function cargarTorneos() {
|
|
|
402
403
|
try {
|
|
403
404
|
loading.value = true
|
|
404
405
|
const response = await axios.get(
|
|
405
|
-
'https://kefloixzy1.execute-api.us-west-2.amazonaws.com/prod/gs3/tournaments',
|
|
406
|
+
'https://kefloixzy1.execute-api.us-west-2.amazonaws.com/prod/v2/gs3/tournaments',
|
|
407
|
+
{
|
|
408
|
+
headers: {
|
|
409
|
+
Authorization: props.token,
|
|
410
|
+
},
|
|
411
|
+
},
|
|
406
412
|
)
|
|
407
413
|
|
|
408
414
|
if (response.data && Array.isArray(response.data)) {
|
|
@@ -1,165 +1,165 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import { computed, ref, watch } from 'vue'
|
|
3
|
-
|
|
4
|
-
const props = defineProps({
|
|
5
|
-
isPostMatch: {
|
|
6
|
-
type: Boolean,
|
|
7
|
-
default: true
|
|
8
|
-
},
|
|
9
|
-
initialCoverId: {
|
|
10
|
-
type: Number,
|
|
11
|
-
default: 1
|
|
12
|
-
}
|
|
13
|
-
})
|
|
14
|
-
|
|
15
|
-
const emit = defineEmits(['select-cover'])
|
|
16
|
-
|
|
17
|
-
const demoCoversPostMatch = ref([
|
|
18
|
-
{
|
|
19
|
-
id: 1,
|
|
20
|
-
src: '/reports/thumbnail-portada-01@2x.png',
|
|
21
|
-
isSelected: true,
|
|
22
|
-
isPostMatch: true
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
id: 2,
|
|
26
|
-
src: '/reports/thumbnail-portada-02@2x.png',
|
|
27
|
-
isSelected: false,
|
|
28
|
-
isPostMatch: true
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
id: 3,
|
|
32
|
-
src: '/reports/thumbnail-portada-03@2x.png',
|
|
33
|
-
isSelected: false,
|
|
34
|
-
isPostMatch: true
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
id: 4,
|
|
38
|
-
src: '/reports/thumbnail-portada-04@2x.png',
|
|
39
|
-
isSelected: false,
|
|
40
|
-
isPostMatch: true
|
|
41
|
-
}
|
|
42
|
-
])
|
|
43
|
-
|
|
44
|
-
const demoCoversPreMatch = ref([
|
|
45
|
-
{
|
|
46
|
-
id: 1,
|
|
47
|
-
src: '/reports/thumbnail-portada-prmatch-01@2x.png',
|
|
48
|
-
isSelected: true,
|
|
49
|
-
isPostMatch: false
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
id: 2,
|
|
53
|
-
src: '/reports/thumbnail-portada-prmatch-02@2x.png',
|
|
54
|
-
isSelected: false,
|
|
55
|
-
isPostMatch: false
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
id: 3,
|
|
59
|
-
src: '/reports/thumbnail-portada-prmatch-03@2x.png',
|
|
60
|
-
isSelected: false,
|
|
61
|
-
isPostMatch: false
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
id: 4,
|
|
65
|
-
src: '/reports/thumbnail-portada-prmatch-04@2x.png',
|
|
66
|
-
isSelected: false,
|
|
67
|
-
isPostMatch: false
|
|
68
|
-
}
|
|
69
|
-
])
|
|
70
|
-
|
|
71
|
-
const availableCovers = computed(() => {
|
|
72
|
-
return props.isPostMatch ? demoCoversPostMatch.value : demoCoversPreMatch.value
|
|
73
|
-
})
|
|
74
|
-
|
|
75
|
-
watch(() => availableCovers.value, (covers) => {
|
|
76
|
-
const initialCover = covers.find(c => c.id === props.initialCoverId)
|
|
77
|
-
if (initialCover) {
|
|
78
|
-
onClickCover(initialCover)
|
|
79
|
-
} else {
|
|
80
|
-
// If the initial cover is not found, select the first one
|
|
81
|
-
onClickCover(covers[0])
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
|
|
85
|
-
{ immediate: true })
|
|
86
|
-
|
|
87
|
-
function onClickCover(cover) {
|
|
88
|
-
availableCovers.value.forEach((c => c.isSelected = false))
|
|
89
|
-
cover.isSelected = true
|
|
90
|
-
emit('select-cover', cover)
|
|
91
|
-
}
|
|
92
|
-
</script>
|
|
93
|
-
|
|
94
|
-
<template>
|
|
95
|
-
<div class="cover-selector">
|
|
96
|
-
<div class="cover-selector__text">
|
|
97
|
-
Portada
|
|
98
|
-
</div>
|
|
99
|
-
<div class="cover-selector__covers">
|
|
100
|
-
<div
|
|
101
|
-
v-for="cover of availableCovers"
|
|
102
|
-
:key="cover.id"
|
|
103
|
-
class="cover-selector__covers__cover"
|
|
104
|
-
:class="{ 'is-selected': cover.isSelected }"
|
|
105
|
-
@click="onClickCover(cover)"
|
|
106
|
-
>
|
|
107
|
-
<img :src="cover.src" alt="Cover Image"/>
|
|
108
|
-
</div>
|
|
109
|
-
</div>
|
|
110
|
-
</div>
|
|
111
|
-
</template>
|
|
112
|
-
|
|
113
|
-
<style scoped lang="scss">
|
|
114
|
-
.cover-selector {
|
|
115
|
-
display: flex;
|
|
116
|
-
align-items: center;
|
|
117
|
-
gap: 18px;
|
|
118
|
-
padding: 10px 20px;
|
|
119
|
-
border-radius: 5px;
|
|
120
|
-
box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.25);
|
|
121
|
-
background-color: #2a3843;
|
|
122
|
-
|
|
123
|
-
&__text {
|
|
124
|
-
font-family: Poppins-Medium, sans-serif;
|
|
125
|
-
font-size: 16px;
|
|
126
|
-
font-weight: 500;
|
|
127
|
-
font-stretch: normal;
|
|
128
|
-
font-style: normal;
|
|
129
|
-
line-height: normal;
|
|
130
|
-
letter-spacing: normal;
|
|
131
|
-
text-align: left;
|
|
132
|
-
color: #fff;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
&__covers {
|
|
136
|
-
display: flex;
|
|
137
|
-
justify-content: center;
|
|
138
|
-
align-items: center;
|
|
139
|
-
gap: 8px;
|
|
140
|
-
|
|
141
|
-
&__cover {
|
|
142
|
-
height: 40px;
|
|
143
|
-
width: auto;
|
|
144
|
-
overflow: hidden;
|
|
145
|
-
cursor: pointer;
|
|
146
|
-
transition: transform 0.3s ease;
|
|
147
|
-
|
|
148
|
-
&.is-selected {
|
|
149
|
-
border: 1px solid #4289CC;
|
|
150
|
-
border-radius: 4px;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
&:hover {
|
|
154
|
-
transform: scale(1.05);
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
img {
|
|
158
|
-
width: 100%;
|
|
159
|
-
height: 100%;
|
|
160
|
-
object-fit: cover;
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
</style>
|
|
1
|
+
<script setup>
|
|
2
|
+
import { computed, ref, watch } from 'vue'
|
|
3
|
+
|
|
4
|
+
const props = defineProps({
|
|
5
|
+
isPostMatch: {
|
|
6
|
+
type: Boolean,
|
|
7
|
+
default: true
|
|
8
|
+
},
|
|
9
|
+
initialCoverId: {
|
|
10
|
+
type: Number,
|
|
11
|
+
default: 1
|
|
12
|
+
}
|
|
13
|
+
})
|
|
14
|
+
|
|
15
|
+
const emit = defineEmits(['select-cover'])
|
|
16
|
+
|
|
17
|
+
const demoCoversPostMatch = ref([
|
|
18
|
+
{
|
|
19
|
+
id: 1,
|
|
20
|
+
src: '/reports/thumbnail-portada-01@2x.png',
|
|
21
|
+
isSelected: true,
|
|
22
|
+
isPostMatch: true
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
id: 2,
|
|
26
|
+
src: '/reports/thumbnail-portada-02@2x.png',
|
|
27
|
+
isSelected: false,
|
|
28
|
+
isPostMatch: true
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
id: 3,
|
|
32
|
+
src: '/reports/thumbnail-portada-03@2x.png',
|
|
33
|
+
isSelected: false,
|
|
34
|
+
isPostMatch: true
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
id: 4,
|
|
38
|
+
src: '/reports/thumbnail-portada-04@2x.png',
|
|
39
|
+
isSelected: false,
|
|
40
|
+
isPostMatch: true
|
|
41
|
+
}
|
|
42
|
+
])
|
|
43
|
+
|
|
44
|
+
const demoCoversPreMatch = ref([
|
|
45
|
+
{
|
|
46
|
+
id: 1,
|
|
47
|
+
src: '/reports/thumbnail-portada-prmatch-01@2x.png',
|
|
48
|
+
isSelected: true,
|
|
49
|
+
isPostMatch: false
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
id: 2,
|
|
53
|
+
src: '/reports/thumbnail-portada-prmatch-02@2x.png',
|
|
54
|
+
isSelected: false,
|
|
55
|
+
isPostMatch: false
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
id: 3,
|
|
59
|
+
src: '/reports/thumbnail-portada-prmatch-03@2x.png',
|
|
60
|
+
isSelected: false,
|
|
61
|
+
isPostMatch: false
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
id: 4,
|
|
65
|
+
src: '/reports/thumbnail-portada-prmatch-04@2x.png',
|
|
66
|
+
isSelected: false,
|
|
67
|
+
isPostMatch: false
|
|
68
|
+
}
|
|
69
|
+
])
|
|
70
|
+
|
|
71
|
+
const availableCovers = computed(() => {
|
|
72
|
+
return props.isPostMatch ? demoCoversPostMatch.value : demoCoversPreMatch.value
|
|
73
|
+
})
|
|
74
|
+
|
|
75
|
+
watch(() => availableCovers.value, (covers) => {
|
|
76
|
+
const initialCover = covers.find(c => c.id === props.initialCoverId)
|
|
77
|
+
if (initialCover) {
|
|
78
|
+
onClickCover(initialCover)
|
|
79
|
+
} else {
|
|
80
|
+
// If the initial cover is not found, select the first one
|
|
81
|
+
onClickCover(covers[0])
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
|
|
85
|
+
{ immediate: true })
|
|
86
|
+
|
|
87
|
+
function onClickCover(cover) {
|
|
88
|
+
availableCovers.value.forEach((c => c.isSelected = false))
|
|
89
|
+
cover.isSelected = true
|
|
90
|
+
emit('select-cover', cover)
|
|
91
|
+
}
|
|
92
|
+
</script>
|
|
93
|
+
|
|
94
|
+
<template>
|
|
95
|
+
<div class="cover-selector">
|
|
96
|
+
<div class="cover-selector__text">
|
|
97
|
+
Portada
|
|
98
|
+
</div>
|
|
99
|
+
<div class="cover-selector__covers">
|
|
100
|
+
<div
|
|
101
|
+
v-for="cover of availableCovers"
|
|
102
|
+
:key="cover.id"
|
|
103
|
+
class="cover-selector__covers__cover"
|
|
104
|
+
:class="{ 'is-selected': cover.isSelected }"
|
|
105
|
+
@click="onClickCover(cover)"
|
|
106
|
+
>
|
|
107
|
+
<img :src="cover.src" alt="Cover Image"/>
|
|
108
|
+
</div>
|
|
109
|
+
</div>
|
|
110
|
+
</div>
|
|
111
|
+
</template>
|
|
112
|
+
|
|
113
|
+
<style scoped lang="scss">
|
|
114
|
+
.cover-selector {
|
|
115
|
+
display: flex;
|
|
116
|
+
align-items: center;
|
|
117
|
+
gap: 18px;
|
|
118
|
+
padding: 10px 20px;
|
|
119
|
+
border-radius: 5px;
|
|
120
|
+
box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.25);
|
|
121
|
+
background-color: #2a3843;
|
|
122
|
+
|
|
123
|
+
&__text {
|
|
124
|
+
font-family: Poppins-Medium, sans-serif;
|
|
125
|
+
font-size: 16px;
|
|
126
|
+
font-weight: 500;
|
|
127
|
+
font-stretch: normal;
|
|
128
|
+
font-style: normal;
|
|
129
|
+
line-height: normal;
|
|
130
|
+
letter-spacing: normal;
|
|
131
|
+
text-align: left;
|
|
132
|
+
color: #fff;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
&__covers {
|
|
136
|
+
display: flex;
|
|
137
|
+
justify-content: center;
|
|
138
|
+
align-items: center;
|
|
139
|
+
gap: 8px;
|
|
140
|
+
|
|
141
|
+
&__cover {
|
|
142
|
+
height: 40px;
|
|
143
|
+
width: auto;
|
|
144
|
+
overflow: hidden;
|
|
145
|
+
cursor: pointer;
|
|
146
|
+
transition: transform 0.3s ease;
|
|
147
|
+
|
|
148
|
+
&.is-selected {
|
|
149
|
+
border: 1px solid #4289CC;
|
|
150
|
+
border-radius: 4px;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
&:hover {
|
|
154
|
+
transform: scale(1.05);
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
img {
|
|
158
|
+
width: 100%;
|
|
159
|
+
height: 100%;
|
|
160
|
+
object-fit: cover;
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
</style>
|
|
@@ -1,66 +1,66 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
const props = defineProps({
|
|
3
|
-
title: {
|
|
4
|
-
type: String,
|
|
5
|
-
default: 'Item name'
|
|
6
|
-
},
|
|
7
|
-
isEmpty: {
|
|
8
|
-
type: Boolean,
|
|
9
|
-
default: false
|
|
10
|
-
},
|
|
11
|
-
isRival: {
|
|
12
|
-
type: Boolean,
|
|
13
|
-
default: false
|
|
14
|
-
}
|
|
15
|
-
})
|
|
16
|
-
</script>
|
|
17
|
-
|
|
18
|
-
<template>
|
|
19
|
-
<div class="report-view">
|
|
20
|
-
<div class="report-view__header">
|
|
21
|
-
<div class="report-view__header__name">
|
|
22
|
-
{{ title }}
|
|
23
|
-
</div>
|
|
24
|
-
<div role="button" class="report-view__header__actions">
|
|
25
|
-
<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
26
|
-
<path d="M3.56953 6.28672C3.56953 7.19972 2.83253 7.93672 1.91953 7.93672C1.00653 7.93672 0.269531 7.19972 0.269531 6.28672C0.269531 5.37372 1.00653 4.63672 1.91953 4.63672C2.83253 4.63672 3.56953 5.37372 3.56953 6.28672ZM8.51953 4.63672C7.60653 4.63672 6.86953 5.37372 6.86953 6.28672C6.86953 7.19972 7.60653 7.93672 8.51953 7.93672C9.43253 7.93672 10.1695 7.19972 10.1695 6.28672C10.1695 5.37372 9.43253 4.63672 8.51953 4.63672ZM15.1195 4.63672C14.2065 4.63672 13.4695 5.37372 13.4695 6.28672C13.4695 7.19972 14.2065 7.93672 15.1195 7.93672C16.0325 7.93672 16.7695 7.19972 16.7695 6.28672C16.7695 5.37372 16.0325 4.63672 15.1195 4.63672Z" fill="white"/>
|
|
27
|
-
</svg>
|
|
28
|
-
</div>
|
|
29
|
-
</div>
|
|
30
|
-
<div class="report-view__content">
|
|
31
|
-
<slot />
|
|
32
|
-
</div>
|
|
33
|
-
</div>
|
|
34
|
-
</template>
|
|
35
|
-
|
|
36
|
-
<style scoped lang="scss">
|
|
37
|
-
.report-view {
|
|
38
|
-
height: 100%;
|
|
39
|
-
width: 100%;
|
|
40
|
-
border-radius: 5px;
|
|
41
|
-
background-color: #1D2A35;
|
|
42
|
-
|
|
43
|
-
&__header {
|
|
44
|
-
display: flex;
|
|
45
|
-
justify-content: space-between;
|
|
46
|
-
border-bottom: solid 1.1px rgba(255, 255, 255, 0.2);
|
|
47
|
-
padding: 0 16px;
|
|
48
|
-
|
|
49
|
-
&__name {
|
|
50
|
-
font-family: Poppins-Medium, sans-serif;
|
|
51
|
-
font-size: 12px;
|
|
52
|
-
font-weight: 500;
|
|
53
|
-
font-stretch: normal;
|
|
54
|
-
font-style: normal;
|
|
55
|
-
line-height: normal;
|
|
56
|
-
letter-spacing: normal;
|
|
57
|
-
text-align: left;
|
|
58
|
-
color: #fff;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
&__actions {
|
|
62
|
-
cursor: pointer;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
</style>
|
|
1
|
+
<script setup>
|
|
2
|
+
const props = defineProps({
|
|
3
|
+
title: {
|
|
4
|
+
type: String,
|
|
5
|
+
default: 'Item name'
|
|
6
|
+
},
|
|
7
|
+
isEmpty: {
|
|
8
|
+
type: Boolean,
|
|
9
|
+
default: false
|
|
10
|
+
},
|
|
11
|
+
isRival: {
|
|
12
|
+
type: Boolean,
|
|
13
|
+
default: false
|
|
14
|
+
}
|
|
15
|
+
})
|
|
16
|
+
</script>
|
|
17
|
+
|
|
18
|
+
<template>
|
|
19
|
+
<div class="report-view">
|
|
20
|
+
<div class="report-view__header">
|
|
21
|
+
<div class="report-view__header__name">
|
|
22
|
+
{{ title }}
|
|
23
|
+
</div>
|
|
24
|
+
<div role="button" class="report-view__header__actions">
|
|
25
|
+
<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
26
|
+
<path d="M3.56953 6.28672C3.56953 7.19972 2.83253 7.93672 1.91953 7.93672C1.00653 7.93672 0.269531 7.19972 0.269531 6.28672C0.269531 5.37372 1.00653 4.63672 1.91953 4.63672C2.83253 4.63672 3.56953 5.37372 3.56953 6.28672ZM8.51953 4.63672C7.60653 4.63672 6.86953 5.37372 6.86953 6.28672C6.86953 7.19972 7.60653 7.93672 8.51953 7.93672C9.43253 7.93672 10.1695 7.19972 10.1695 6.28672C10.1695 5.37372 9.43253 4.63672 8.51953 4.63672ZM15.1195 4.63672C14.2065 4.63672 13.4695 5.37372 13.4695 6.28672C13.4695 7.19972 14.2065 7.93672 15.1195 7.93672C16.0325 7.93672 16.7695 7.19972 16.7695 6.28672C16.7695 5.37372 16.0325 4.63672 15.1195 4.63672Z" fill="white"/>
|
|
27
|
+
</svg>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
<div class="report-view__content">
|
|
31
|
+
<slot />
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
</template>
|
|
35
|
+
|
|
36
|
+
<style scoped lang="scss">
|
|
37
|
+
.report-view {
|
|
38
|
+
height: 100%;
|
|
39
|
+
width: 100%;
|
|
40
|
+
border-radius: 5px;
|
|
41
|
+
background-color: #1D2A35;
|
|
42
|
+
|
|
43
|
+
&__header {
|
|
44
|
+
display: flex;
|
|
45
|
+
justify-content: space-between;
|
|
46
|
+
border-bottom: solid 1.1px rgba(255, 255, 255, 0.2);
|
|
47
|
+
padding: 0 16px;
|
|
48
|
+
|
|
49
|
+
&__name {
|
|
50
|
+
font-family: Poppins-Medium, sans-serif;
|
|
51
|
+
font-size: 12px;
|
|
52
|
+
font-weight: 500;
|
|
53
|
+
font-stretch: normal;
|
|
54
|
+
font-style: normal;
|
|
55
|
+
line-height: normal;
|
|
56
|
+
letter-spacing: normal;
|
|
57
|
+
text-align: left;
|
|
58
|
+
color: #fff;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
&__actions {
|
|
62
|
+
cursor: pointer;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
</style>
|