q

rf/conn/rx4.js

@@ -87,7 +87,7 @@ function connect_ws(){
             var state = APP.store.getState()
             // locked
 
-            clog("IS MOD TRU")
+            // clog("IS MOD TRU")
         wsfn.s({pop:state["features/base/participants"].length,
             locked:state["features/base/conference"].locked ? true : false,
 

rf/dev_ov/t.css

@@ -10,10 +10,28 @@
 .small_vid_overlay_v2{
 	position: relative;
 	width: 100%;
+	/*display: none;*/
+	/*background-color: #004;*/
 	text-align:center;
+	z-index: 300;
+	color: #fff;
 
 }
 
+.small_vid_overlay_v2.z:before {
+	/*position: absolute;*/
+	content: "z";
+	width: 30px;
+	content: var(--v_index);
+}
+.small_vid_overlay_v2.z:after {
+	background-color: #000;
+	position: absolute;
+	content: "z";
+	width: 30px;
+	top:2em;
+	content: var(--v_index2);
+}
 .vid_toptoolbar_hook {
 
 	/*text-align:center;*/

rf/dev_ov/t.html

@@ -2,5 +2,6 @@
 
 <div></div>
 <span class="dev_ov_template plugin_root small_vid_overlay"><span class="small_vid_overlay_v2">
-OVERLAY</span>
+<!-- OVERLAY -->
+</span>
 </span>

rf/filmstrip_mod/m.js

@@ -462,6 +462,8 @@ function rotate_vids(){
 }
 
 function scroll_send(){
+    // clog("zzzzzzzzzz")
+    // scroll_disabled
     return
 
             tmsgx({

rf/filmstrip_mod/m0.js

@@ -564,6 +564,9 @@ color_palette=[
 ]
 
 
+
+window.glob_mx.arrs = window.glob_mx.arrs || {}
+
 function mod_sort(){
     clog("mod_sort")
     var arr = []
@@ -625,9 +628,16 @@ window.reverse_indexed_map =  new Map()
         cnt += 1
     }
 
+    glob_mx.arrs.remotes = [...arr]
+    cnt = 0
+    for (k of arr){
 
+        $(k).css({"--v_index2":`"I2: ${cnt}"`})
+        cnt +=1
+    }
 
     arr.push(...parr)
+    glob_mx.arrs.all = [...arr]
     window.arig_tiles = jc(arr)
     // remap_set($(".local_vid")[0],1)
     remap_set($(".local_vid")[0],3)
@@ -756,6 +766,8 @@ timeout_scroll_glob = window.timeout_scroll_glob || {
 }
 timeout_scroll_glob.stop=1
 function timeout_scroll(rid){
+    // scroll_disabled
+    return
     // clog("Tscroll",rid,timeout_scroll_glob)
     if (timeout_scroll_glob.stop || rid != timeout_scroll_glob.rid){
         // clog("tscroll stop")

rf/fs.css

@@ -402,7 +402,11 @@ pointer-events: none;
 .ind_2,.ind_1 {
 	/*display: none;*/
 }
-
+y
+#sharedVideoContainer{
+/*#sharedVideoContainer.focus_test{*/
+	/*outline: 6px solid #0f0;*/
+}
 /*
 .z.small_vid video {
 */

rf/m/m_req.js

@@ -235,7 +235,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/m2/m2.js

@@ -75,8 +75,9 @@ function refresh_toolbar_config(){
 	if (isMod || xtra_permission){
 
 	} else {
-		arr_rmv(interfaceConfig.TOOLBAR_BUTTONS,"desktop")
-		arr_rmv(interfaceConfig.TOOLBAR_BUTTONS,"sharedvideo")
+		// arr_rmv(interfaceConfig.TOOLBAR_BUTTONS,"desktop")
+		// arr_rmv(interfaceConfig.TOOLBAR_BUTTONS,"sharedvideo")
+		
 		// arr_rmv(interfaceConfig.TOOLBAR_BUTTONS,"")
 	}
 		arr_rmv(interfaceConfig.TOOLBAR_BUTTONS,"videobackgroundblur")

rf/ovf_vid/n.js

@@ -33,17 +33,80 @@ function rand_int(max) {
 
 function ordered_focus(){
 	var focused = $(".focus_test")
-	var participants = get_participants()
-	var small_vids = get_smallvids()
+	// if ()
+	focused.removeClass("focus_test")
+	if (!focused.length){
+		test_focus(1)
+		return
+	}
 
+    var part = get_participants()
+    var parts =jc(part).sort(sort_id3)
+    var i,k,j,v
+	var oarr
+	var sv_arr 
+    oarr = []
+    for (k of parts){
+    	if (k.isFakeParticipant){
+    		j = $("#sharedVideoContainer")
+    		v = j[0]
+    	} else {
+    		j = k.local ? $("#localVideoContainer") : $(`#participant_${k.id}`)
+    		v = j[0]
+    	}
+    	v ? oarr.push(v) : 0
+    }
+
+
+    sv_arr = oarr
+	// var svarr = [...glob_mx.arrs.remotes]
+	// sv_arr = glob_mx.arrs.remotes || []
+	var indx=  sv_arr.indexOf(focused[0])
+	indx += 1
+	if ( indx + 1 > sv_arr.length){
+		indx = 0
+	}
+	// clog(sv_arr[indx],indx)
+	$(sv_arr[indx]).addClass("focus_test")
 
 
-	// var id = $(".focus_test")
 
+	
+
+    return {
+    	part,
+    	parts,
+    	oarr,
+    	indx,
+    }
+
+
+	// test_focus(indx + 1)
+
+	// glob_mx.arrs.remotes
 
+	// var participants = get_participants()
+	// var small_vids = get_smallvids()
+	// var small_vids_id = oid_v2(small_vids,"videoSpanId",{})
 
+	// var small_vid_id_arr = 
+	// small_vids_id
+
+	// var id = $(".focus_test")
 }
 
+function ps(){
+	var participants = get_participants()
+	var small_vids = get_smallvids()
+
+	for (v of small_vids){
+		clog(v)
+	}
+}
+
+function focus_focus(){
+	$(".focus_test").click()
+}
 
 function test_focus(vid){
 	var small_vids = get_smallvids()

rf/svg_edit/rhtml.js

@@ -0,0 +1,55 @@
+ 
+
+// mtx_t = {	
+// 	// js:["ign/m/timer/m.js","ign/m/timer/m0.js"],
+// 	js:[,`${mod_path_t}t_fns.js`,`${mod_path_t}t_api_fn.js`,`${mod_path_t}t.js`,],
+// 	css:[`${mod_path_t}t.css`],
+// 	html:[{url:`${mod_path_t}t.html`,diffH:get_cui_html,success:html_rld_cb4,success_js:"html_js_handler_t"}]
+// 	}
+
+// mod_templates = window.mod_templates || $("")
+// rld_html = window.rld_html || $("")
+rld_html = $("")
+
+
+function html_rld(rsp){
+	clog("HTML_RLD")
+	if (rld_html.length){
+		clog("location.reload")
+	location.reload()
+	}
+	rld_html =$(rsp)
+	// location.reload()
+}
+function load_calc_mod() {
+	// body...
+	// clog("This is lobby2")
+var mod_path ="/ign/rf/svg_edit/"
+var n ="svge"
+
+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}1.js`,
+	],
+	// css:[`${mod_path}${n}.css`],
+	html:[
+	{url:`${mod_path}${n}.html`,diffH:get_cui_html,success:html_rld_cb4,success_js:"html_rld"},
+	// C:\bspace\repos\jc4\ign4\rf\img\full-frame.svg
+	// {url:`ign/rf/img/full-frame.svg`,diffH:get_cui_html,success:html_rld_cb4,success_js:"svg_icon_handler"},
+	// {url:`ign/rf/img/full-frame_24.svg`,diffH:get_cui_html,success:html_rld_cb4,success_js:"svg_icon_handler2"},
+	]
+	}
+
+	setTimeout(add_module,300,mtx_2)
+
+
+
+}
+
+load_calc_mod()
+clog("CJS~~~~~~~~~~~~~")
+
+

rf/svg_edit/svg_parser.js

@@ -0,0 +1,55 @@
+
+/**
+ * expected argument lengths
+ * @type {Object}
+ */
+
+var length_v = {a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0}
+
+/**
+ * segment pattern
+ * @type {RegExp}
+ */
+
+var segment = /([astvzqmhlc])([^astvzqmhlc]*)/ig
+
+/**
+ * parse an svg path data string. Generates an Array
+ * of commands where each command is an Array of the
+ * form `[command, arg1, arg2, ...]`
+ *
+ * @param {String} path
+ * @return {Array}
+ */
+
+function parse(path) {
+	var data = []
+	path.replace(segment, function(_, command, args){
+		var type = command.toLowerCase()
+		args = parseValues(args)
+
+		// overloaded moveTo
+		if (type == 'm' && args.length > 2) {
+			data.push([command].concat(args.splice(0, 2)))
+			type = 'l'
+			command = command == 'm' ? 'l' : 'L'
+		}
+
+		while (true) {
+			if (args.length == length_v[type]) {
+				args.unshift(command)
+				return data.push(args)
+			}
+			if (args.length < length_v[type]) throw new Error('malformed path data')
+			data.push([command].concat(args.splice(0, length_v[type])))
+		}
+	})
+	return data
+}
+
+var number = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig
+
+function parseValues(args) {
+	var numbers = args.match(number)
+	return numbers ? numbers.map(Number) : []
+}

rf/svg_edit/svge.css

@@ -0,0 +1,7 @@
+
+path {
+	fill:#0ff;
+	stroke: 1px solid #000;
+	stroke: #000;
+	stroke-width: .2px;
+}

rf/svg_edit/svge.html

@@ -0,0 +1,105 @@
+
+<html>
+<head>
+	<title>t0</title>
+	<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
+	    <script class="rld" src="/ign/rf/u/universals.js?c=023"></script>
+    <script class="" src="/ign/rf/u/proto_ext.js?c=023"></script>
+    <script class="" src="/ign/rf/preload.js?c=023"></script>
+    <script class="rld" src="/ign/rf/inspect_utils.js?c=023"></script>
+
+    <script class="rld" src="/ign/rf/m/m_req.js?c=023"></script>
+    <script src="/rldjs/rldjs3_2.js?v=139"></script>
+    <!-- <script src="/rldjs/rldjs3.js?v=139"></script> -->
+    <!-- <script src="/rldjs/rldjs2.js?v=139"></script> -->
+    <script class="rld rrld" src="/ign/rls.js?c=023"></script>
+
+
+
+    <script class="rld" src="/ign/rf/m/_m_utils.js?c=023"></script>
+    <script class="rld" src="/ign/rf/m/m_utils.js?c=023"></script>
+    <script class="rld" src="/ign/rf/m/m_api_v2.js?c=023"></script>
+
+
+
+     <!-- <script class="rld" src="/ign/rf/calc/c.js?c=023"></script> -->
+     <script class="rld" src="/ign/rf/svg_edit/rhtml.js?c=023"></script>
+     <script class="rld" src="/ign/rf/svg_edit/svge_load_mod.js?c=023"></script>
+     <script class="rld" src="/ign/rf/svg_edit/svg_parser.js?c=023"></script>
+     <script class="rld" src="/ign/rf/svg_edit/svge.js?c=023"></script>
+
+       <meta class="m0 module">
+    <link class="rld" rel="stylesheet" href="/ign/rf/svg_edit/svge.css?c=023">
+
+
+<!-- 
+    <script class="rld" src="ign/m/m_req.js?c=023"></script>
+
+
+    <script class="rld" src="ign/r0.js?c=023"></script>
+    <script class="rld" src="ign/tfn.js?c=023"></script>
+ -->
+
+
+<!-- APP -->
+<!-- 
+    <script class="rld" src="ign/react_fn.js?c=023"></script>
+
+    <script class="rld" src="ign/r1.js?c=023"></script>
+    <script class="rld" src="ign/r2.js?c=023"></script>
+
+
+
+
+    
+
+
+
+    <script class="rld" src="ign/deep_walk.js?c=023"></script>
+    <script class="rld" src="ign/deep_walk2.js?c=023"></script>
+
+
+
+
+    <script class="rld" src="ign/m/m_const.js?c=023"></script>
+    <script class="rld" src="ign/m/_m_utils.js?c=023"></script>
+    <script class="rld" src="ign/m/m_utils.js?c=023"></script>
+    <script class="rld" src="ign/m/m_api_html.js?c=023"></script>
+
+
+
+    <script class="rld" src="ign/tconn.js?c=023"></script>
+    <script class="rld" src="ign/cui5.js?c=023"></script>
+
+
+    <script class="rld" src="ign/m/m_api.js?c=023"></script>
+
+
+
+
+
+    <script class="rld" src="ign/fs_hook.js?c=023"></script>
+    <script class="rld" src="ign/resize_hook.js?c=023"></script>
+
+
+    <link class="rld" rel="stylesheet" href="ign/r0.css?c=023">
+    <link class="rld" rel="stylesheet" href="ign/fs.css?c=023">
+
+ -->
+
+</head>
+<body>
+
+
+<div class="root"></div>
+
+</body>
+</html>
+
+
+
+
+
+ 
+
+

rf/svg_edit/svge.js

@@ -0,0 +1,22 @@
+
+
+
+
+
+function insert_svg() {
+	// glob_mx.svg["full-frame_24.svg"]
+	var svg = $(glob_mx.svg["full-frame.svg"]).filter("svg")
+	svg.addClass("svge")
+	$(".svge").remove()
+	$(".root").append(svg)
+	window.p = $("path")[0]
+	// window.p = $("path")[0].innerHTML
+	window.pr = parse(p.getAttribute("d"))
+
+	// body...
+}
+
+// $("path")[0].innerHTML
+
+// p.getAttribute("d")
+insert_svg()

rf/svg_edit/svge_load_mod.js

@@ -0,0 +1,66 @@
+
+function svg_dev() {
+	// body...
+	// clog("This is lobby2")
+var mod_path ="/ign/rf/svg_dev/"
+
+var mtx_2 ={	
+	// 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:`${mod_path}m.html`,diffH:get_cui_html,success:html_rld_cb4,success_js:"html_js_handler_svg"},
+	// C:\bspace\repos\jc4\ign4\rf\img\full-frame.svg
+	/*
+
+	{url:`/ign/rf/img/full-frame.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"svg_icon_handler"},
+	{url:`/ign/rf/img/full-frame_24.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"svg_icon_handler2"},
+
+		{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/menu.svg`,diffH:get_cui_html,success:html_rld_cb4,success_js:"svg_icon_handler"},
+	// {url:`/react/features/base/icons/svg/thumb-menu.svg`,diffH:get_cui_html,success:html_rld_cb4,success_js:"svg_icon_handler"},
+	]
+	}
+
+	mtx_2.name = "svg_dev"
+	setTimeout(add_module,300,mtx_2)
+
+
+
+
+}
+function svg_dev2() {
+	// body...
+	// clog("This is lobby2")
+var mod_path ="/ign/rf/svg_dev/"
+	var mtx_3	= {
+		html:[
+			{url:`/ign/rf/img/full-frame.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"svg_icon_handler"},
+		{url:`/ign/rf/img/full-frame_24.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"svg_icon_handler2"},
+	
+			{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"},
+		]
+	}
+	setTimeout(add_module,1600,mtx_3)
+	setTimeout(insert_svg,1900,mtx_3)
+
+}
+
+svg_dev()
+setTimeout(svg_dev2,1000)
+// svg_dev2()
+
+
+

rf/ui_msg/r.css

@@ -139,3 +139,8 @@
 	font-size: 14pt;
 }
 
+
+
+.ff_timeout {
+	width: 4em;
+}

rf/ui_msg/r.html

@@ -231,18 +231,23 @@ disable
 <span class="m follow_focus_timeout">
 
   <label for="ov_timeout">ff time</label>
-  <input type="number" id="ff_timeout" name="ff_timeout" min=.4 step=.1>
+  <input type="number" id="ff_timeout" class="ff_timeout ff_inp" name="ff_timeout" data-ivar="ff_timeout" min=.4 step=.1>
 
 <br>
-<input type="checkbox" id="ff_ordered" name="ov_timeout_disable">
+<input type="radio" id="ff_ordered" class="ff_inp" name="ff_algo" data-ivar="ff_ordered">
 <label for="ff_ordered" class="inline_input">
 ordered
 </label>
 <br>
-<input type="checkbox" id="ff_rand" name="ov_timeout_disable">
+<input type="radio" id="ff_rand" class="ff_inp" name="ff_algo" data-ivar="ff_rand">
 <label for="ff_rand" class="inline_input">
 random
 </label>
+<br>
+<input type="radio" id="ff_none" class="ff_inp" name="ff_algo" data-ivar="ff_none">
+<label for="ff_none" class="inline_input">
+	none
+</label>
 </span>
 </li>
 <!-- <span class="inline_input"><button id="scroll_now" class="inline_input">scroll now</button></span> -->

rf/ui_msg/r1.js

@@ -102,9 +102,11 @@ function somv_to(a){
 	n.find(".av_io").click(evnt_av_io)
 
 	$(".toolbox-content .overflow-menu").prepend(n)
-	if (amimod()){
+	if ( amimod() || 1){
 	n = jmod_templates_ui_msg.find(".ovmu_ff")
+	set_ovmu_ff3()
 	set_ovmu_ff(n)
+	// set_ovmu_ff2(n)
 	$(".toolbox-content .overflow-menu").prepend(n)
 	}
 
@@ -115,6 +117,51 @@ function somv_to(a){
 
 }
 
+function ovmu_change(event){
+	clog("ovmu_change",event.target.dataset,{that:this,event,args:[...arguments]})
+
+}
+
+function set_ovmu_dflts(n){
+	var i,k,v,j
+	var type,ivar
+	for (v of $(n)){
+		ivar = v.dataset.ivar
+		type = v.type
+	}
+
+}
+
+function set_ovmu_ff3(n){
+	msto.conference.ff ? 0 : msto.conference.ff = {
+		number:{
+	ff_timeout:5,
+		},
+		
+		radio:{
+	ff_algo:"ff_none"
+		},
+		checkbox:{},
+	// ff_ordered:0,
+	// ff_rand:0,
+	} 
+	clog("set_ovmu_ff3",jc(msto.conference.ff))
+	set_ovmu_dflts(n)
+
+
+	// clog("set_ovmu_ff2",n)
+	// $("#sideToolbarContainer").change(ovmu_change)
+	// $(".id_sideToolbarContainer").change()
+	$(".id_sideToolbarContainer").off("change")
+	$(".id_sideToolbarContainer").change(ovmu_change)
+
+}
+function set_ovmu_ff2(n){
+	clog("set_ovmu_ff2",n)
+	n.change(ovmu_change)
+
+}
+
 function set_ovmu_ff(n){
 	        msto.conference.rotate_index = msto.conference.rotate_index || 0