ign4

i4/lobby.js

@@ -116,7 +116,9 @@ var mtx_2 ={
 	// js:["ign/m/timer/m.js","ign/m/timer/m0.js"],
 	js:[
 	// `${mod_path}m0.js`,
-	`${mod_path}${n}.js`,],
+	`${mod_path}${n}.js`,
+	`${mod_path}${n}1.js`,
+	],
 	css:[`${mod_path}${n}.css`],
 	html:[
 	{url:`${mod_path}${n}.html`,diffH:get_cui_html,success:html_rld_cb4,success_js:"html_js_handler_ui_msg"},

rf/filmstrip_mod/m.js

@@ -454,4 +454,46 @@ if (window.refresh_fs_proc){
 
 }
 
-// clog("zzzz")
+// clog("zzzz")
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

rf/i4n/m.html

@@ -5,6 +5,7 @@
 <span class="plugin_top_v2 popup_root">
 	
 <div class="popup_body">
+	
 <div class="popup_txt">
 	POPUP TEXT
 	

rf/m/m_api_v2.js

@@ -285,6 +285,83 @@ function add_node(n,rn,i) {
 	$(rn)[i](n)
 }
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+function unload_css(css) {
+	var k,v
+	for (k of css){
+		remove_css(k)
+	}
+	// body...
+}
+
+function remove_jscss(file_url){
+	$(`link.rld[href^="`+file_url+`"]`).remove()
+	$(`script.rld[src^="`+file_url+`"]`).remove()
+}
+function unload_module_css(name) {
+	var k,v
+
+	for ([k,v] of Object.entries(rldi.files)){
+		if (k.endsWith(".css") && v.m && v.m.mod==name){
+		// if (v.m && v.m.mod==name){
+			remove_jscss(k)
+			delete rldi.files[k]
+
+		// remove_css(k)
+		clog("~",k,v)
+		}
+		// clog("~",k,v)
+	}
+	// body...
+}
+
+function unload_module(name) {
+	var k,v
+
+	for ([k,v] of Object.entries(rldi.files)){
+		// if (k.endsWith(".css") && v.m && v.m.mod==name){
+		if (v.m && v.m.mod==name){
+			remove_jscss(k)
+			delete rldi.files[k]
+
+		// remove_css(k)
+		clog("~",k,v)
+		}
+		// clog("~",k,v)
+	}
+	// body...
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 mod_path ="ign/rf/filmstrip_mod/"
 
 mtx ={	

rf/m/m_req.js

@@ -161,6 +161,15 @@ qxi_skip = [
 "SET_TOOLBOX_VISIBLE",
 
 ]
+function run_qxi_cbs(key,o){
+	var k,v
+		// clog("RUN_HOOK_CB??",key,glob_mx.hook_cb[key])
+
+	for ([k,v] of Object.entries(glob_mx.qxi_cb[key]|| {}) ) {
+		// clog("RUN_HOOK_CB:",k)
+		v(o)
+	}
+}
 
 function qxi2(o){
 	if (qxi_skip.includes(o.action.type)){
@@ -172,10 +181,14 @@ function qxi2(o){
 
 function qxi_event(o){
 	var cb
+	run_qxi_cbs(o.action.type,o)
+	/*
 	cb = glob_mx.qxi_test[o.action.type]
 	if (cb){
 		cb(o)
+		// SET_OVERFLOW_MENU_VISIBLE
 	}
+	*/
 	// glob_mx.qxi_test
 
 }
@@ -192,7 +205,7 @@ function dev_middleware_listner(o) {
 	//			/*
 	if (o.action.type != "ENDPOINT_MESSAGE_RECEIVED"){
 		// CONFERENCE_JOINED
-		// qxi2(o)
+		qxi2(o)
 		qxi_event(o)
 		// if (o.action.type.startsWith("SET_TOOLBOX_" || o.action.type == "TOGGLE_TOOLBOX_VISIBLE")){
 			// SET_TOOLBOX_info(o,this)

rf/m/m_utils.js

@@ -28,7 +28,10 @@ glob_mx.event_handlers = {}
 glob_mx.cb = {
 	init_db:{}
 }
+glob_mx.hook_cb = {
 
+}
+glob_mx.qxi_cb = {}
 glob_mx.qxi_test = {
 
 }
@@ -134,6 +137,15 @@ function run_cbs(key){
 	}
 }
 
+function run_hook_cbs(key,o){
+	var k,v
+		// clog("RUN_HOOK_CB??",key,glob_mx.hook_cb[key])
+
+	for ([k,v] of Object.entries(glob_mx.hook_cb[key]|| {}) ) {
+		// clog("RUN_HOOK_CB:",k)
+		v(o)
+	}
+}
 
 
 

rf/svg_dev/m.js

@@ -46,6 +46,8 @@ function svg_icon_handler2(rsp) {
 	clog("mod_templates_svg_icon")
 	init_svg_icon()
 
+
+
 	// plugin_icon_template
 	// mod_templates_svg_icon
 

rf/ui_msg/r.css

@@ -1 +1,51 @@
- 
+ /**/
+
+
+.close_button {
+	/*background-color: #fff;*/
+	/*color: #fff;*/
+	fill: #fff7;
+	/*stroke: #fff7;*/
+	/*stroke: #777;*/
+	fill: #777;
+	/*padding: 10px;*/
+	margin: 10px;
+	right: 0px;
+	position: absolute;
+}
+
+
+.close_button:hover {
+	fill: #bbb;
+	stroke: #bbb;
+
+}
+
+.popup_icons .settings-button-container {
+	display: inline-block;
+	padding: 10px;
+	margin: 10px;
+}
+
+
+
+.ieven {
+	/*display: inline-block;*/
+	/*padding: 10px;*/
+	/*margin: 10px;*/
+
+	/*background: red;*/
+}
+
+.ieven .toolbox-icon{
+	background: #fff !important;
+
+}
+
+
+.ieven svg{
+		/*toolbox-icon*/
+	    fill: #5e6d7a !important;
+	    /*background-color*/
+}
+

rf/ui_msg/r.html

@@ -1,3 +1,46 @@
  
 
+<span id="tmplt">abc</span>
 
+
+<div aria-label="Toggle tile view" class="plugin_top_cls plugin_icon_template_v2 toolbox-button tb otb"><div><div class="toolbox-icon  "><div class="jitsi-icon ">
+</div></div></div></div>
+
+
+<span class="settings-button-container"><div aria-label="Toggle mute video" class="toolbox-button tb otb"><div><div class="toolbox-icon toggled "><div class="jitsi-icon ">
+<!-- 
+	<svg height="24" width="24" viewBox="0 0 32 32"><path d="M4.375 2.688L28 26.313l-1.688 1.688-4.25-4.25c-.188.125-.5.25-.75.25h-16c-.75 0-1.313-.563-1.313-1.313V9.313c0-.75.563-1.313 1.313-1.313h1L2.687 4.375zm23.625 6v14.25L13.062 8h8.25c.75 0 1.375.563 1.375 1.313v4.688z"></path></svg></div></div></div></div><div><div class="jitsi-icon settings-button-small-icon">
+
+ -->
+
+
+		<!-- <svg fill="none" height="9" width="9" viewBox="0 0 10 6"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.07.248a.75.75 0 111.115 1.004L5.656 5.193a.75.75 0 01-1.115 0L1.068 1.252A.75.75 0 012.182.248L5.1 3.571 8.07.248z" fill="#5E6D7A"></path></svg> -->
+
+
+<!-- </div> -->
+
+<!-- </div> -->
+
+</div>
+</div>
+</div>
+</div>
+</span>
+
+
+
+
+<span class="plugin_top_v3 popup_root">
+	
+<div class="popup_body">
+	
+<div class="popup_txt">
+	POPUP TEXT2
+	
+</div>
+<div class="popup_icons"></div>
+
+</div>
+
+
+</span>

rf/ui_msg/r.js

@@ -3,19 +3,249 @@ mod_templates_ui_msg = window.mod_templates_ui_msg || $("")
 // html_js_handler_ui_msg 
 function html_js_handler_ui_msg(rsp) {
 	clog("html_js_handler_ui_msg",[...arguments])
-	mod_templates_ui_msg = $(`<span>${rsp}</span>`)
-	// clog("html_js_handler_lobby2")
+	mod_templates_ui_msg = $(`<span>${rsp}</span>`)[0].outerHTML
+	clog("html_js_handler_lobby2")
 	// init_lobby()
+	init_ui_msg()
 	// clog("html_js_handler_lobby3")
 	// init_api6()
 }
 glob_mx.svg = window.glob_mx.svg || {}
 
-function load_svg(url,name){
+// function load_svg(url,name){
+
+
+// plugin_top_v3
+// plugin_top_v3 popup_root
+// plugin_top_cls plugin_icon_template_v2
+function init_ui_msg(url,name){
+	// if (!glob_mx.svg["close.svg"] || !(mod_templates_ui_msg.find("#tmplt").length) ){
+	if (!glob_mx.svg["close.svg"] || !(mod_templates_ui_msg.length) ){
+		return
+	}
+	var n,svg,icon_template
+
+
+	saftly_remove(".plugin_top_v3.popup_root")
+	saftly_remove(".plugin_icon_template_v2")
+	saftly_remove(".plugin_icon_template_v3")
+	return
+
+	// svg = $(glob_mx.svg["close.svg"]).find("svg")
+	svg = $(`<span>${glob_mx.svg["close.svg"]}</span>`).find("svg")
+	svg.addClass("close_button")
+	// svg = $(`<span>$(glob_mx.svg["close.svg"])</span>`).filter("svg")
+
+	var jmod_templates_ui_msg = $(mod_templates_ui_msg)
+	n = jmod_templates_ui_msg.find(".plugin_top_v3.popup_root")
+	n.find(".popup_body").prepend(svg)
+	// n.find(".popup_icons").append(svg)
+
+	svg = $(`<span>${glob_mx.svg["camera.svg"]}</span>`).find("svg").addClass("icon_svg")                                  
+	icon_template = $(jmod_templates_ui_msg.find(".settings-button-container")[0].outerHTML)
+	icon_template.find(".jitsi-icon").append(svg)
+	n.find(".popup_icons").append(icon_template)
+
+	svg = $(`<span>${glob_mx.svg["microphone.svg"]}</span>`).find("svg").addClass("icon_svg")                                  
+	icon_template = $(jmod_templates_ui_msg.find(".settings-button-container")[0].outerHTML)
+	icon_template.find(".jitsi-icon").append(svg)
+	n.find(".popup_icons").append(icon_template)
+
+	svg = $(`<span>${glob_mx.svg["camera-disabled.svg"]}</span>`).find("svg").addClass("icon_svg")                                  
+	icon_template = $(jmod_templates_ui_msg.find(".settings-button-container")[0].outerHTML)
+	icon_template.find(".jitsi-icon").append(svg)
+	n.find(".popup_icons").append(icon_template)
+
+	svg = $(`<span>${glob_mx.svg["mic-disabled.svg"]}</span>`).find("svg").addClass("icon_svg")                                  
+	icon_template = $(jmod_templates_ui_msg.find(".settings-button-container")[0].outerHTML)
+	icon_template.find(".jitsi-icon").append(svg)
+	n.find(".popup_icons").append(icon_template)
+
+
+	svg = $(`<span>${glob_mx.svg["mic-camera-combined.svg"]}</span>`).find("svg").addClass("icon_svg")                                  
+	icon_template = $(jmod_templates_ui_msg.find(".settings-button-container")[0].outerHTML)
+	icon_template.find(".jitsi-icon").append(svg)
+	n.find(".popup_icons").append(icon_template)
+	n.find(".popup_icons .settings-button-container:even").addClass("ieven")
+
+	// mic-camera-combined
+
+	// add_node(svg,n.find(".popup_body"),"append")
+	clog("**",icon_template)
+	window.nq_test = n
+	add_node(n,".dev_hook.vspace","append")
+	clog("::",svg,n,n.find(".popup_body"))
+
+	// n = jmod_templates_ui_msg.find(".plugin_icon_template_v2")
+
+
+	
+
 
 }
 
 
 function load_svg_handler(url,name){
 
-}
+}
+function add_svg_mod(){
+var mod_path ="ign/rf/ui_msg/"
+
+var mtx ={	
+	// js:["ign/m/timer/m.js","ign/m/timer/m0.js"],
+	// js:[`${mod_path}m0.js`,`${mod_path}m.js`,],
+	// css:[`${mod_path}m.css`],
+	html:[
+	{
+		url:`/react/features/base/icons/svg/close.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler","name":"close.svg"},
+		// url:`${mod_path}m.html`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"}]
+		{url:`/react/features/base/icons/svg/camera-disabled.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"},
+		{url:`/react/features/base/icons/svg/camera.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"},
+		{url:`/react/features/base/icons/svg/mic-disabled.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"},
+		{url:`/react/features/base/icons/svg/microphone.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"},
+		{url:`/react/features/base/icons/svg/mic-camera-combined.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"},
+		]
+		// url:`/react/features/base/icons/svg/close.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler","name":"close.svg"}]
+		// url:`${mod_path}r.html`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"}]
+		// mod_path
+	}
+	add_module(mtx )
+
+}
+
+function svg_rld_cb(rsp,status,xhr){
+	// clog("svg_rld_cb!",this,[...arguments])
+	clog("svg_rld_cb!",{that:this,rsp,status,xhr})
+	glob_mx.svg.test = {that:this,rsp,status,xhr}
+	// glob_mx.svg[this.name] = {that:this,rsp,status,xhr}
+	// glob_mx.svg[xhr.file.name] = {that:this,rsp,status,xhr}
+		// react/features/base/icons/svg/camera-disabled.svg
+	if (!xhr.file.name){
+
+
+	glob_mx.svg[xhr.file.url.split("/").pop()] = rsp
+	} else {
+	glob_mx.svg[xhr.file.name] = rsp
+	}
+	init_ui_msg()
+	// window[this.success_js](rsp,status,xhr)
+	// window[xhr.file.success_js](rsp,status,xhr)
+}
+
+add_svg_mod()
+
+
+
+
+
+
+
+
+
+function vid_toggle(){
+	var v
+	var v2
+	if (navigator.platform != "Win32"){
+			return
+		}
+	// for (v of $(".remote-video-menu-trigger")){
+		// onmouseenter
+		// var e = new MouseEvent("onmouseenter",{bubbles: true})
+		// var e = new MouseEvent("onmouseover",{bubbles: true})
+
+
+
+		//	/*
+		v=$(`[aria-label="Toggle mute video"] .toolbox-icon:not(.toggled) .jitsi-icon `)[0]
+		// v2=$(`[aria-label="Toggle mute audio"] .toolbox-icon:not(.toggled) .jitsi-icon `)[0]
+		//	*/
+
+		//		/*
+// v=$(`[aria-label="Toggle mute video"] .toolbox-icon.toggled .jitsi-icon `)[0]
+
+
+// v2=$(`[aria-label="Toggle mute audio"] .toolbox-icon.toggled .jitsi-icon `)[0]
+		//		*/
+
+		// v=$(`[aria-label="Toggle mute video"] .toolbox-icon.toggled .jitsi-icon `)[0]
+		// v=$(`[aria-label="Toggle mute video"] .toolbox-icon .jitsi-icon `)[0]
+
+
+
+
+
+		var e = new MouseEvent("click",{bubbles: true})
+		v.dispatchEvent(e)
+
+
+
+		// v=$(`[aria-label="Toggle mute video"] .toolbox-icon.toggled .jitsi-icon `)[0]
+		// v=$(`[aria-label="Toggle mute video"] .toolbox-icon .jitsi-icon `)[0]
+		if (!v2 ){
+			return
+		}
+		var e2 = new MouseEvent("click",{bubbles: true})
+		v2.dispatchEvent(e2)
+}
+
+
+
+
+function set_vid_on(){
+	var v
+	v = $(`.toolbox-content [aria-label="Toggle mute video"] .toolbox-icon.toggled .jitsi-icon `)[0]
+	clog("...v",v)
+	if (v) {
+		v.dispatchEvent(new MouseEvent("click",{bubbles: true}))
+	}
+}
+function set_vid_off(){
+	var v
+	v = $(`.toolbox-content [aria-label="Toggle mute video"] .toolbox-icon:not(.toggled) .jitsi-icon `)[0]
+	clog("...v",v)
+	if (v) {
+		v.dispatchEvent(new MouseEvent("click",{bubbles: true}))
+	}
+	
+}
+function set_mic_off(){
+	var v
+	v = $(`.toolbox-content [aria-label="Toggle mute audio"] .toolbox-icon:not(.toggled) .jitsi-icon `)[0]
+	clog("...v",v)
+	if (v) {
+		v.dispatchEvent(new MouseEvent("click",{bubbles: true}))
+	}
+	
+}
+
+function set_mic_on(){
+	var v
+	v = $(`.toolbox-content [aria-label="Toggle mute audio"] .toolbox-icon.toggled .jitsi-icon `)[0]
+	clog("...v",v)
+	if (v) {
+		v.dispatchEvent(new MouseEvent("click",{bubbles: true}))
+	}
+	
+}
+function toggle_mic(){
+	var v
+	v = $(`.toolbox-content [aria-label="Toggle mute audio"] .toolbox-icon .jitsi-icon `)[0]
+	clog("...v",v)
+	if (v) {
+		v.dispatchEvent(new MouseEvent("click",{bubbles: true}))
+	}
+	
+}
+
+function toggle_vid(){
+	var v
+	v = $(`.toolbox-content [aria-label="Toggle mute video"] .toolbox-icon .jitsi-icon `)[0]
+	clog("...v",v)
+	if (v) {
+		v.dispatchEvent(new MouseEvent("click",{bubbles: true}))
+	}
+	
+}
+
+
+// plugin_top_cls plugin_icon_template_v2

rf/ui_msg/r1.js

@@ -0,0 +1,36 @@
+
+
+glob_mx.hook_cb.RemoteVideoMenu = glob_mx.hook_cb.RemoteVideoMenu || {}
+glob_mx.qxi_cb.SET_OVERFLOW_MENU_VISIBLE = glob_mx.qxi_cb.SET_OVERFLOW_MENU_VISIBLE || {}
+
+function rvm_to(a){
+	clog("rvm_to RemoteVideoMenu...",a, $(".popover"))
+
+}
+
+glob_mx.hook_cb.RemoteVideoMenu.fn = function(o,a2){
+	if ($(".popover").length){
+		return
+	}
+	clog("RemoteVideoMenu...", $(".popover"),o,a2)
+	setTimeout(rvm_to,0,"A")
+	// setTimeout(rvm_to,100,"B")
+}
+// RemoteVideoMenu
+// glob_mx.qxi_test
+
+// qxi_cb
+
+
+glob_mx.qxi_cb["SET_OVERFLOW_MENU_VISIBLE"].fn = function (o,a2){
+	clog("SET_OVERFLOW_MENU_VISIBLE.",o,$(".overflow-menu"))
+}
+
+// qxi_cb
+
+
+clog("R1")
+// $(".popover")
+dispatch_evnt()
+
+