ign4

i4/lobby.js

@@ -166,10 +166,10 @@ var mtx_2 ={
 
 if (location.pathname.endsWith("/")){
 insert_lobby()
-ovf_vid()
 } else {
 not_lobby()
 ui_msg()
+ovf_vid()
 }
 svg_dev()
 

rf/i4m/m.css

@@ -99,12 +99,13 @@ html {
 .rooms_dir {
 	/*padding-top: auto;*/
 	/*top: 50%;*/
-	top: 50%;
 	vertical-align: middle;
 	/*display: inline-block;*/
 	/*transform: translate(0,-50%);*/
 	width: calc(100% - 150px);
+	/*top: 50px;*/
 	height: 400px;
+	/*bottom: 10px;*/
 	position: relative;
 	/*outline: 6px solid green;*/
 	margin: auto;
@@ -112,6 +113,9 @@ html {
 
 }
 
+
+/*.roo*/
+
 .rooms_dir_full{
 	/*position: relative;*/
 	/*display: inline;*/
@@ -139,37 +143,6 @@ html {
 	/*outline-offset: 0px;*/
 }
 
-.room_span_container {
-	/*top: 0;*/
-	/*bottom: 0;*/
-	/*scroll-margin: 20px;*/
-	height: 200px;
-	height: calc(200px * (256/159));
-	/*width: 20%;*/
-	background-size: cover;
-	/*margin: 20em;*/
-	margin: 15px;
-	/*border: 20px solid blue;*/
-	/*padding: 20px;*/
-	border-radius: 20px; 
-
-
-
-	width: 200px;
-
-	/*outline: 2px solid #ff0;*/
-	position: relative;
-	display: flex;
-	display: inline;
-	display: inline-block;
-	overflow: hidden;
-	/*scrol*/
-	/*style="--vurl:/ign/rf/artists/fisher.png; --vtitle:"Fisher";"*/
-	/*background-image: url(--vurlx);*/
-	background-image: var(--vurl);
-	/*background-image: url("/ign/rf/artists/fisher.png");*/
-	/*display: inline-flex;*/
-}
 
 .tile_title{
 	/*margin: auto 30px;*/
@@ -262,3 +235,53 @@ content:var(--vtitle);
 	transform: rotate(135deg);
 	/*transform: rotate(45);*/
 }
+
+.room_span_container {
+	/*top: 0;*/
+	/*bottom: 0;*/
+	/*scroll-margin: 20px;*/
+	height: 200px;
+	height: calc(200px * (256/159));
+	width: 200px;
+	/*width: 20%;*/
+	background-size: cover;
+	/*margin: 20em;*/
+	margin: 15px;
+	/*border: 20px solid blue;*/
+	/*padding: 20px;*/
+	border-radius: 20px; 
+
+
+
+
+	/*outline: 2px solid #ff0;*/
+	position: relative;
+	display: flex;
+	display: inline;
+	display: inline-block;
+	overflow: hidden;
+	/*scrol*/
+	/*style="--vurl:/ign/rf/artists/fisher.png; --vtitle:"Fisher";"*/
+	/*background-image: url(--vurlx);*/
+	background-image: var(--vurl);
+	/*background-image: url("/ign/rf/artists/fisher.png");*/
+	/*display: inline-flex;*/
+}
+.room_span_container {
+	/*height: calc(var(--innerHeight) - 40px);*/
+	/*height: calc(var(--innerHeight) - 240px);*/
+	/*width: calc((var(--innerHeight) - 240px) * (159/256));*/
+	/*width: calc((var(--innerHeight) - 40px) * (159/256));*/
+	height: calc(var(--vheight) - 40px);
+	width: calc((var(--vheight) - 40px) * (159/256));
+
+}
+
+
+.rooms_dir {
+	/*background-color: #fff8;*/
+	/*height: calc(var(--innerHeight) - 200px);*/
+	/*height: calc(var(--innerHeight) );*/
+	height: calc(var(--vheight) );
+
+}

rf/i4m/m.js

@@ -16,11 +16,13 @@ function html_js_handler_lobby(rsp) {
 function init_lobby(){
 	saftly_remove(".plugin_top.lobby_root")
 	var lroot = mod_templates_4.find(".lobby_root")
-	lr = lroot[0].outerHTML
+	lr = $(lroot[0].outerHTML)
 	clog("...",lr)
 	// welcome_page
 	// add_node
 	// add_node(n,`.vid_toptoolbar_hook`,"append")
+	// rooms_dir
+	// lr.find(".rooms_dir")[0].style.height = "600px"
 	add_node(lr,"#welcome_page","append")
 	add_tiles()
 	$(".arrow").click(arrow_click_cb)
@@ -220,7 +222,9 @@ function add_tiles(){
 		i+=1
 		clog("//",i)
 	}
-	set_width()
+	resize_tiles()
+	// set_width()
+
 }
 
 
@@ -246,7 +250,27 @@ function px_int(s){
 	ret = ret ? ret : 0
 	return ret
 }
+// CLIENT_RESIZED
+function resize_tiles(){
+	try {
+
+	var Height= window.innerHeight
+	var Width= window.innerWidth
+	var vheight0 = window.innerHeight - 230
+	var vheight = window.innerHeight - 230
+	vheight = Math.max(vheight,350)
+	vheight = Math.min(Height,vheight)
+
+	// if
+	$(".rooms_dir").css({
+		"--innerHeight":`${window.innerHeight}px`,
+		"--vheight":`${vheight}px`,
+		"--innerWidth":`${window.innerWidth}px`,
+	})
+	set_width()
 
+	}catch(err){}
+}
 /*
 $(document).ready(function(){
   var totalWidth = 0;
@@ -257,9 +281,9 @@ $(document).ready(function(){
 });
 */
 
+glob_mx.qxi_cb["CLIENT_RESIZED"] = window.glob_mx.qxi_cb["CLIENT_RESIZED"] || {}
 
-
-
+glob_mx.qxi_cb["CLIENT_RESIZED"].fn = resize_tiles
 
 
 clog(".....2")

rf/i4n/m.js

@@ -181,7 +181,7 @@ function init_i4n(){
 	saftly_remove(".plugin_top_v2.shared_vid_overlay")
 	saftly_remove(".plugin_top_v2.popup_root")
 	add_vid_overlay()
-	build_popup()
+	// build_popup()
 
 	// build_popup_av()
 	// show_popup()

rf/m/m_req.js

@@ -166,14 +166,14 @@ function run_qxi_cbs(key,o){
 		// 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)
+		clog("RUN_HOOK_CB:",k,v)
 		v(o)
 	}
 }
 
 function qxi2(o){
 	if (qxi_skip.includes(o.action.type)){
-		return
+		// return
 	}
 	clog("qxi2",o.action.type,o)
 }

rf/m2/m2.js

@@ -2,13 +2,20 @@
 
 
 
-function dispatch_evnt(){
+function dispatch_evnt(off=0){
 	var v
 	for (v of $(".remote-video-menu-trigger")){
 		// onmouseenter
 		// var e = new MouseEvent("onmouseenter",{bubbles: true})
 		// var e = new MouseEvent("onmouseover",{bubbles: true})
-		var e = new MouseEvent("mouseover",{bubbles: true})
+		var e
+		if (off){
+		e = new MouseEvent("mouseout",{bubbles: true})
+
+		}else{
+		e = new MouseEvent("mouseover",{bubbles: true})
+
+		}
 		v.dispatchEvent(e)
 		// onmouseover
 		// clog([v])

rf/ovf_vid/n.js

@@ -7,3 +7,10 @@ function html_js_handler_ovf_vid(rsp) {
 }
 
 
+function rotate_xyz(){
+	// sorted_tiles
+	var n
+	n = sorted_tiles.pop()
+	sorted_tiles.unshift(n)
+}
+

rf/ui_msg/r.css

@@ -23,10 +23,33 @@
 
 .popup_icons .settings-button-container {
 	display: inline-block;
-	padding: 10px;
+	/*padding: 10px;*/
 	margin: 10px;
+	margin-bottom: 0px;
+
+}
+.popup_icons {
+
+	align-items: center;
+	position: relative;
+	display: inline-block;
+	/*display: inline;*/
+	/*display: block;*/
+	/*position: absolute;*/
+	position: relative;
+	margin: auto;
+	/*display: flex;*/
 }
+.popup_icons_container {
+	text-align: center;
+
 
+	margin: auto;
+	align-items: center;
+	position: relative;
+	align-items: center;
+
+}
 
 
 .ieven {
@@ -49,3 +72,106 @@
 	    /*background-color*/
 }
 
+
+
+.popup_item {
+
+}
+
+.ovmu_item >div:hover {
+	/*background-color: #*/
+	    /*background-color:#313D52;*/
+	    background-color:#446;
+	    color:#eee;
+}
+
+.overflow-menu .overflow-menu-item.ovmu_item {
+	background-color: unset !important;
+	color: unset !important;
+}
+
+.ji_mic_on > svg:first-child{
+		/*fill:#444 !important; */
+		fill:#999 !important; 
+	/*stroke: #444 !important;*/
+}
+
+.x_svg{
+	left:10px;
+	top :-5px;
+	/*right:0;*/
+	fill:#fff !important; 
+	/*stroke: #f00 !important;*/
+	position: absolute;
+}
+
+.popup_item_req .popupmenu__link{
+	/*font-size: 3em !important;*/
+	font-size: 12pt !important;
+
+}
+
+.popup_item_req .popupmenu__text:hover{
+	/*font-size: 3em !important;*/
+	color: #fff;
+	/*font-size: 12pt !important;*/
+	
+}
+
+.popup_item_req .popupmenu__text{
+	/*font-size: 3em !important;*/
+	/*color: #fff;*/
+	pointer-events:unset !important;
+	z-index: 200 !important;
+	/*font-size: 12pt !important;*/
+	
+}
+.popup_item_req .popupmenu__link{
+	pointer-events:unset !important;
+}
+
+/*pointer-events:none*/
+.plugin_top_v3 > .popup_body{
+	width: 600px;
+
+}
+.plugin_top_v3 > .popup_body .popup_txt{
+	font-size: 14pt;
+}
+
+
+
+
+
+
+
+/*
+.display-name-on-black:not(:hover) video {
+    opacity: 1 !important;
+}
+.display-name-on-black video {
+    opacity: .2;
+    visibility: visible;
+*/
+
+/*
+.display-avatar-with-name video, .display-name-on-black .avatar-container {
+    visibility: hidden;
+}
+*/
+
+/*.display-name-on-black .avatar-container {*/
+	/*
+.display-avatar-only .avatar-container {
+    visibility: hidden !important;
+    background-color: red !important;
+}
+	*/
+/*.display-avatar-with-name video{*/
+/*
+.display-avatar-only video{
+    opacity: 1 !important;
+    z-index: 200;
+    visibility: visible !important;
+}
+*/

rf/ui_msg/r.html

@@ -38,9 +38,154 @@
 	POPUP TEXT2
 	
 </div>
-<div class="popup_icons"></div>
+<div class="popup_icons_container">
+	
+<span class="popup_icons"></span>
+</div>
+
+</div>
+</span>
+
+<li class="popupmenu__item popup_item popup_item_t"><a class="popupmenu__link mutelink disabled" id="mutelink_0f26870f"><span class="popupmenu__icon"><div class="jitsi-icon ">
+
+</div></span><span class="popupmenu__text">Muted</span></a></li>
+
+<li class="popupmenu__item popup_item popup_item_req2"><a class="popupmenu__link mutelink disabled" id="mutelink_0f26870f">
+
+	<span class="popupmenu__text">request on</span>
+	<span class="popupmenu__icon"><div class="jitsi-icon ji_mic_on"></div></span></a>
+	</li>
+
+
+
+
+
+
+
+
+
+
+<li class="popupmenu__item popup_item popup_item_req">
+	<!-- <a class="popupmenu__link mutelink disabled" id="mutelink_0f26870f"> -->
+request
+	<span class="popupmenu__text act_cls_vid_off av_io_single av_io av_io_vid av_io_on"> vid</span>
+	<span class="popupmenu__text act_cls_audio_off av_io_single av_io av_io_mic av_io_on"> audio</span>
+	<span class="popupmenu__text act_cls_av_off av_io_single av_io av_io_av av_io_on"> av</span>
+	on
+	<span class="popupmenu__icon"><div class="jitsi-icon ji_mic_on"></div></span>
+<!-- </a> -->
+	</li>
+<li class="popupmenu__item popup_item popup_item_req">
+	<!-- <a class="popupmenu__link mutelink disabled" id="mutelink_0f26870f"> -->
+mute 
+	<span class="popupmenu__text act_cls_vid_off av_io_single av_io av_io_vid av_io_off"> vid</span>
+	<span class="popupmenu__text act_cls_audio_off av_io_single av_io av_io_mic av_io_off"> audio</span>
+	<span class="popupmenu__text act_cls_av_off av_io_single av_io av_io_av av_io_off"> av</span>
+	<span class="popupmenu__icon"><div class="jitsi-icon ji_mic_on"></div></span>
+<!-- </a> -->
+	</li>
+
+
+<!-- av_io_on -->
+<!-- av_io_off -->
+<!-- av_io_mic -->
+<!-- av_io_vid -->
+<!-- av_io_av -->
+<!-- av_io_all -->
+<!-- av_io_single -->
+<!-- 
+av_io_on
+av_io_off
+av_io_mic
+av_io_vid
+av_io_av
+av_io_all
+av_io_single
+
+ -->
+
+
+
+
+
+
+
+
+
+<li aria-label="Edit your profile" class="overflow-menu-item "><span class="overflow-menu-item-icon"><div class="avatar   " style="background-color: rgba(234, 255, 128, 0.4); font-size: 12px; height: 24px; width: 24px;">
+
+
+</div></span><span class="profile-text">z2</span></li>
+
 
+
+
+
+
+<li aria-label="Toggle settings" class="overflow-menu-item ovmu otb ovmu_item">
+
+	<div class="av_io act_cls_mic_off_all av_io_all av_io_mic av_io_off">
+<span>Mute all<span class="ji2_mic_off"></span></span>
+		<span class="overflow-menu-item-icon  "><div class="jitsi-icon ji_mic_off"></div></span>
+</div>
+
+<div class="av_io act_cls_mic_off_all av_io_all av_io_vid av_io_off">
+<span>Mute all</span><span class="ji2_vid_off"></span>
+	<span class="overflow-menu-item-icon  "><div class="jitsi-icon ji_vid_off"></div></span>
+</div>
+
+</li>
+<li aria-label="Toggle settings" class="overflow-menu-item ovmu otb ovmu_item">
+
+	<div class="av_io act_cls_mic_on_all av_io_all av_io_mic av_io_on">
+<span>request on<span class="ji2_mic_off"></span></span>
+		<span class="overflow-menu-item-icon  "><div class="jitsi-icon ji_mic_on"></div></span>
+</div>
+
+<div class="av_io act_cls_vid_on_all av_io_all av_io_vid av_io_on">
+<span>request on</span><span class="ji2_vid_off"></span>
+	<span class="overflow-menu-item-icon  "><div class="jitsi-icon ji_vid_on"></div></span>
 </div>
 
+</li>
+
+
+<li aria-label="Toggle settings" class="overflow-menu-item ovmu otb ovmu_item2"><div><span class="overflow-menu-item-icon  "><div class="jitsi-icon ji_mic_off">
+</div></span><span>Mute all participants<span class="ji2_mic_off"></span></span></div><div><span class="overflow-menu-item-icon  "><div class="jitsi-icon ji_vid_off">
+</div></span><span>Mute all cameras</span><span class="ji2_vid_off"></span></div></li>
+
+
+
+<li aria-label="Toggle settings" class="overflow-menu-item ovmu otb ovmu_item2"><div><span class="overflow-menu-item-icon  "><div class="jitsi-icon ">
+</div></span><span>Mute all participants</span></div><div><span class="overflow-menu-item-icon  "><div class="jitsi-icon ">
+</div></span><span>Mute all cameras</span></div></li>
+
+
+
+
+<span>Settings2</span>
+
+
+
+
+<li aria-label="Toggle settings" class="overflow-menu-item ovmu otb"><div><span class="overflow-menu-item-icon  "><div class="jitsi-icon "><svg height="24" width="24" viewBox="0 0 32 32"><path d="M16 20.688c2.563 0 4.688-2.125 4.688-4.688S18.563 11.312 16 11.312 11.312 13.437 11.312 16s2.125 4.688 4.688 4.688zm9.938-3.375l2.813 2.188c.25.188.313.563.125.875l-2.688 4.625c-.188.313-.5.375-.813.25l-3.313-1.313c-.688.5-1.438 1-2.25 1.313l-.5 3.5c-.063.313-.313.563-.625.563h-5.375c-.313 0-.563-.25-.625-.563l-.5-3.5a8.148 8.148 0 01-2.25-1.313l-3.313 1.313c-.313.125-.625.063-.813-.25l-2.688-4.625c-.188-.313-.125-.688.125-.875l2.813-2.188c-.063-.438-.063-.875-.063-1.313s0-.875.063-1.313l-2.813-2.188c-.25-.188-.313-.563-.125-.875l2.688-4.625c.188-.313.5-.375.813-.25l3.313 1.313c.688-.5 1.438-1 2.25-1.313l.5-3.5c.063-.313.313-.563.625-.563h5.375c.313 0 .563.25.625.563l.5 3.5c.813.313 1.563.75 2.25 1.313l3.313-1.313c.313-.125.625-.063.813.25l2.688 4.625c.188.313.125.688-.125.875l-2.813 2.188c.063.438.063.875.063 1.313s0 .875-.063 1.313z"></path></svg></div></span><span>Settings</span></div></li>
+
+
+
+<li aria-label="Edit your profile" class="overflow-menu-item "><span class="overflow-menu-item-icon"><div class="avatar   " style="background-color: rgba(234, 255, 128, 0.4); font-size: 12px; height: 24px; width: 24px;"><svg class="avatar-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><foreignObject height="100%" width="100%"><span class="avatar-foreign">Z2</span></foreignObject></svg></div></span><span class="profile-text">z2</span></li>
+
+
+<li class="popupmenu__item"><a class="popupmenu__link mutelink disabled" id="mutelink_0f26870f"><span class="popupmenu__icon"><div class="jitsi-icon ">
+	<svg height="24" width="24" viewBox="0 0 32 32"><path d="M5.688 4l22.313 22.313-1.688 1.688-5.563-5.563c-1 .625-2.25 1-3.438 1.188v4.375h-2.625v-4.375c-4.375-.625-8-4.375-8-8.938h2.25c0 4 3.375 6.75 7.063 6.75 1.063 0 2.125-.25 3.063-.688l-2.188-2.188c-.25.063-.563.125-.875.125-2.188 0-4-1.813-4-4v-1l-8-8zM20 14.875l-8-7.938v-.25c0-2.188 1.813-4 4-4s4 1.813 4 4v8.188zm5.313-.187a8.824 8.824 0 01-1.188 4.375L22.5 17.375c.375-.813.563-1.688.563-2.688h2.25z"></path></svg>
+</div></span><span class="popupmenu__text">Muted</span></a></li>
+
+
+
+<li class="popupmenu__item"><a class="popupmenu__link mutelink" id="mutelink_0f26870f"><span class="popupmenu__icon"><div class="jitsi-icon ">
+	<svg fill="none" height="24" width="24" viewBox="0 0 24 24"><g clip-path="url(#mute-everyone-else_svg__clip0)" fill-rule="evenodd" clip-rule="evenodd" fill="#fff"><path d="M6 13.078V15c0 1.4.959 2.576 2.256 2.907A.756.756 0 008.25 18v1.438A4.501 4.501 0 014.5 15 .75.75 0 003 15c0 3.06 2.29 5.584 5.25 5.954v.796a.75.75 0 001.5 0v-.796a5.97 5.97 0 002.92-1.207l2.529 2.53a.762.762 0 101.078-1.078l-2.53-2.53.009-.01-1.073-1.073-.008.011-1.084-1.084.007-.012-1.141-1.141-.004.015L7.5 12.422v-.019l-1.5-1.5v.019L2.801 7.723a.762.762 0 10-1.078 1.078L6 13.078zm1.5 1.5V15a1.5 1.5 0 001.875 1.453L7.5 14.578zm3.013 3.013a2.984 2.984 0 01-.769.316c.004.03.006.061.006.093v1.438a4.476 4.476 0 001.847-.763l-1.084-1.084zM12 14.747l-1.5-1.5V10.5a1.5 1.5 0 00-2.982-.235l-1.17-1.17A3 3 0 0112 10.5v4.247zm1.362 1.362l1.184 1.184A5.983 5.983 0 0015 15a.75.75 0 00-1.5 0c0 .383-.048.754-.138 1.11zM16 4.719V6a2 2 0 001.504 1.938A.508.508 0 0017.5 8v.959A3 3 0 0115 6a.5.5 0 00-1 0 4 4 0 003.5 3.969v.531a.5.5 0 001 0v-.531a3.98 3.98 0 001.946-.804l1.686 1.686a.508.508 0 00.72-.719l-1.687-1.686.006-.007-.716-.715-.005.007-.723-.722.005-.008-.76-.761-.004.01L17 4.28V4.27l-1-1v.012L13.868 1.15a.508.508 0 10-.72.719L16 4.718zm1 1V6a1 1 0 001.25.969L17 5.719zm2.009 2.008c-.159.093-.33.164-.513.211.003.02.004.041.004.062v.959a2.984 2.984 0 001.232-.509l-.723-.723zM20 5.831l-1-1V3a1 1 0 00-1.988-.157l-.78-.78A2 2 0 0120 3v2.831zm.908.908l.79.79A3.99 3.99 0 0022 6a.5.5 0 00-1 0c0 .255-.032.503-.092.74z"></path></g><defs><clipPath id="mute-everyone-else_svg__clip0"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg>
+</div></span><span class="popupmenu__text">Mute everyone else</span></a></li>
+
+
+
 
 </span>

rf/ui_msg/r.js

@@ -6,7 +6,10 @@ function html_js_handler_ui_msg(rsp) {
 	mod_templates_ui_msg = $(`<span>${rsp}</span>`)[0].outerHTML
 	clog("html_js_handler_lobby2")
 	// init_lobby()
-	init_ui_msg()
+	// init_ui_msg()
+	if (window.refresh_overflow_menu){
+		refresh_overflow_menu()
+	}
 	// clog("html_js_handler_lobby3")
 	// init_api6()
 }
@@ -18,7 +21,8 @@ glob_mx.svg = window.glob_mx.svg || {}
 // plugin_top_v3
 // plugin_top_v3 popup_root
 // plugin_top_cls plugin_icon_template_v2
-function init_ui_msg(url,name){
+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
@@ -26,14 +30,38 @@ function init_ui_msg(url,name){
 	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
+	// 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)
@@ -41,6 +69,36 @@ function init_ui_msg(url,name){
 	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)
@@ -68,6 +126,13 @@ function init_ui_msg(url,name){
 	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")
@@ -110,6 +175,7 @@ var mtx ={
 		// mod_path
 	}
 	add_module(mtx )
+	// init_ui_msg()
 
 }
 
@@ -127,7 +193,7 @@ function svg_rld_cb(rsp,status,xhr){
 	} else {
 	glob_mx.svg[xhr.file.name] = rsp
 	}
-	init_ui_msg()
+	// init_ui_msg()
 	// window[this.success_js](rsp,status,xhr)
 	// window[xhr.file.success_js](rsp,status,xhr)
 }
@@ -191,8 +257,45 @@ function vid_toggle(){
 
 
 
+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) {
@@ -219,6 +322,7 @@ function set_mic_off(){
 }
 
 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)
@@ -247,5 +351,107 @@ function toggle_vid(){
 	
 }
 
+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
+	}
+
+
+}
+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":
+		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"})
+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

rf/ui_msg/r1.js

@@ -5,10 +5,44 @@ glob_mx.qxi_cb.SET_OVERFLOW_MENU_VISIBLE = glob_mx.qxi_cb.SET_OVERFLOW_MENU_VISI
 
 function rvm_to(a){
 	clog("rvm_to RemoteVideoMenu...",a, $(".popover"))
+	// popup_item
+	var n
+
+	var svg,icon_template
+
+	var jmod_templates_ui_msg = $(mod_templates_ui_msg)
+	// n = jmod_templates_ui_msg.find(".popup_item_t")
+	// n = jmod_templates_ui_msg.find(".popup_item")
+	n = jmod_templates_ui_msg.find(".popup_item_req")
+	// ji_mic_on
+	/*
+
+	// svg = $(`<span>${glob_mx.svg["mic-disabled.svg"]}</span>`).find("svg").addClass("icon_svg")                                  
+	svg = $(`<span>${glob_mx.svg["mic-camera-combined.svg"]}</span>`).find("svg").addClass("icon_svg")                                  
+	// svg[0].setAttribute("width",16)                           
+	// svg[0].setAttribute("height",16)  
+	n.find(".jitsi-icon").append(svg)
+
+	svg = $(`<span>${glob_mx.svg["close.svg"]}</span>`).find("svg").addClass("icon_svg")                                  
+	svg[0].setAttribute("width",16)                           
+	svg[0].setAttribute("height",16) 
+	svg.addClass("x_svg") 
+	n.find(".jitsi-icon").append(svg)
+	*/
+
+	// ji_mic_on
+	// popup_item
+	// popupmenu
+	n.find(".av_io").click(evnt_av_io)
+	$(".popupmenu").prepend(n)
+
+
+
 
 }
 
 glob_mx.hook_cb.RemoteVideoMenu.fn = function(o,a2){
+	if (!window.iammod){return}
 	if ($(".popover").length){
 		return
 	}
@@ -21,16 +55,152 @@ glob_mx.hook_cb.RemoteVideoMenu.fn = function(o,a2){
 
 // qxi_cb
 
+function somv_to(a){
+	var n
+	// clog("rvm_to RemoteVideoMenu...",a, $(".popover"))
+	var svg,icon_template
+	var jmod_templates_ui_msg = $(mod_templates_ui_msg)
+	n = jmod_templates_ui_msg.find(".ovmu_item")
+	// n.find(".popup_body").prepend(svg)
+	// n.find(".popup_body").prepend(svg)
+	// ji_mic_off
+	// ji_vid_off
+
+	// icon_template = $(jmod_templates_ui_msg.find(".settings-button-container")[0].outerHTML)
+	// icon_template.find(".jitsi-icon").append(svg)
+	svg = $(`<span>${glob_mx.svg["camera-disabled.svg"]}</span>`).find("svg").addClass("icon_svg")   
+	clog("svg...",svg,svg[0].width)
+	// svg[0].width =24    
+	// svg[0].height =24
+	svg[0].setAttribute("width",20)                           
+	svg[0].setAttribute("height",20)                           
+	n.find(".jitsi-icon.ji_vid_off").append(svg)
+	// n.find(".ji2_vid_off").append(svg)
+	svg = $(`<span>${glob_mx.svg["mic-disabled.svg"]}</span>`).find("svg").addClass("icon_svg")                                  
+	svg[0].setAttribute("width",20)                           
+	svg[0].setAttribute("height",20)  
+	n.find(".jitsi-icon.ji_mic_off").append(svg)
+
+
 
+	svg = $(`<span>${glob_mx.svg["microphone.svg"]}</span>`).find("svg").addClass("icon_svg")                                  
+	svg[0].setAttribute("width",20)                           
+	svg[0].setAttribute("height",20)  
+	n.find(".jitsi-icon.ji_mic_on").append(svg)
+
+	svg = $(`<span>${glob_mx.svg["camera.svg"]}</span>`).find("svg").addClass("icon_svg")   
+	clog("svg...",svg,svg[0].width)
+	// svg[0].width =24    
+	// svg[0].height =24
+	svg[0].setAttribute("width",20)                           
+	svg[0].setAttribute("height",20)                           
+	n.find(".jitsi-icon.ji_vid_on").append(svg)
+	// n.find(".popup_icons").append(icon_template)
+
+
+
+	n.find(".av_io").click(evnt_av_io)
+	$(".overflow-menu").prepend(n)
+
+	disp(glob_react.toolbox.setToolbarHovered(!!1))
+
+	// $(".overflow-menu").append(n)
+
+
+}
 glob_mx.qxi_cb["SET_OVERFLOW_MENU_VISIBLE"].fn = function (o,a2){
+	if (!window.iammod){return}
+	// somv_to()
+	setTimeout(somv_to,0,"A")
 	clog("SET_OVERFLOW_MENU_VISIBLE.",o,$(".overflow-menu"))
+	/*
+	// ovmu_item
+	var jmod_templates_ui_msg = $(mod_templates_ui_msg)
+	n = jmod_templates_ui_msg.find(".ovmu_item")
+	// n.find(".popup_body").prepend(svg)
+	// n.find(".popup_body").prepend(svg)
+	$(".overflow-menu").append(n)
+	*/
+
+
 }
 
 // qxi_cb
 
+/*
+av_io_on
+av_io_off
+av_io_mic
+av_io_vid
+av_io_av
+av_io_all
+av_io_single
+
+*/
+
+function evnt_av_io(a,a2,a3){
+	var o = {
+		act:""
+	}
+	// if 
+	var n,j,i,k
+	var av_io_on,av_type,av_all_single,av_all
+	// var av_all,av_single
+
+	j = $(this)
+
+	av_io_on = j.hasClass("av_io_on")
+	av_all = j.hasClass("av_io_all")
+	if (j.hasClass("av_io_mic")){
+		av_type = "mic"
+		// av_type = "av"
+	} else if (j.hasClass("av_io_vid")){
+		av_type = "vid"
+
+	} else if (j.hasClass("av_io_av")){
+		av_type = "av"
+
+	}
+	o.act += av_type + "_"
+	if (av_io_on){
+		o.act += "on"
+	} else {
+		o.act += "off"
+
+	}
+	if (av_all){
+		o.to = "all"
+	} else {
+		// participant_07b5a03f
+		j.parents(".small_vid")[0]
+		// clog("ELS",j.parents(".small_vid")[0].id.split("_").pop())
+		// o.id = j.parents(".small_vid")[0].id.split("_").pop()
+		o.to = j.parents(".small_vid")[0].id.split("_").pop()
+		// o.to = "abc"
+	}
+	req_av_send(o)
+
+	clog("evnt_av_io,,,,",o,{av_io_on,av_type,av_all,vid:j.parents(".small_vid")})
+	clog("evnt_av_io",a,a2,a3,this)
+}
+
+function refresh_overflow_menu(){
+	toggle_overflow_menu()
+	setTimeout(toggle_overflow_menu,100)
+	dispatch_evnt(1)
+	setTimeout(dispatch_evnt(),50)
+
+}
+
+
 
 clog("R1")
 // $(".popover")
-dispatch_evnt()
+// dispatch_evnt()
+// refresh_overflow_menu()
+// toggle_overflow_menu()
+// toggle_overflow_menu()
+// toggle_overflow_menu()
+