adding vue

indx/edanflor/e0.css

@@ -4,4 +4,120 @@
 
 .rose_sel {
 	outline: 2px solid #008;
+}
+
+.rose_cnt_img {
+	/*width: 2em;*/
+	/*height: 100%;*/
+  width: 100%;
+  outline: 1px solid blue;
+  top: 0;
+  left: 200;
+  left: 0;
+	/*display: inline-block;*/
+
+	position: relative;
+	position: absolute;
+
+}
+.rose_color_chk {
+	width: 100px;
+
+}
+
+.rose_cnt_span {
+	/*margin-top: 5px;*/
+	display: block;
+	/*outline: 2px solid blue;*/
+
+	height: 15px;
+	position: relative;
+	width: 200px;
+	padding-left: 20px;
+}
+
+.rose_colors_picker label input {
+	position: absolute;
+}
+.button_spacer_div {
+	position: absolute;
+	padding-top: 100%;
+
+}
+
+.square:before {
+	/*overflow-wrap: ;*/
+	content: " ";
+	top: 0;
+	/*bottom: 0;*/
+	/*width: 100%;*/
+	/*height: 100%;*/
+	position: inherit;
+	display: inline-block;
+	padding-top: 100%;
+	/*width: 100;*/
+	/*height: 100;*/
+	/*position: ;*/
+}
+.button_spacer {
+	/*opacity: .5;*/
+	color: #0000;
+	background: #0000;
+	outline-color: #0000;
+	border-color: #0000;
+	border: none;
+	/*padding-top: 100%;*/
+	/*width: 100%;*/
+	pointer-events: none;
+	position: relative;
+	/*tabindex: -1;*/
+	/*focus*/
+}
+
+.square2 {
+	padding-top: 100%;
+	width: 100%;
+	/*padding-top: 100%;*/
+  position: relative;
+  outline: 2px solid red;
+  display: inline-block;
+  display: inline-block;
+}
+.square {
+/*padding-left: 100%;*/
+  display: inline-block;
+  display: none;
+  /*height: 100%;*/
+  position: relative;
+  outline: 2px solid blue;
+  background: #691;
+}
+
+label {
+	/*overflow: hidden;*/
+	/*width: 100px;*/
+	/*height: 100px;*/
+	/*position: absolute;*/
+	/*position: static;*/
+}
+
+img.z {
+	/*transform:scale(2.2);*/
+	/*clip: rect(0, 100px, 200px, 0);*/
+	/*clip: rect(0px, 5px ,0px, 5px );*/
+	/*clip-path: inset(5% 20% 15% 10%);*/
+	/*clip-path: inset(5% 20% 15% 10%);*/
+
+	clip-path: inset(4px 4px 4px 4px);
+	/*clip-path: inset(6px 6px 6px 6px);*/
+	/*width: calc( 100% + 8px  ) !important;*/
+	width: calc( 100%   ) !important;
+	position: relative;
+	position: absolute;
+
+
+
+
+	/*object-position: 50% 50%;*/
+
 }

indx/edanflor/e0.js

@@ -1,6 +1,12 @@
 
 
 // C:\ws\repos\jitsi_main\ign4\indx\edanflor\e0.js
+gx = window.gx || {
+        dev_rose:{}
+}
+
+
+
 function function_name(argument) {
         // body...
         clog("function_name ///")

indx/edanflor/e1.js

@@ -0,0 +1,107 @@
+function init_rose_data(argument) {
+        // body...
+
+window.gx.dev_rose.colors =[
+// "Blue_012",
+// "Dark_fuccia_013",
+// "Light_pink_002",
+// "light_red_008",
+// "Peach_cream_014",
+// "Pink_rainbow_007",
+// "White_006",
+// "Yellow_004",
+
+"blue_012.jpg",         
+"peach_cream_014.jpg",
+"dark_fuccia_013.jpg",  
+"pink_rainbow_007.jpg",
+"light_pink_002.jpg",   
+"white_006.jpg",
+"light_red_008.jpg",    
+"yellow_004.jpg",
+
+]
+
+
+window.gx.dev_rose.sel = {
+        roses:
+        [
+                {src:"blue_012.jpg"},         
+                {src:"peach_cream_014.jpg"},
+                {src:"dark_fuccia_013.jpg"},  
+                {src:"pink_rainbow_007.jpg"},
+                {src:"light_pink_002.jpg"},   
+                {src:"white_006.jpg"},
+                {src:"light_red_008.jpg"},    
+                {src:"yellow_004.jpg"},
+        ],
+}
+
+
+window.gx.dev_rose.gen={
+        roses:
+        [
+                {name:"blue_012"},         
+                {name:"peach_cream_014"},
+                {name:"dark_fuccia_013"},  
+                {name:"pink_rainbow_007"},
+                {name:"light_pink_002"},   
+                {name:"white_006"},
+                {name:"light_red_008"},    
+                {name:"yellow_004"},
+        ],
+
+}
+
+var dev_data =jx(window.gx.dev_rose.gen)
+
+window.gx.dev_rose.rx1 = dev_data
+
+for ([k,v] of Object.entries(dev_data.roses)){
+        clog(".....",k,v,v.name)
+        v.src = v.name+".jpg"
+        // dev_data.roses[k].src = v
+
+}
+
+
+
+}
+
+
+
+// function dev
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function runmain(argument) {
+        // body...
+        init_rose_data()
+}
+clog("E1~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~")
+runmain()

indx/edanflor/e2.js

@@ -0,0 +1,71 @@
+// var n = glob_u.templates.j9_dev_vspace_parsed.find("#vspace_filmstrip_template").clone()
+
+
+function mustache_parse_node(_n,data){
+	let n = _n
+	if (n instanceof $){
+		n = n[0].outerHTML
+	} else if (n instanceof Node){
+		n = n.outerHTML
+	}
+	return Mustache.render(n,data)
+	// let p = Mustache.parse(n,data)
+
+	// t = rose_elements[0].outerHTML
+	// r = Mustache.render(t,rose_data)
+	// p = Mustache.parse(t)
+}
+
+
+function gen_rose_picker(argument) {
+	// body...
+	clog("gen_rose_picker!!!")
+	saftly_remove(".rose_picker_dev")
+	var n = glob_u.templates.flor_tmplt_parsed.find(".rose_picker_dev").clone()
+
+	var rose_elements = glob_u.templates.flor_tmplt_parsed.find(".rose_colors_picker").clone()
+	var rose_counts = glob_u.templates.flor_tmplt_parsed.find(".rose_count_picker").clone()
+
+	var rose_data = gx.dev_rose.rx1
+
+
+	var rose_elm = mustache_parse_node(rose_elements,rose_data)
+	var rose_cnt = mustache_parse_node(rose_counts,rose_data)
+
+
+	add_node(rose_elm,n,"prepend")
+	add_node(rose_cnt,n,"append")
+	// add_node(n,".dev_root","append")
+	// clog(r)
+	add_node_jev(n,".dev_root","append")
+}
+
+function dev_mustache(argument) {
+	n = glob_u.templates.flor_tmplt_parsed.find(".dev_mustache").clone()
+
+	t = n[0].outerHTML
+	o={
+		z:"z",
+		arr:["a","b","c"],
+	}
+
+	p = Mustache.parse(t)
+	r = Mustache.render(t,o)
+	clog(r)
+
+}
+
+// glob_u.jev.jev_methods
+
+glob_u.templates.flor_tmplt  = `<!--#include virtual="/ign/indx/edanflor/flor_tmplt.html" -->`
+glob_u.templates.flor_tmplt_parsed = $(`<span>${glob_u.templates.flor_tmplt}</span>`)
+
+glob_u.templates.flor_vue_1_html = `<!--#include virtual="./flor_vue_1.html" -->`
+glob_u.templates.fv1 = $(`<span>${glob_u.templates.flor_vue_1_html}</span>`)
+// glob_u.templates.j9_dev_vspace
+window.bodge_rfile ?  bodge_rfile(`/ign/indx/edanflor/flor_vue_1.html`,`<!--#echo var="uri" -->`):0
+window.bodge_rfile ?  bodge_rfile(`/ign/indx/edanflor/flor_tmplt.html`,`<!--#echo var="uri" -->`):0
+
+
+// now_or_onload(dev_mustache)
+now_or_onload(gen_rose_picker)

indx/edanflor/e3.js

@@ -0,0 +1,7 @@
+z=glob_u.templates.flor_tmplt_parsed.find(".rose_colors_picker").clone()
+
+
+// clog(typeof(z[0].outerHTML))
+clog(z)
+clog(z[0])
+clog(z[0][0])

indx/edanflor/ev0.js

@@ -0,0 +1,91 @@
+import { createApp } from 'vue'
+import * as vue_imp from "vue";
+
+
+
+window.glob_v = window.glob_v || {}
+glob_v.vue = glob_v.vue || {}
+$.extend(true,glob_v.vue,{
+
+// glob_u.fns.merge_partial_template(glob_v.vue,{
+	components:{},
+	fns:{},
+	inst_refs:{},
+	glob_vue_data:{
+		t1:{},
+		t1_obj:{},
+		modal_obj:{},
+		lsto_resize_opts:{fake:1},
+	},
+	flags:{
+		
+	},
+})
+var components = glob_v.vue.components
+
+function dec_before_created(key){
+  var ret = function(){
+    glob_v.vue.inst_refs[key]=this
+    clog("vdbg dec_before_created",key,this,arguments)
+  }
+  return {beforeCreate:ret}
+  // 
+}
+
+// window.components= {}
+
+function create_app() {
+	glob_u.vue = glob_u.vue || {
+		// vue_app
+		createApp,vue_imp
+
+	}
+// vue_app
+  var vue_app=createApp({
+    // ...dec_before_created("va"),
+    ...dec_before_created("logical_component2"),
+
+
+
+
+  // var vue_app=new Vue({
+  props:[],
+  computed:{},
+
+  // }
+    data() {
+      var ret= {
+      
+        glob_vue_data:glob_v.vue.glob_vue_data,
+        td:{m1:"....."},
+        items:{
+          a:{msg:"A1"},
+          b:{msg:"B2"},
+        },
+        message: ' Vue!',
+        cls2: 'z',
+      }
+      window.gv_dbg = ret
+      return ret
+    },
+      template:`<div>{{ message }}
+zzzzzzzzzzzzzz
+
+      <!--
+          -->
+   </div>`,
+      template:`<div><logical_component></logical_component><tabs></tabs><modal_r></modal_r></div>`,
+      template:`<div>z<componant_1></componant_1><rose_count_picker></div>`,
+    components,
+
+  }).mount('#app')
+  clog(">>>",components)
+
+	glob_u.vue.app=vue_app
+
+}
+// clog("RUNSTATE:",window.onload.fno.run_state)
+
+create_app()
+glob_u.fns.create_app=create_app
+// reg_onload_fn(on_load)

indx/edanflor/ev1.js

@@ -0,0 +1,33 @@
+
+var components = glob_v.vue.components
+
+
+var new_components = {}
+
+
+new_components.rose_count_picker = {
+	template:$(glob_u.templates.fv1.find(">rose_count_picker")[0].innerHTML)[0],
+	data:()=>{return{
+		roses:{
+			a:[],
+			b:[],
+		},
+	}
+}
+}
+
+new_components.componant_1 = {
+	// template:parse_vtable(glob_u.templates.fv1.find(">componant_1")[0])[0],
+	// template:glob_u.templates.fv1.find(">componant_1")[0].outerHTML,
+	template:$(glob_u.templates.fv1.find(">componant_1")[0].outerHTML)[0][0],
+	template:$(glob_u.templates.fv1.find(">componant_1")[0].innerHTML)[0],
+	// template:glob_u.templates.fv1.find(">componant_1")[0].outerHTML,
+}
+
+
+$.extend(components,new_components)
+clog(glob_v.vue.components)
+
+// glob_u.fns.create_app=create_app
+
+glob_u.fns.create_app()

indx/edanflor/flor_main.html

@@ -1,14 +1,36 @@
 <html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
   <head>
-      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" /> -->
 
+<!--#set var="rtqs" value="c=$request_id"-->
 <script src="/ign/libs/jquery-3.5.1.js"></script>
+<script class="rld" src="/ign/libs/mustache.js?c=002"></script>
 
+<script class="rld" src="/ign/j7/udev/u_ld.js?c=00x"></script>
 <script class="rld" src="/ign/rf/u/dev_build.js?c=00x"></script>
 <script class="rld" src="/ign/rf/u/universals_v2.js?c=00x"></script>
 <script class="" src="/ign/rf/u/proto_ext.js?c=00x"></script>
 
 <script class="rld" src="/ign/indx/jsyncdb/jsync_dep.js"></script>
+<script class="rld" src="/ign/indx/jsyncdb/jsync_ord.js"></script>
+
+
+
+
+<script type="importmap">
+  {
+    "imports": {
+
+    "vue": "/resources/do_ext/vue.esm-browser.e.js"
+
+    }
+  }
+</script>
+
+
+
+<!-- <script class="rld" src="/ign/xf/nginx_tx/j9_dev/jev0.js?c=00x"></script> -->
 
 
 
@@ -17,28 +39,41 @@
     <script class="rld rrld_u" src="/ign/rls_u.js?<!--#echo var="rtqs"-->"></script>
 
 
-
+    <script class="rld" src="/ign/j9/dev_dep/bodge_rld.js?<!--#echo var="rtqs"-->"></script>
+    <script class="rld" src="/ign/j9/dev_dep/misc_dep.js?<!--#echo var="rtqs"-->"></script>
 
 <!-- C:\ws\repos\jitsi_main\ign4\indx\edanflor -->
 
+    <script class="rld" src="/ign/indx/edanflor/mini_fw_dev.js?<!--#echo var="rtqs"-->"></script>
+    <script class="rld" src="/ign/indx/edanflor/mini_fw_dev_j.js?<!--#echo var="rtqs"-->"></script>
+    <script class="rld" src="/ign/indx/edanflor/jev_fn.js?<!--#echo var="rtqs"-->"></script>
+
     <script class="rld" src="/ign/indx/edanflor/e0.js?<!--#echo var="rtqs"-->"></script>
     <script class="rld" src="/ign/indx/edanflor/e1.js?<!--#echo var="rtqs"-->"></script>
     <script class="rld" src="/ign/indx/edanflor/e2.js?<!--#echo var="rtqs"-->"></script>
     <script class="rld" src="/ign/indx/edanflor/e3.js?<!--#echo var="rtqs"-->"></script>
     <script class="rld" src="/ign/indx/edanflor/e4.js?<!--#echo var="rtqs"-->"></script>
+    <script class="rld" src="/ign/indx/edanflor/e5.js?<!--#echo var="rtqs"-->"></script>
+    <script class="rld" src="/ign/indx/edanflor/e6.js?<!--#echo var="rtqs"-->"></script>
+    <script class="rld" src="/ign/indx/edanflor/e7.js?<!--#echo var="rtqs"-->"></script>
+    <script class="rld" src="/ign/indx/edanflor/e8.js?<!--#echo var="rtqs"-->"></script>
+    <script class="rld" src="/ign/indx/edanflor/e9.js?<!--#echo var="rtqs"-->"></script>
+
+    <script class="rld" type="module" src="/ign/indx/edanflor/ev0.js?<!--#echo var="rtqs"-->"></script>
+    <script class="rld" type="module" src="/ign/indx/edanflor/ev1.js?<!--#echo var="rtqs"-->"></script>
+    <script class="rld" type="module" src="/ign/indx/edanflor/ev2.js?<!--#echo var="rtqs"-->"></script>
 
 <link class="rld" rel="stylesheet" type="text/css" href="/ign/indx/edanflor/e0.css">
 <link class="rld" rel="stylesheet" type="text/css" href="/ign/indx/edanflor/e1.css">
 <link class="rld" rel="stylesheet" type="text/css" href="/ign/indx/edanflor/e2.css">
 
-    <script class="rld" src="/ign/j9/dev_dep/bodge_rld.js?<!--#echo var="rtqs"-->"></script>
-    <script class="rld" src="/ign/j9/dev_dep/misc_dep.js?<!--#echo var="rtqs"-->"></script>
+
 
 
 
 </head>
 <body>
-  <div class="c0" >a</div>
+<!--   <div class="c0" >a</div>
 	<div class="c1" >a</div>
   <div class="c2" >a</div>
   <div class="c3" >a</div>
@@ -65,11 +100,14 @@
 7
 8
 9
-0..,,,,, ....!!!!!!
-
-
-  <div class="rose_sel" >a .</div>
-
+0..,,,,, 
+ -->z
+
+  <div class="rose_sel" v-for>.</div>
+  <div class="dev_root" ></div>
+    <div id="app" class="{{ cls2 }}">{{ message }}
+<!-- <tabs :m1="td.m1"></tabs> -->
+    </div>
 
 </body>
 </html>

indx/edanflor/flor_tmplt.html

@@ -0,0 +1,61 @@
+
+
+
+<span class="rose_picker_dev jev_node">~rose_picker_dev~
+	
+
+</span>
+
+
+
+<span class="more_templates">
+
+<div class="rose_colors_picker">
+<!-- /resources/florimg/build1/pink_rainbow_007.jpg -->
+{{#roses}}
+
+<label >
+	<input type="checkbox" id="rosebox2" class="jev_evc" > 
+	<img class="rose_color_chk" src="/resources/florimg/build1/{{src}}">
+</label>
+
+{{/roses}}
+</div>
+
+
+<div class="dev_mustache">
+	
+{{#arr}}{{.}}.{{/arr}}
+{{#arr}}{{.}}.{{/arr}}
+{{z}}
+
+</div>
+
+
+
+<div class="rose_count_picker">
+
+{{#roses}}	
+<span class="rose_cnt_span">
+	<span class="square">
+	<span class="square2">
+		
+	<img class="rose_cnt_img" src="/resources/florimg/build1/{{src}}">
+	</span>
+	</span>
+	<button tabindex="-1" class="button_spacer">
+	
+	<img class="rose_cnt_img" src="/resources/florimg/build1/{{src}}">
+
+	X</button>
+	
+	<button>X</button>
+	<input type="number" name="" min=0 max=20> 
+	<button>-</button>
+	<button>+</button>
+</span>
+	<br>
+{{/roses}}
+</div>
+
+</span>

indx/edanflor/flor_vue_1.html

@@ -0,0 +1,50 @@
+
+
+
+<componant_1>
+	<template>
+		
+	HELLO WORLD
+
+	</template>
+</componant_1>
+
+
+
+
+
+
+
+
+
+
+
+<rose_count_picker>
+
+<div class="rose_count_picker">
+zzzzzzzzzzz
+	 <template v-for="(item,key,iz) of roses">
+
+<span class="rose_cnt_span">
+	<span class="square">
+	<span class="square2">
+		
+	<img class="rose_cnt_img" src="/resources/florimg/build1/{{src}}">
+	</span>
+	</span>
+	<button tabindex="-1" class="button_spacer">
+	
+	<img class="rose_cnt_img" src="/resources/florimg/build1/{{src}}">
+
+	X</button>
+	
+	<button>X</button>
+	<input type="number" name="" min=0 max=20> 
+	<button>-</button>
+	<button>+</button>
+</span>
+	<br>
+
+	 </template>
+</div>
+</rose_count_picker>

indx/edanflor/jev_fn.js

@@ -0,0 +1,92 @@
+glob_u.jev.html_event_handlers.jev_evh_z = function jev_evh(jq_event){
+	var event = jq_event.originalEvent
+	var jd = get_jev_data_helper($(event.target))
+
+	var old_val = "not_set"
+	// clog("jev_evh:",{jq_event,event,jd})
+	clog("jev_evh:",{jq_event,event,jd})
+
+
+		if (jd.jev_init){
+			// clog("jev_init???",jd,{that:this,win_event:window.event,event,jq_event})
+	if (event.type=="input" && !0){
+
+	}
+	if (event.type=="change" || jd.jev_input_evh=="input"){
+
+
+				if (jd.jev_type=="number_value"){
+			old_val = jd.data_obj[jd.jev_data_key2]
+			jd.data_obj[jd.jev_data_key2]= Number(event.target.value)
+			// clog("jev_init2???",jd,{that:this,win_event:window.event,event,jq_event})
+			// clog()
+
+				} else if (jd.jev_type=="toggle"){
+			old_val = jd.data_obj[jd.jev_data_key2]
+			jd.data_obj[jd.jev_data_key2]= event.target.checked
+
+				}
+		}
+		// jd
+	}
+
+
+
+	if (jd?.data_obj?.events){
+		for (let [k,v] of Object.entries(jd.data_obj.events)){
+			// clog("jev_event:",{k,v})
+			if (v.types.includes(event.type) && jd.jev_event==k){
+			// if (v.types.includes(event.type)){
+				glob_u.cb.ord_v1.JEV.run_cbs(v.event_name,{event,jq_event,old_val,that:this,jd})
+			}
+		}
+	}
+
+	// clog("IDK2",{win_event:window.event,event,jq_event,jd})
+
+
+}
+
+glob_u.jev.init_handlers.init_jev = function init_jev(o){
+	// TODO:JFI Probable bug with jd.value
+	clog("init_jev",o,jd)
+
+	var jd = get_jev_data_helper(o.node)
+	if (jd.jev_data_key2 == "vlow"){
+
+	clog("jev_corner:init_handler",o,jd)
+	}
+	if (jd.jev_init){
+	if (jd.jev_type=="toggle"){
+		o.node[0].checked=jd.value
+		// o.node[0].checked=0
+	}else if (jd.jev_type=="number_value"){
+		o.node[0].value=jd.data_obj[jd.jev_data_key2]
+
+	}
+
+	}
+}
+
+
+function get_jev_data_helper(node){
+	var ret = {}
+	var {jev_data_path,jev_data_key} = node.parents(".jev_node")[0].dataset
+	var {jev_init,jev_data_key2,jev_type,jev_event,ignore_jev_node} =node[0].dataset
+	
+	// if (ignore_jev_node){jev_data_path = undefined;jev_data_key = undefined}
+	// if (ignore_jev_node){jev_data_path = ignore_jev_node}
+	// if (ignore_jev_node){jev_data_key = ignore_jev_node,jev_data_path=undefined}
+	if (ignore_jev_node){jev_data_key = undefined,jev_data_path=ignore_jev_node}
+
+	var {jev_init,jev_data_key2,jev_type,jev_event,jev_input_evh} =node[0].dataset
+	var path= [jev_data_path,jev_data_key,jev_data_key2]
+	var ival =deep_prop_v2(glob_u.jev.sto,path)
+	var path2 = [jev_data_path,jev_data_key]
+	var ival2 =deep_prop_v2(glob_u.jev.sto,path2)
+	ret = {jev_data_path,jev_data_key,jev_init,jev_data_key2,jev_type,jev_event,jev_input_evh}
+	ret["value"]=ival.v
+	ret["data_obj"]=ival2.v
+	return ret
+
+}

indx/edanflor/mini_fw_dev.js

@@ -0,0 +1,28 @@
+function add_node(n,rn,i) {
+	// $(rn)[i](n)
+	// $(rn).addClass("add_node")[i](n)
+	$(rn).addClass("add_node")[i](n).addClass("added_node")
+}
+
+
+
+function saftly_remove(n,remove_nodes=true){
+	const j =$(n)
+	// if there are more actions to perform dec_this
+
+	// for (v of j.find(".videocontainer")){
+	// 	mv_vid_bak(v)
+	// }
+	remove_nodes ? j.remove() : clog("DO NOT REMOVE")
+	
+}
+
+
+function now_or_onload(fn){
+	if (window.onload.fno.run_state){
+		fn()
+	} else {
+		reg_onload_fn(fn)
+	}
+
+}

indx/edanflor/mini_fw_dev_j.js

@@ -0,0 +1,253 @@
+// TODO:JFI I didn't actually implement the framework part
+// This File 
+// I will either remove it or actually implement it soon
+
+
+
+
+// function 
+
+function add_evh(){
+		var vcon_node = $(".vcon_base")
+
+
+		vcon_node.on("input",glob_u.jev.html_event_handlers.corner)
+		vcon_node.on("change",glob_u.jev.html_event_handlers.corner)
+
+}
+
+function add_node_jev(n,rn,i) {
+	// var nx = n
+	// clog("add_node_jev",n,rn,i)
+	clog("add_node_jev")
+	glob_u.jev.jev_methods.init_p1(n)
+	
+	// var rn2 = rn 
+
+	// $(rn)[i](n)
+	// $(rn).addClass("add_node add_node_jev")[i](n)
+	$(rn).addClass("add_node add_node_jev")[i](n).addClass("added_node added_node_jev")
+	glob_u.jev.jev_methods.init_p2(n)
+
+
+
+}
+function merge_partial_template(main,template){
+	let t = $.extend(true,{},template,main)
+	return $.extend(true,main,t)
+}
+
+
+
+function deep_prop_v2(o,p){
+	try {
+	var arr = jc(p)
+	var ret = o
+	var retm = {}
+	var key
+	/*
+	if (typeof(arr)=="string"){
+		arr = arr.split(".")
+	}
+	*/
+	retm.arr = arr
+	retm.arr0 = p
+
+	// do {
+	if (!arr.length){
+	}
+	retm.v = ret
+	while (arr.length){
+		key = arr.shift()
+		if (!arr.length){
+			retm.v_exist = key in ret
+		}
+
+		ret = ret[key]
+		retm.v = ret
+
+	}
+	 // while (arr.length)
+
+	} catch(err){
+		retm.err=err
+		retm.key=key
+		// console.error("DEEP_PROP ERR:",err)
+	}
+	return retm
+}
+
+
+
+
+
+
+
+
+
+function ensure_arr_like(obj){
+		if (obj[Symbol.iterator]){
+			return obj
+		} else {
+			return [obj]
+		}	
+}
+
+
+function run_inline_now(){
+
+
+// window.glob_u.jev =0
+
+var jev_c = {
+	EDATA:"edata",
+	DATA_UPDATE:"u_handler",
+	CORNER_PATH:"corner_path",
+	DATA_PATH:"data_path",
+	NODE_DATA:"jev",
+	JEV_CLASS:"jev_class",
+	// :"jev",
+}
+
+
+var jev = window.glob_u.jev || {
+	html_event_handlers:{},
+	init_handlers:{},
+	sto_init_templates:{},
+	methods:{},
+	jev_methods:{},
+	jev_c,
+	sto:{},
+	data_templates:{},
+
+}
+// Object.assign()
+
+Object.assign(jev.jev_methods,
+
+	
+ {
+
+	init_jev_sto(){},
+
+	register_node(node){
+		if (!node[jev_c.NODE_DATA]  ){
+			node[jev_c.NODE_DATA] = {
+				evh:{},
+				// handle:{},
+			}
+
+		}
+	},
+
+	register_event_type(node_data,type){
+		if (!node_data[type]){
+			node_data[type] = []
+		}
+
+	},
+
+	register_event(node,node_data,type,cb){
+		node_data[type].push({cb})
+		node.addEventListener(type,cb)
+	},
+	
+	add_jev_listener(elem,type,cb){
+		var node,node_data
+		var elems = ensure_arr_like(elem)
+		for (node of elms){
+			jev.jev_methods.register_node(node)
+			node_data = node[jev_c.NODE_DATA]
+			jev.jev_methods.register_event_type(node_data.evh,type)
+			// jev.jev_methods.remove_evl_by_type(node,node_data.evh,type)
+			jev.jev_methods.register_event(node,node_data.evh,type,cb)
+			jev.jev_methods.pre_init(node,type,cb)
+
+		}
+
+	},
+
+	init_p1(node){
+		clog("JEV init_p1")
+		$(node).addClass("jev_cb")
+		$(node).addClass("j1")
+		// var z=$(node)
+		// .addback()
+		var k,v
+		for (v of [...$(node).filter(".jev_evc"),$(node).find(".jev_evc")]){
+			// clog(":init_p1",v)
+			$(v).on("input",glob_u.jev.html_event_handlers.jev_evh)
+			$(v).on("change",glob_u.jev.html_event_handlers.jev_evh)
+			// TODO:JFI make evh  selectable again
+			/*
+			if (v.dataset.u_handler=="corner"){
+
+			} else if(v.dataset.u_handler) {
+
+			}
+			*/
+
+		}
+
+
+		// clog(":init_p1",node,$(node).hasClass("jev_evc"))
+		// clog(":init_p1",z,z.find(".jev_evc"),node)
+	},
+	init_p2(node){
+		clog("JEV init_p2")
+		var j = $(".jev_cb")
+			// clog("devlog init_p2:",node)
+		var v
+		// for (v of j.find("input")){
+		for (v of j.find("input,select,textarea")){
+			// clog("init_p2:",v)
+			if (v.dataset.u_handler=="corner"){
+				// window.glob_u.jev.init_handlers["corner"]({root_node:$(node),node:$(v)})
+				window.glob_u.jev.init_handlers["init_jev"]({root_node:$(node),node:$(v)})
+			// v.checked = Math.round(0.1)
+			// v.checked = 0.1
+
+			} else if(v.dataset.u_handler) {
+				try {
+					window.glob_u.jev.init_handlers[v.dataset.u_handler]({root_node:$(node),node:$(v)})
+				} catch (err){
+					console.error(err)
+				}
+
+			} else {
+
+				window.glob_u.jev.init_handlers["init_jev"]({root_node:$(node),node:$(v)})
+			// v.checked = Math.round(Math.random())
+			}
+
+		}
+		// clog([j.find("input")])
+
+		j.removeClass("jev_cb")
+	},
+	init(node){
+
+	},
+	pre_init(node,type,cb){},
+})
+
+
+// glob_u.cb.ord = new glob_u.cls.reg_cb_ord()
+
+
+if (!glob_u.cb.ord_v1){
+glob_u.cb.ord_v1 = new glob_u.cls.reg_cb_ord()
+
+}
+
+
+glob_u.cb.ord_v1.JEV =  glob_u.fns.gen_ord_decs(glob_u.cb.ord_v1.ord,"JEV:")
+
+
+
+
+window.glob_u.jev = jev
+}
+
+run_inline_now()
+// init_input_test()

rf/u/dev_build.js

@@ -1 +1,7 @@
-window.dev_flag = 1
+window.dev_flag = 1
+
+reg_onload_fn(()=>{
+	// clog("AAAAAAAAAAAAAA")
+	rldi.setint(500)
+	// this will be updated!!!!
+})