plxdcma_modal_textlistinputsimple 1.0.0

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`)
+module.exports.use=function(req){
+  if(req.__myAppInternals.opentextlistModal == null){
+    myux.use(req)
+    req.__myAppInternals.opentextlistModal=true
+    if(req.__myAppInternals.paths == null){
+      req.__myAppInternals.paths=[]
+    }
+    req.__myAppInternals.paths.push(`<script src="/myux/modal/opentextlistModal/js.js"></script>`)
+    //req.__myAppInternals.paths.push(`<script src="/myux/modal/listmodality.js"></script>`)
+    req.__myAppInternals.paths.push(`<link rel="stylesheet" href="/myux/modal/opentextlistModal/css.css">`)
+    if(req.__myAppInternals.modals == null){
+      req.__myAppInternals.modals=[]
+    }
+    req.__myAppInternals.modals.push(path.join(__dirname,"modal.ejs"))
+  }
+}
+plxdcma_standarinit.use(function(app){
+  app.get(`/myux/modal/opentextlistModal/css.css`,function(req,res){
+    fs.readFile(path.join(__dirname,"css.css"),"utf8",function(err,html){
+      res.write(html)
+      res.end()
+    })
+  })
+  app.get(`/myux/modal/opentextlistModal/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,42 @@
+var opxmin=null
+function openTextListModal(pretexts,rfunc){
+  opxmin=rfunc
+  TextsListModal.style.display="block"
+  oplxlistmodalcontainer.innerHTML=""
+  for(var each in pretexts){
+    var px=pretexts[each]
+    var pxText=document.createElement("p")
+    pxText.contenteditable=true
+    pxText.innerHTML=px
+    pxText.onkeyup=daKeyUp.bind({pxText:pxText})
+    listmodalcontainer.appendChild(pxText)
+  }
+}
+function daKeyUp(){
+    var t=this.pxText.innerText.trim()
+    if(t == ""){
+      this.pxText.parentNode.removeChild(this.pxText)
+    }
+}
+function procedemin2x(){
+  var texts=[]
+  for(var i = 0 ; i < oplxlistmodalcontainer.children.length;i++){
+    var ch=oplxlistmodalcontainer.children[i]
+    var tx=ch.innerText.trim("")
+    if(tx == ""){
+      continue
+    }
+    texts.push(tx)
+  }
+  opxmin(texts)
+  TextsListModal.style.display='none'
+}
+function appendtencoi(){
+  var value=tlinput.value
+  var px=document.createElement("p")
+  px.innerHTML=value
+
+  px.contentEditable=true
+  oplxlistmodalcontainer.appendChild(px)
+  tlinput.value=""
+}

package/modal.ejs

@@ -0,0 +1,13 @@
+
+<div id="TextsListModal" class="Modal">
+  <div id="" class="ModalInternalBox" style="padding:16px" >
+    <i onclick="TextsListModal.style.display='none'" style="float:right" class='fa fa-times'></i>
+
+    <div id="oplxlistmodalcontainer">
+    </div>
+    <input id='tlinput' placeholder="text" type="text" name="" value="">
+    <button onclick="appendtencoi()" class="defaultbtn" type="button" name="button">+</button>
+    <br/><br/><br/>
+    <button onclick="procedemin2x()" class="defaultbtn" type="button" name="button">Listo</button>
+  </div>
+</div>

package/package.json

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