plxdcma_iconrendererprotocol 1.0.1

package/init.js

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

package/js.js

@@ -0,0 +1,312 @@
+
+
+function iconsOfSection(){
+  var oxscolec=[]
+  for(var each in IconSectionsDetails){
+    var section=IconSectionsDetails[each].parameters.section
+    var ix=IconSectionsDetails[each].slides
+    for(var eachslide in ix){
+      var zx=ix[eachslide]
+
+      // var tx=document.getElementById(ix)
+      // if(tx == null){
+      //   continue
+      // }
+      //var section=ix.split(`_`)[1]
+      var parent=zx //tx.parentNode
+      var tx=parent
+      var htmlsicons=[]
+      var htmlvalues=[]
+      var htmlcontentvalues=[]
+      var htmlmediaelement=[]
+      var originalicon=[]
+      for(var i = 0 ; i < parent.children.length;i++){
+        var ch=parent.children[i]
+        var b=ch.getAttribute(`breaker`)
+        if(b != null){
+          break
+        }
+        originalicon.push(ch.originalIcon)
+        htmlsicons.push(ch)
+      }
+      for(var each in htmlsicons){
+        var h=htmlsicons[each]
+        var z=h.querySelectorAll(`*[cxtza]`)
+        htmlmediaelement.push(h.tags ?? h.icon)
+        htmlvalues.push(z)
+      }
+      var isivi=true
+      for(var each in htmlvalues){
+        var v=htmlvalues[each]
+        var oxz=originalicon[each]
+        console.log(`oxz - oxz`)
+        console.log(oxz)
+        var ox={
+          section:section
+        }
+        for(var each2 in oxz){
+          ox[each2]=oxz[each2]
+        }
+        // if(isivi){
+        //   isivi=false
+        //   continue
+        // }
+        oxscolec.push(ox)
+        // if(htmlmediaelement[each] != null){
+        //   for(var each2 in htmlmediaelement[each]){
+        //     ox[each2]=htmlmediaelement[each][each2]
+        //   }
+        // }
+        console.log(`Ox at delivery`)
+        console.log(ox)
+        for(var i = 0;i<v.length;i++){
+          var z=v[i]
+
+          var a=z.getAttribute("cxtza")
+          switch (a) {
+            case `titulo`:
+            case `subtitulo`:
+            case `title`:
+            case `descripcion`:
+              ox[a]=z.innerText.trim()
+            break;
+            case `img`:
+            case `image`:
+            ox.image=z.mediaid
+            break
+            case "icon":
+            ox.icon=z.className
+            break
+            case "icontext":
+            ox.icontext=z.innerText.trim()
+            break
+          }
+        }
+        htmlcontentvalues.push(ox)
+      }
+    }
+  }
+  return oxscolec;
+}
+
+function printNewIconIntoSection(section,data){
+  iconid=iconid+1;
+  var t=document.getElementById(`ivi_${section}`)
+
+  var prototype=SectionsPrototype[section]
+  var slideselected=SectionsSelectedSlide[section]
+  var tx=SectionsSlides[section][SectionsSelectedSlide[section]]
+  var targethtml=document.getElementById(tx.idOfHtml)
+  if(targethtml != null){
+    var n=targethtml
+    // if(n != null){
+    //   var id=`icon_${iconid}`
+    //   iconid=iconid+1;
+    //   var phtml=prototype(data,true,section)
+    //   SectionsRealsIcons[section].push(phtml)
+    // }
+    // var j=SectionsRealsIcons[section].join("")
+    // var phtml=prototype(null,true,section)
+    //
+    // n.innerHTML=`${j}<span breaker="true" style="display:none;"></span>${phtml}`
+    var parent=n
+    var before_x=[]
+    var after_x=[]
+    var bf=true
+    for(var i = 0 ; i < parent.children.length;i++){
+      var ch=parent.children[i]
+
+      var b=ch.getAttribute(`breaker`)
+      if(b != null){
+        bf=false
+        after_x.push(ch.outerHTML)
+        continue
+      }
+      if(bf){
+        before_x.push(ch.outerHTML)
+      }else{
+        after_x.push(ch.outerHTML)
+      }
+    }
+    before_x.push(prototype(data,true,section))
+    n.innerHTML=`${before_x.join("")}${after_x.join("")}`
+    console.log(`Nx Nx Nx`)
+    console.log(n)
+    console.log(`before_x`)
+    console.log(before_x)
+  }
+
+}
+function rendericon_removethisicon(){
+  var t=event.target
+  var sectiontarget=null;
+  if(t.parentNode != null){
+    for(var i = 0 ; i < t.parentNode.parentNode.children.length;i++){
+      var ch=t.parentNode.parentNode.children[i]
+      var tx=ch.getAttribute('breaker')
+      if(tx == null){
+        continue
+      }
+      console.log(`tx tx`)
+      console.log(tx)
+      var sc=ch.getAttribute("section")
+      sectiontarget=sc
+      break
+    }
+    if(sectiontarget == null){
+      return;
+    }
+    var section=sectiontarget
+    console.log(`sectiontarget ${sectiontarget}`)
+    for(var i = 0 ; i < t.parentNode.parentNode.children.length;i++){
+      if(t.parentNode.parentNode.children[i] == t.parentNode){
+        SectionsRealsIcons[section].splice(i,1)
+        break
+      }
+    }
+    t.parentNode.parentNode.removeChild(t.parentNode)
+  }
+}
+var iconlistivlist=[]
+function displayIconListTab(section,tab){
+  console.log(`displayIconListTab ${section} tab ${tab}`)
+  var ax=IconSectionsDetails[section]
+  for(var each in ax.slides){
+    var xls=ax.slides[each]
+    xls.style.display='none'
+  }
+  ax.slides[tab].style=ax.parameters.typeofdisplay
+}
+var IconSectionsDetails={}
+var ALLRENDEREDICONS=[]
+function newSlideOficons(id){
+  var interfacingdata={}
+  var sd=IconSectionsDetails[id]
+  var sectionid=sd.section
+  var parameters=sd.parameters
+  var building=sd.building
+  var ch=building.containerHtml(sd)
+  var newslide=ch
+  var id=sd.slides.length
+  sd.slides.push(ch)
+  sd.html.appendChild(ch)
+  if(parameters.canAddNewIcon){
+    var h=building.adderIconOnSection(sectionid,sd)
+
+    if(typeof(h) == "string"){
+      var div=document.createElement(`div`)
+      div.innerHTML=h
+      h=div.children[0]
+    }
+    if(typeof(h) == "string"){
+      var div=document.createElement(`div`)
+      div.innerHTML=h
+      h=div.children[0]
+    }
+    h.setAttribute("breaker","true")
+    h.onclick=function(){
+      //this.iconhtml.parentNode.removeChild(this.iconhtml)
+      building.addNewItem(sd.section,function(proceedToAddIcon,newicondata){
+        if(proceedToAddIcon){
+          var h=building.htmlForIcon(newicondata,sd)
+          if(typeof(h) == "string"){
+            var dx=document.createElement(`div`)
+            dx.innerHTML=h
+            h=dx.children[0]
+          }
+          this.sectionHtml.appendChild(h)
+        }
+        this.sectionHtml.appendChild(this.iconhtml)
+      }.bind(this))
+    }.bind({section:sd.section,sectionHtml:ch,iconhtml:h,building:building,interfacingdata:interfacingdata})
+    newslide.appendChild(h)
+  }
+  return id
+}
+function renderIcons(id,fulllist,parameters,building,targetHtml){
+  var section=id
+  IconSectionsDetails[id]={
+    html:targetHtml,
+    parameters:parameters,
+    slides:[],
+    building:building
+  }
+  var interfacingdata={
+    parameters:parameters,
+    section:section
+  }
+  var slides=[]
+
+  var n=building.numberOfIconSections(fulllist,interfacingdata)
+  for(var i = 0 ; i < n;i++){
+    slides.push(building.containerHtml(interfacingdata))
+  }
+  for(var each in fulllist){
+    var icon=fulllist[each]
+    var h=building.htmlForIcon(icon,interfacingdata)
+    if(h == null){
+      continue
+    }
+    if(typeof(h) == "string"){
+      var dx=document.createElement(`div`)
+      dx.innerHTML=h
+      h=dx.children[0]
+    }
+    var s=building.slideForIcon(icon,interfacingdata)
+    h.originalIcon=icon
+    ALLRENDEREDICONS.push(h)
+    slides[s].appendChild(h)
+  }
+  IconSectionsDetails[section].slides=slides
+  if(parameters.canAddNewIcon){
+    for(var i = 0 ; i < slides.length;i++){
+      var sx=slides[i]
+      var h=building.adderIconOnSection(i,interfacingdata)
+      if(typeof(h) == "string"){
+        var div=document.createElement(`div`)
+        div.innerHTML=h
+        h=div.children[0]
+      }
+
+      h.setAttribute("breaker","true")
+      h.onclick=function(){
+        this.iconhtml.parentNode.removeChild(this.iconhtml)
+        this.building.addNewItem(this.section,function(proceedToAddIcon,newicondata){
+          if(proceedToAddIcon){
+            var h=building.htmlForIcon(newicondata,interfacingdata)
+            if(typeof(h) == "string"){
+              var dx=document.createElement(`div`)
+              dx.innerHTML=h
+              h=dx.children[0]
+            }
+            console.log(`this.sectionHtml`)
+            console.log(this.sectionHtml)
+            this.slideHtml.appendChild(h)
+          }
+
+          this.slideHtml.appendChild(this.iconhtml)
+        }.bind(this))
+      }.bind({fulllist:fulllist,section:section,slide:i,slideHtml:sx,iconhtml:h,building:building,interfacingdata:interfacingdata})
+      sx.appendChild(h)
+    }
+  }
+  for(var i = 0 ; i < slides.length;i++){
+    building.prepareSectionFordisplay(i,slides[i],interfacingdata)
+  }
+  for(var each in slides){
+    var sx=slides[each]
+    targetHtml.appendChild(sx)
+  }
+}
+function removeThisIcon(htmlid){
+  event.stopPropagation()
+  if (!confirm("¿Estás seguro de que deseas eliminar este jugador?")) {
+    return
+  }
+
+  var iconhtml=document.getElementById(htmlid)
+
+  if(iconhtml.parentNode != null){
+    iconhtml.parentNode.removeChild(iconhtml)
+  }
+}

package/package.json

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