function event_test(){ tmsgx({ "type":"event", "payload":'{path,key,val}', },"code") } function event_test(){ tmsgx({ "type":"event", "payload":'{path,key,val}', },"code") } function all_plugin_events(e){ // clog("all_plugin_events",[this],[...arguments]) } glob_mx.event_handlers.e1 = { fn:all_plugin_events, fn:nop, // m:{etype:"timer_start"}, m:{}, } glob_mx.event_handlers.e2 = { fn:all_plugin_events, fn:nop, // m:{etype:"timer_start"}, m:{etype:"z"}, } function sort_id(a, b) { return a > b /* if (a is less than b by some ordering criterion) { return -1; } if (a is greater than b by the ordering criterion) { return 1; } // a must be equal to b return 0; */ } function sort_id2(a, b) { return a < b } function sort_id3(a, b) { if (a.id > b.id){ return 1 } else if (a.id < b.id){ return -1 } return 0 } indexed_tiles = [] // indexed_map=0 // reverse_indexed_map=0 indexed_map = window.indexed_map || new Map() reverse_indexed_map = window.reverse_indexed_map || new Map() function array_move(arr, old_index, new_index) { if (new_index >= arr.length) { var k = new_index - arr.length + 1; while (k--) { arr.push(undefined); } } arr.splice(new_index, 0, arr.splice(old_index, 1)[0]); return arr; // for testing }; function mod_sort(){ // if (amimod()){} else {return} var arr = [] var ivid = {} var k,v var j = $(".small_vid:not(.pseudo_vid)") // clog(j) var part = get_participants() var parts =jc(part).sort(sort_id3) // clog(parts,part) var cnt = 0 for (k of parts){ // clog(k) j = k.local ? $("#localVideoContainer") : $(`#participant_${k.id}`) j.css({"--v_index":`"I: ${cnt}"`}) j.css({"--v_id":`"${k.id}"`}) j[0].dataset.v_index = cnt arr.push(j[0]) cnt += 1 } v = $(".pseudo_vid") for (k of v){ // clog(k) $(k).css({"--v_index":`"I: ${cnt}"`}) $(k).css({"--v_id":`"pseudo_${cnt}"`}) arr.push(k) $(k)[0].dataset.v_index = cnt cnt += 1 } remap_sort(arr) window.sorted_tiles = arr // for } function remap_sort(arr){ var k,v for ([k,v] of indexed_map){ // clog(k,v) var old_index = sorted_tiles.indexOf(k) array_move(arr,old_index,v) // clog(cnt,sorted_tiles.includes(k),v,k) // cnt += 1 } } function remap_set(vid,loc){ if (typeof(vid)=="number"){ vid = sorted_tiles[vid] } var old = reverse_indexed_map.get(loc) // reverse_indexed_map indexed_map.delete(old,loc) indexed_map.set(vid,loc) reverse_indexed_map.set(loc,vid) var k,v var cnt = 0 for ([k,v] of indexed_map){ // clog(k,v) clog(cnt,sorted_tiles.includes(k),v,k) cnt += 1 } } // sort_results = [] sort_results = new Map() function test_sort(){ // if (amimod()){} else {return} var arr = [] var ivid = {} var k,v var j = $(".small_vid:not(.pseudo_vid)") // clog(j) var part = get_participants() var p1 = jc(part) var parts =jc(part).sort(sort_id3) // clog(parts,part) var cnt = 0 var ret = { arr:[], arr_id:[], arr_j:[], } var i for (k of parts){ // clog(k) j = k.local ? $("#localVideoContainer") : $(`#participant_${k.id}`) // j.css({"--v_index":`"I2: ${cnt}"`}) // j[0].dataset.v_index = cnt ret.arr.push(k) ret.arr_j.push(j) ret.arr_id.push(k.id) cnt += 1 } v = $(".pseudo_vid") for (k of v){ // clog(k) // $(k).css({"--v_index":`"I2: ${cnt}"`}) // j[0].dataset.v_index = cnt cnt += 1 } sort_results.setD(JSON.stringify(ret.arr_id),{c:0}) i = sort_results.get(JSON.stringify(ret.arr_id)) i.c += 1 clog(sort_results) return ret // for } a1 = [2,54,2.5,"a","b"] a1 = ["2","_54","2.5","zas","AA","","xyz","a","b"] a2 = ["2","_54","2.5","zas","AA","","xyz","b","a"] mod_sort() function quick_layout(){ init_api6() // calc_fs_dims0() calc_fs_dims() // setTimeout(quick_layout2,1000) new_move() mod_sort() dispatch_resize() } function quick_layout2(){ // init_api6() // calc_fs_dims0() // calc_fs_dims() new_move() mod_sort() dispatch_resize() } quick_layout()