plxdcma_rendericon_noticia 1.0.1

package/css.css

@@ -0,0 +1,37 @@
+.news-card.featured {
+    grid-row: span 1;
+  }
+
+.news-card.featured .news-content h3 {
+  font-size: 1.25rem;
+}
+
+.news-card {
+  background: var(--white);
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+  transition: transform 0.3s ease;
+  display: flex;
+  flex-direction: column;
+}
+
+.news-card:hover {
+  transform: translateY(-5px);
+}
+
+.news-card.featured {
+  grid-column: span 2;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+}
+
+.news-image {
+  position: relative;
+  height: 200px;
+  overflow: hidden;
+}
+
+.news-card.featured .news-image {
+  height: 100%;
+}

package/init.js

@@ -0,0 +1,34 @@
+var plxdcma_standarinit=require(`plxdcma_standarinit`)
+var fs=require(`fs`)
+var path=require(`path`)
+var myux=require(`plxdcma_myux`)
+var plxdcma_iconrendererprotocol=require(`plxdcma_iconrendererprotocol`)
+module.exports.use=function(req){
+  if(req.__myAppInternals.noticiaicon == null){
+    myux.use(req)
+    plxdcma_iconrendererprotocol.use(req)
+    req.__myAppInternals.noticiaicon=true
+    if(req.__myAppInternals.paths == null){
+      req.__myAppInternals.paths=[]
+    }
+    req.__myAppInternals.paths.push(`<script src="/myux/icons/noi_Icon.js"></script>`)
+    req.__myAppInternals.paths.push(`<link rel="stylesheet" href="/myux/icons/noi_Icon.css">`)
+    if(req.__myAppInternals.modals == null){
+      req.__myAppInternals.modals=[]
+    }
+  }
+}
+plxdcma_standarinit.use(function(app){
+  app.get(`/myux/icons/noi_Icon.js`,function(req,res){
+    fs.readFile(path.join(__dirname,"js.js"),"utf8",function(err,html){
+      res.write(html)
+      res.end()
+    })
+  })
+  app.get(`/myux/icons/noi_Icon.css`,function(req,res){
+    fs.readFile(path.join(__dirname,"css.css"),"utf8",function(err,html){
+      res.write(html)
+      res.end()
+    })
+  })
+})

package/js.js

@@ -0,0 +1,85 @@
+function noticiaCardAssignData(strct,target){
+  var resourceselected=strct.data
+  var tags=strct.tags
+  target.style.padding=0
+
+  var original=target.originalIcon
+  if(original == null){
+    original={}
+    target.originalIcon=original
+  }
+  var t = strct.tags ?? strct.icon;
+  for(var each in t){
+    original[each]=t[each]
+  }
+  var imagehtml         =target.getElementsByClassName('daimage')
+  var newscategoryhtml  =target.getElementsByClassName('news-category')
+  var titulohtml        =target.getElementsByClassName('datitulo')
+  var fechahtml         =target.getElementsByClassName('dafecha')
+  var autorhtml         =target.getElementsByClassName('daautor')
+  var subtitlehtml      =target.getElementsByClassName('dasubtitle')
+  var imagehtml         =target.getElementsByClassName('daimage')
+  var mo=mediaObjectById(resourceselected.image)
+  titulohtml[0].innerHTML=resourceselected.titulo
+  subtitlehtml[0].innerHTML=resourceselected.resumen
+  if(mo != null){
+    imagehtml[0].src=`/images/${resourceselected.imageurl}m.png`
+  }
+  if(resourceselected.imageurl != null){
+    imagehtml[0].src=`/images/${resourceselected.imageurl}m.png`
+  }
+
+}
+var nc=0
+function noticiaiconcard(data,isediting,section){
+
+  if(isediting == true && data == null){
+    var tb=`<article class="news-card" onclick='didRequestToAddAnIcon(${section})'  data-category="analysis">
+
+                        <div class="news-content">
+                            <i class='fa fa-plus'></i>
+                        </div>
+                    </article>`
+    return tb
+  }
+  var htmlid=`noticia_${nc}`
+  nc=nc+1
+
+  console.log(`noticiaiconcard data`)
+  console.log(data)
+
+  var daurl="/images/2.jpg?height=200&width=350&text=Análisis+Temporada+2025"
+  var titulo=""
+  var sub=""
+  var deletebtn=`<i onclick='removeThisIcon("${htmlid}")' class='fa fa-trash'></i>`
+  for(var each in Noticias){
+    var n=Noticias[each]
+    if(n.id == data.iconmedia){
+      daurl=`/images/${n.imageurl}m.png`
+      titulo=n.titulo
+      sub=n.resumen
+      break
+    }
+  }
+  if(isediting == false){
+    deletebtn=``
+  }
+
+  var tb=`<article id = "${htmlid}" onclick='didTapedNoticiaItem(${section},"${htmlid}")' class="news-card" data-category="analysis">
+                        <div class="news-image">
+                            <img cxtza='image' class='daimage' src="${daurl}" alt="Análisis Temporada 2025">
+                            <div cxtza='tag' class="news-category">ANÁLISIS</div>
+                        </div>
+                        <div class="news-content">
+                            <h3  class='datitulo' cxtza='titulo'>${titulo}</h3>
+                            <div class="news-meta">
+                                <span><i class="fas fa-calendar"></i> <span class='dafecha' cxtza='fecha'>5 Enero 2025</span></span>
+                                <span><i class="fas fa-user"></i> <span class='daautor'  cxtza='autor'>Ana Rodríguez</span></span>
+                            </div>
+                            <p class='dasubtitle' cxtza='descripcion'>${sub}</p>
+                            <a cxtza='href' href="noticiaDetalles.html" class="read-more">Leer más</a>
+                            ${deletebtn}
+                        </div>
+                    </article>`
+  return tb;
+}

package/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "plxdcma_rendericon_noticia",
+  "version": "1.0.1",
+  "main": "init.js",
+  "license": "MIT"
+}