plxdcma_rendericon_rowtitlesubtitle 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/Captura de pantalla 2025-12-21 a la(s) 8.58.08/342/200/257p./302/240m..png +0 -0
- package/css.css +46 -0
- package/init.js +34 -0
- package/js.js +32 -0
- package/package.json +6 -0
|
Binary file
|
package/css.css
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
|
|
2
|
+
.news-item {
|
|
3
|
+
display: grid;
|
|
4
|
+
grid-template-columns: 120px 1fr;
|
|
5
|
+
gap: 1rem;
|
|
6
|
+
background: var(--white);
|
|
7
|
+
padding: 1rem;
|
|
8
|
+
border-radius: 8px;
|
|
9
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
10
|
+
transition: transform 0.3s ease;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.news-item:hover {
|
|
14
|
+
transform: translateX(5px);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.news-item-image {
|
|
18
|
+
border-radius: 6px;
|
|
19
|
+
overflow: hidden;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.news-item-image img {
|
|
23
|
+
width: 100%;
|
|
24
|
+
height: 80px;
|
|
25
|
+
object-fit: cover;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.news-item-content h4 {
|
|
29
|
+
font-size: 1rem;
|
|
30
|
+
font-weight: 600;
|
|
31
|
+
color: var(--text-dark);
|
|
32
|
+
margin-bottom: 0.5rem;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.news-item-meta {
|
|
36
|
+
display: flex;
|
|
37
|
+
gap: 1rem;
|
|
38
|
+
margin-bottom: 0.5rem;
|
|
39
|
+
color: var(--text-light);
|
|
40
|
+
font-size: 0.75rem;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.news-item-content p {
|
|
44
|
+
color: var(--text-light);
|
|
45
|
+
font-size: 0.875rem;
|
|
46
|
+
}
|
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.viroicon == null){
|
|
8
|
+
myux.use(req)
|
|
9
|
+
plxdcma_iconrendererprotocol.use(req)
|
|
10
|
+
req.__myAppInternals.viroicon=true
|
|
11
|
+
if(req.__myAppInternals.paths == null){
|
|
12
|
+
req.__myAppInternals.paths=[]
|
|
13
|
+
}
|
|
14
|
+
req.__myAppInternals.paths.push(`<script src="/myux/icons/vt_Icon.js"></script>`)
|
|
15
|
+
req.__myAppInternals.paths.push(`<link rel="stylesheet" href="/myux/icons/vt_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/vt_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/vt_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,32 @@
|
|
|
1
|
+
function verticaltitlesubtitleicon(data,isediting,section){
|
|
2
|
+
|
|
3
|
+
if(isediting == true && data == null){
|
|
4
|
+
var tb=`
|
|
5
|
+
<article class="news-item" onclick='didRequestToAddAnIcon(${section})' data-category="training">
|
|
6
|
+
<div class="news-item-image">
|
|
7
|
+
<i class='fa fa-plus'></i>
|
|
8
|
+
</div>
|
|
9
|
+
|
|
10
|
+
</article>
|
|
11
|
+
`
|
|
12
|
+
return tb
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
var tb=`
|
|
17
|
+
<article class="news-item" data-category="training">
|
|
18
|
+
<div class="news-item-image">
|
|
19
|
+
<img cxtza='img' src="/images/2.jpg?height=80&width=120&text=Lesión+Rendon" alt="Lesión Anthony Rendon">
|
|
20
|
+
</div>
|
|
21
|
+
<div class="news-item-content">
|
|
22
|
+
<h4 cxtza='titulo'>Anthony Rendon Se Recupera Satisfactoriamente</h4>
|
|
23
|
+
<div class="news-item-meta">
|
|
24
|
+
<span cxtza='fecha'>1 Enero 2025</span>
|
|
25
|
+
<span cxtza='tipo'>Medicina Deportiva</span>
|
|
26
|
+
</div>
|
|
27
|
+
<p cxtza='descripcion' >El tercera base muestra excelente progreso en su rehabilitación.</p>
|
|
28
|
+
</div>
|
|
29
|
+
</article>
|
|
30
|
+
`
|
|
31
|
+
return tb;
|
|
32
|
+
}
|