plxdcma_rendericon_gridwithonlyimage 1.0.0

package/css.css

@@ -0,0 +1,18 @@
+.grid-item-academia {
+    /* En desktop y móvil, siempre se mostrarán 3 items (o 1 en pantallas muy pequeñas) */
+    flex: 0 0 calc(33.333% - 0.666rem); /* Mostrar 3 ítems con gap de 1rem */
+    scroll-snap-align: start;
+    position: relative;
+    overflow: hidden;
+    border-radius: 8px;
+    box-shadow: var(--shadow);
+    background-color: var(--white);
+    transition: transform 0.3s ease;
+}
+
+.grid-item-academia img {
+    width: 100%;
+    height: 300px;
+    object-fit: cover;
+    display: block;
+}

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.grdsimplimg == null){
+    myux.use(req)
+    plxdcma_iconrendererprotocol.use(req)
+    req.__myAppInternals.grdsimplimg=true
+    if(req.__myAppInternals.paths == null){
+      req.__myAppInternals.paths=[]
+    }
+    req.__myAppInternals.paths.push(`<script src="/myux/icons/blocksofa_Icon.js"></script>`)
+    req.__myAppInternals.paths.push(`<link rel="stylesheet" href="/myux/icons/blocksofa_Icon.css">`)
+    if(req.__myAppInternals.modals == null){
+      req.__myAppInternals.modals=[]
+    }
+  }
+}
+plxdcma_standarinit.use(function(app){
+  app.get(`/myux/icons/blocksofa_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/blocksofa_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,31 @@
+
+
+function gridSimpleImageIconAssignData(strct,target){
+  var resourceselected=strct.data
+  var tags=strct.tags
+  target.style.padding=0
+  var ifrm=target.getElementsByClassName(`daiframe`)
+  if(ifrm != null && ifrm.length > 0  ){
+    console.log(`da url selected ${resourceselected.url}`)
+    ifrm[0].src=resourceselected.httplink ?? resourceselected.url
+  }
+  var daed2=target.getElementsByClassName(`daed2`)
+  daed2[0].style.opacity=1
+  target.tags=tags
+
+}
+function gridSimpleImageIcon(data,isediting,section){
+  if(isediting){
+    if(data == null){
+      return `
+      <div onclick='didRequestToAddAnIcon(${section})' class="grid-item-academia">
+          <br/><br/><br/>
+            <h1 style="text-align:center"><i class='fa fa-plus'></i></h1>
+      </div>
+                `
+    }
+  }
+  return `<div class="grid-item-academia">
+            <img src="/images/2.jpg" alt="Instalaciones de la Academia">
+        </div>`
+}

package/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "plxdcma_rendericon_gridwithonlyimage",
+  "version": "1.0.0",
+  "main": "init.js",
+  "license": "MIT",
+  "dependencies": {
+    "plxdcma_iconrendererprotocol": "^1.0.3",
+    "plxdcma_myux": "^1.0.4"
+  }
+}