plxdcma_renderedicon_torneocard 1.0.1
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/css.css +95 -0
- package/init.js +34 -0
- package/js.js +52 -0
- package/package.json +6 -0
package/css.css
ADDED
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
|
|
2
|
+
.matches-grid {
|
|
3
|
+
display: grid;
|
|
4
|
+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
5
|
+
gap: 1.5rem;
|
|
6
|
+
margin-bottom: 2rem;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.match-card {
|
|
10
|
+
background: var(--white);
|
|
11
|
+
border-radius: 12px;
|
|
12
|
+
padding: 1.5rem;
|
|
13
|
+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
14
|
+
transition: transform 0.3s ease;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.match-card:hover {
|
|
18
|
+
transform: translateY(-3px);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.match-header {
|
|
22
|
+
display: flex;
|
|
23
|
+
justify-content: space-between;
|
|
24
|
+
align-items: center;
|
|
25
|
+
margin-bottom: 1rem;
|
|
26
|
+
padding-bottom: 0.5rem;
|
|
27
|
+
border-bottom: 1px solid var(--gray-200);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.match-date {
|
|
31
|
+
font-weight: 600;
|
|
32
|
+
color: var(--text-dark);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.match-time {
|
|
36
|
+
color: var(--primary-color);
|
|
37
|
+
font-weight: 600;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.match-teams {
|
|
41
|
+
display: flex;
|
|
42
|
+
align-items: center;
|
|
43
|
+
justify-content: space-between;
|
|
44
|
+
margin-bottom: 1rem;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.team {
|
|
48
|
+
display: flex;
|
|
49
|
+
flex-direction: column;
|
|
50
|
+
align-items: center;
|
|
51
|
+
gap: 0.5rem;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.team-logo {
|
|
55
|
+
width: 40px;
|
|
56
|
+
height: 40px;
|
|
57
|
+
background: var(--primary-color);
|
|
58
|
+
color: var(--white);
|
|
59
|
+
border-radius: 50%;
|
|
60
|
+
display: flex;
|
|
61
|
+
align-items: center;
|
|
62
|
+
justify-content: center;
|
|
63
|
+
font-weight: 700;
|
|
64
|
+
font-size: 1.25rem;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.team-name {
|
|
68
|
+
font-weight: 600;
|
|
69
|
+
color: var(--text-dark);
|
|
70
|
+
font-size: 0.875rem;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.vs {
|
|
74
|
+
font-weight: 700;
|
|
75
|
+
color: var(--text-light);
|
|
76
|
+
font-size: 1.125rem;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.match-info {
|
|
80
|
+
display: flex;
|
|
81
|
+
flex-direction: column;
|
|
82
|
+
gap: 0.25rem;
|
|
83
|
+
font-size: 0.875rem;
|
|
84
|
+
color: var(--text-light);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.venue {
|
|
88
|
+
display: flex;
|
|
89
|
+
align-items: center;
|
|
90
|
+
gap: 0.5rem;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.venue i {
|
|
94
|
+
color: var(--primary-color);
|
|
95
|
+
}
|
package/init.js
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
var plxdcma_standarinit=require(`plxdcma_standarinit`)
|
|
2
|
+
var fs=require(`fs`)
|
|
3
|
+
var path=require(`path`)
|
|
4
|
+
var myux=require(`plxdcma_myux`)
|
|
5
|
+
var plxdcma_iconrendererprotocol=require(`plxdcma_iconrendererprotocol`)
|
|
6
|
+
module.exports.use=function(req){
|
|
7
|
+
if(req.__myAppInternals.torneosicons == null){
|
|
8
|
+
myux.use(req)
|
|
9
|
+
plxdcma_iconrendererprotocol.use(req)
|
|
10
|
+
req.__myAppInternals.torneosicons=true
|
|
11
|
+
if(req.__myAppInternals.paths == null){
|
|
12
|
+
req.__myAppInternals.paths=[]
|
|
13
|
+
}
|
|
14
|
+
req.__myAppInternals.paths.push(`<script src="/myux/icons/torneos_Icon.js"></script>`)
|
|
15
|
+
req.__myAppInternals.paths.push(`<link rel="stylesheet" href="/myux/icons/torneos_Icon.css">`)
|
|
16
|
+
if(req.__myAppInternals.modals == null){
|
|
17
|
+
req.__myAppInternals.modals=[]
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
plxdcma_standarinit.use(function(app){
|
|
22
|
+
app.get(`/myux/icons/torneos_Icon.js`,function(req,res){
|
|
23
|
+
fs.readFile(path.join(__dirname,"js.js"),"utf8",function(err,html){
|
|
24
|
+
res.write(html)
|
|
25
|
+
res.end()
|
|
26
|
+
})
|
|
27
|
+
})
|
|
28
|
+
app.get(`/myux/icons/torneos_Icon.css`,function(req,res){
|
|
29
|
+
fs.readFile(path.join(__dirname,"css.css"),"utf8",function(err,html){
|
|
30
|
+
res.write(html)
|
|
31
|
+
res.end()
|
|
32
|
+
})
|
|
33
|
+
})
|
|
34
|
+
})
|
package/js.js
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
function torneoicon(data,isediting,section){
|
|
2
|
+
if(isediting == true && data == null){
|
|
3
|
+
var tb=`
|
|
4
|
+
<div onclick='didRequestToAddAnIcon(${section})' class="match-card">
|
|
5
|
+
<div class="match-header">
|
|
6
|
+
<span class="match-date">15 ENE 2025</span>
|
|
7
|
+
<span class="match-time">19:30</span>
|
|
8
|
+
</div>
|
|
9
|
+
<div class="match-teams">
|
|
10
|
+
<div class="team home">
|
|
11
|
+
<div class="team-logo">A</div>
|
|
12
|
+
<span class="team-name">Angels</span>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="vs">VS</div>
|
|
15
|
+
<div class="team away">
|
|
16
|
+
<div class="team-logo">Y</div>
|
|
17
|
+
<span class="team-name">Yankees</span>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
<div class="match-info">
|
|
21
|
+
<span class="venue"><i class="fas fa-map-marker-alt"></i> Angel Stadium</span>
|
|
22
|
+
<span class="league">MLB - Liga Americana</span>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
`
|
|
26
|
+
return tb
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
var tb=`<div class="match-card">
|
|
31
|
+
<div class="match-header">
|
|
32
|
+
<span class="match-date">15 ENE 2025</span>
|
|
33
|
+
<span class="match-time">19:30</span>
|
|
34
|
+
</div>
|
|
35
|
+
<div class="match-teams">
|
|
36
|
+
<div class="team home">
|
|
37
|
+
<div class="team-logo">A</div>
|
|
38
|
+
<span class="team-name">Angels</span>
|
|
39
|
+
</div>
|
|
40
|
+
<div class="vs">VS</div>
|
|
41
|
+
<div class="team away">
|
|
42
|
+
<div class="team-logo">Y</div>
|
|
43
|
+
<span class="team-name">Yankees</span>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="match-info">
|
|
47
|
+
<span class="venue"><i class="fas fa-map-marker-alt"></i> Angel Stadium</span>
|
|
48
|
+
<span class="league">MLB - Liga Americana</span>
|
|
49
|
+
</div>
|
|
50
|
+
</div>`
|
|
51
|
+
return tb;
|
|
52
|
+
}
|