ign4/rf/ui_msg/r.js

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>`)[0].outerHTML
	clog("html_js_handler_lobby2")
	// init_lobby()
	// init_ui_msg()
	if (window.refresh_overflow_menu){
		// refresh_overflow_menu()
	}
	// clog("html_js_handler_lobby3")
	// init_api6()
}
glob_mx.svg = window.glob_mx.svg || {}

// function load_svg(url,name){


// plugin_top_v3
// plugin_top_v3 popup_root
// plugin_top_cls plugin_icon_template_v2
function init_ui_msg(req_dev = "av_on"){
	// </span>
	// 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
	var mic_status  = $(`.toolbox-content [aria-label="Toggle mute audio"] .toolbox-icon:not(.toggled) .jitsi-icon `).length
	var vid_status = $(`.toolbox-content [aria-label="Toggle mute video"] .toolbox-icon:not(".toggled") .jitsi-icon `).length
	var txt_msg
	txt_msg = "DFLT"
	clog("rjs zzz",!mic_status && !vid_status,mic_status,vid_status)
	if (req_dev == "av_on"){
		if (mic_status && vid_status){return}
		mic_status ? req_dev="vid_on" : 0
		vid_status ? req_dev="mic_on" : 0
		txt_msg = "microphone and camera"


	} 
	if (req_dev == "mic_on"){
		if (mic_status){return}
		txt_msg = "microphone"
	} 
	if (req_dev == "vid_on"){
		if (vid_status){return}
		txt_msg = "camera"

	}
	// svg = $(glob_mx.svg["close.svg"]).find("svg")
	svg = $(`<span>${glob_mx.svg["close.svg"]}</span>`).find("svg")
	svg.addClass("close_button")
	svg.click(close_popup)
	// close_popup
	// 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)

		if (req_dev == "av_on"){
		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").append("<br>")
		icon_template.click(set_av_on)
		icon_template.addClass("av_on_btn av_btn")
	}

	if (req_dev == "mic_on" || req_dev == "av_on2"){
		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)
		icon_template.click(set_mic_on)
		icon_template.addClass("mic_on_btn av_btn")
	}
	if (req_dev == "vid_on" || req_dev == "av_on2"){
		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)
		icon_template.click(set_vid_on)
		icon_template.addClass("vid_on_btn av_btn")
	}


			/*

	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")

	// */

	// $(`.toolbox-content [aria-label="Toggle mute video"] .toolbox-icon:not(".toggled") .jitsi-icon `).length
	// clog("RJS",n.find(".popup_txt").text("z"))
	// clog("RJS",n.find(".popup_txt").text(txt_msg))
	clog("RJS",n.find(".popup_txt").text(`moderator requests you turn your ${txt_msg} on.`))

	// 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
	}
	mtx.name = "svg_mod"
	add_module(mtx )
	// init_ui_msg()

}

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_av_on(){
	close_popup({that:this})
	set_vid_on()
	set_mic_on()

}
function set_av_off(){
	set_vid_off()
	set_mic_off()

}

function close_popup(e,o){
	var that,j,z
	z = "DFLT"
	if (e.that){
		that = e.that
		z = "e.that"
	} else {
		z = "else"
		that = this
	}
	 if (that == window || !that) {
		z = "!win e.that"
		return

	}

	j = $(that)
	j.parents(".plugin_top_v3").remove()

	clog("close_popup",z,"~~~~~~~",e,o,j)

	// av_btn
}

function set_vid_on(){
	var v
	close_popup({that:this})
	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(){
	close_popup({that:this})
	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}))
	}
	
}

function toggle_overflow_menu(){
	var v

	v =  $(".button-group-right > .toolbox-button-wth-dialog:last .toolbox-button")[0]
	clog("...v",v)
	if (v) {
		v.dispatchEvent(new MouseEvent("click",{bubbles: true}))
	}
	
}

function is_msg_to_me(to){
	var local = get_local()
	if (to == "all" || local.id == to){
		return true
	}


}



async function isbrave12(){
	/*
	var ret 
	var r1
	var r2
	r1 = navigator.brave && await navigator.brave.isBrave() || false
	r2 = navigator.hardwareConcurrency == 12
	ret = r1 && r2
	*/
	// clog(r1,r2,ret)
	// return {r1,r2,ret}
	// return ret
	return ((navigator.brave && await navigator.brave.isBrave() || false) && (navigator.hardwareConcurrency == 12))
	// return ((navigator.brave && await navigator.brave.isBrave() || false) && (navigator.hardwareConcurrency == 12))
}
function isbrave12_then(ib12){
	window.ib12 = ib12
	clog("isbrave12_then",{that:this,args:[...arguments]})
}
isbrave12().then(isbrave12_then)
// ib12 = isbrave12()
// navigator.hardwareConcurrency
// (navigator.brave && await navigator.brave.isBrave() || false)

function req_av_io(o){
	var payload = o.parsed.payload
	clog("....>",o)
	if (payload && !is_msg_to_me(payload.to)){
		// clog("Not for me")
		return 
	}

	switch(payload.act){
	// switch(payload.action){
		case "force_vid_on":
		if (window.ib12){
			break;
		}
		set_vid_on()
		break;
		case "vid_on":
		// set_vid_on()
		init_ui_msg("vid_on")
		clog("~~","vid_on",o)
		break;
		case "vid_off":
		set_vid_off()
		clog("~~","vid_off",o)
		break;
		case "force_mic_on":
		set_mic_on()
		break;

		case "mic_on":
		init_ui_msg("mic_on")
		// set_mic_on()
		clog("~~","mic_on",o)
		break;
		case "mic_off":
		set_mic_off()
		clog("~~","mic_off",o)
		break;
		case "force_av_on":
		set_vid_on()
		set_mic_on()
		break;
		case "av_on":
		// set_vid_on()
		// set_mic_on()
		init_ui_msg("av_on")
		clog("~~","av_on",o)
		break;
		case "av_off":
		set_vid_off()
		set_mic_off()
		clog("~~","av_off",o)
		break;
		default:
		clog("~~","DFLT",o)

		// break;


	}

	clog("req_av_io",{that:this,args:[...arguments]})
}






function req_av_send(o){

            tmsgx({
                "type":"event",
                "payload":o,
                etype:"req_av_io"
            },"code")
}
// req_av_send({act:"av_off","to":"all"})
// req_av_send({to:"all",act:"force_vid_on"})
// 
glob_mx.event_handlers.av2 = {
    fn:req_av_io,
    // fn:nop,
    // m:{etype:"timer_start"},
    m:{etype:"req_av_io"},
}

// $(".button-group-right > .toolbox-button-wth-dialog:last")

// plugin_top_cls plugin_icon_template_v2