You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

m.js 6.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
  1. mod_templates_svg = window.mod_templates_svg || $("")
  2. mod_templates_svg_icon = window.mod_templates_svg_icon || $("")
  3. mod_templates_svg_icon2 = window.mod_templates_svg_icon2 || $("")
  4. // reload templates
  5. glob_mx.svg = window.glob_mx.svg || {}
  6. function svg_rld_cb(rsp,status,xhr){
  7. // clog("svg_rld_cb!",this,[...arguments])
  8. clog("svg_rld_cb!",{that:this,rsp,status,xhr})
  9. glob_mx.svg.test = {that:this,rsp,status,xhr}
  10. // glob_mx.svg[this.name] = {that:this,rsp,status,xhr}
  11. // glob_mx.svg[xhr.file.name] = {that:this,rsp,status,xhr}
  12. // react/features/base/icons/svg/camera-disabled.svg
  13. if (!xhr.file.name){
  14. glob_mx.svg[xhr.file.url.split("/").pop()] = rsp
  15. } else {
  16. glob_mx.svg[xhr.file.name] = rsp
  17. }
  18. // init_ui_msg()
  19. // window[this.success_js](rsp,status,xhr)
  20. // window[xhr.file.success_js](rsp,status,xhr)
  21. }
  22. function add_svg_mod(){
  23. var mod_path ="ign/rf/ui_msg/"
  24. var mtx ={
  25. // js:["ign/m/timer/m.js","ign/m/timer/m0.js"],
  26. // js:[`${mod_path}m0.js`,`${mod_path}m.js`,],
  27. // css:[`${mod_path}m.css`],
  28. html:[
  29. {url:`/react/features/base/icons/svg/thumb-menu.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"},
  30. {url:`/react/features/base/icons/svg/menu.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"},
  31. // {url:`/react/features/base/icons/svg/close.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler","name":"close2.svg"},
  32. // url:`${mod_path}m.html`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"}]
  33. // {url:`/react/features/base/icons/svg/camera-disabled.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"},
  34. // {url:`/react/features/base/icons/svg/camera.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"},
  35. // {url:`/react/features/base/icons/svg/mic-disabled.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"},
  36. // {url:`/react/features/base/icons/svg/microphone.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"},
  37. // {url:`/react/features/base/icons/svg/mic-camera-combined.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"},
  38. ]
  39. // url:`/react/features/base/icons/svg/close.svg`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler","name":"close.svg"}]
  40. // url:`${mod_path}r.html`,diffH:get_cui_html,success:svg_rld_cb,success_js:"html_js_handler"}]
  41. // mod_path
  42. }
  43. mtx.name = "svg_mod"
  44. add_module(mtx )
  45. // init_ui_msg()
  46. }
  47. add_svg_mod()
  48. function html_js_handler_svg(rsp) {
  49. saftly_remove(".svg_plugin")
  50. clog("html_js_handler_svg",[...arguments])
  51. mod_templates_svg = $(`<span>${rsp}</span>`)
  52. init_svg_icon()
  53. // init_lobby()
  54. // init_svg()
  55. // show_popup()
  56. // build_popup()
  57. // init_api6()
  58. }
  59. function svg_icon_handler(rsp) {
  60. // saftly_remove(".svg_plugin")
  61. clog("mod_templates_svg_icon",[...arguments])
  62. mod_templates_svg_icon = $(`<span>${rsp}</span>`)
  63. // mod_templates_svg_icon = $(`${rsp}`)
  64. clog("mod_templates_svg_icon")
  65. save_icon({that:this,rsp,args:[...arguments]})
  66. init_svg_icon()
  67. // plugin_icon_template
  68. // mod_templates_svg_icon
  69. // init_lobby()
  70. // init_svg()
  71. // show_popup()
  72. // build_popup()
  73. // init_api6()
  74. }
  75. function save_icon(o){
  76. clog("save_icon",o)
  77. }
  78. function svg_icon_handler2(rsp) {
  79. // saftly_remove(".svg_plugin")
  80. clog("mod_templates_svg_icon",[...arguments])
  81. mod_templates_svg_icon2 = $(`<span>${rsp}</span>`)
  82. // mod_templates_svg_icon = $(`${rsp}`)
  83. clog("mod_templates_svg_icon")
  84. init_svg_icon()
  85. // plugin_icon_template
  86. // mod_templates_svg_icon
  87. // init_lobby()
  88. // init_svg()
  89. // show_popup()
  90. // build_popup()
  91. // init_api6()
  92. }
  93. function init_svg_icon(){
  94. return
  95. saftly_remove(".ntoolbox_ff")
  96. // saftly_remove(".svg_plugin")
  97. // saftly_remove(".plugin_icon")
  98. // saftly_remove(".plugin_icon_template")
  99. clog("...")
  100. var icon_template = $(mod_templates_svg[0].outerHTML)
  101. var svg_content = $(mod_templates_svg_icon[0].outerHTML)
  102. var n,svg
  103. n = icon_template.find(".plugin_icon_template")
  104. n.addClass("ntoolbox_ff")
  105. // n = mod_templates.find(".plugin_icon_template")
  106. // svg = mod_templates_svg_icon.find("svg")
  107. svg = svg_content.find("svg")
  108. if (!(n.length) || !(svg.length) ){
  109. return
  110. }
  111. // n.find(".jitsi-icon").addpen
  112. add_node(svg,n.find(".jitsi-icon"),"prepend")
  113. // n.addClass("fullframe_icon")
  114. n.addClass("ff_icon")
  115. n.click(toggle_ff_mod)
  116. add_node(n,".button-group-right","prepend")
  117. // add_node(n,".toggle_ff","append")
  118. // add_node(n,".toggle_ff","after")
  119. clog("...",n)
  120. // init_svg_icon2()
  121. }
  122. function init_svg_icon2(){
  123. saftly_remove(".svg_plugin")
  124. // saftly_remove(".plugin_icon")
  125. // saftly_remove(".plugin_icon_template")
  126. clog("...")
  127. var icon_template = $(mod_templates_svg[0].outerHTML)
  128. var svg_content = $(mod_templates_svg_icon2[0].outerHTML)
  129. var n,svg
  130. n = icon_template.find(".plugin_icon_template")
  131. // n = mod_templates.find(".plugin_icon_template")
  132. // svg = mod_templates_svg_icon.find("svg")
  133. svg = svg_content.find("svg")
  134. // n.find(".jitsi-icon").addpen
  135. add_node(svg,n.find(".jitsi-icon"),"prepend")
  136. n.addClass("ff_svg")
  137. add_node(n,".button-group-right","prepend")
  138. clog("...",n)
  139. }
  140. function init_svg(){
  141. clog("init_svg")
  142. saftly_remove(".svg_plugin")
  143. saftly_remove(".plugin_icon")
  144. // return
  145. // var n = mod_templates_svg.find(".svg_plugin")
  146. var mod_templates = $(mod_templates_svg[0].outerHTML)
  147. var n = mod_templates.find(".plugin_icon")
  148. // add_node(n,"body","prepend")
  149. add_node(n,".button-group-right","prepend")
  150. clog("init_svg...fin",n)
  151. // button-group-right
  152. }
  153. function toggle_ff_mod(){
  154. clog("TOGGLEFF")
  155. // glob_dbg.ytp.playVideo()
  156. // return
  157. glob_mx.dims.fullframe = !glob_mx.dims.fullframe
  158. if (glob_mx.dims.fullframe){
  159. $(".ff_icon .toolbox-icon").addClass("toggled")
  160. $(".toggle_ff").addClass("isff")
  161. // $(".ff_icon").addClass("checked")
  162. $(".vspace").addClass("_hide")
  163. // $(".toggle_ff")[0].innerHTML = "shrink"
  164. // $(".toggle_ff")[0].innerHTML = "exit fullframe"
  165. $(".toggle_ff > .toggle_ff_txt").text("exit fullframe")
  166. // $(".ff_icon").addClass
  167. // ._hide
  168. } else {
  169. $(".ff_icon .toolbox-icon").removeClass("toggled")
  170. $(".toggle_ff > .toggle_ff_txt").text("enter fullframe")
  171. $(".toggle_ff").removeClass("isff")
  172. // $(".toggle_ff")[0].innerHTML = "enter fullframe"
  173. $(".vspace").removeClass("_hide")
  174. }
  175. dispatch_resize()
  176. }
  177. window.toggle_ff = toggle_ff_mod
  178. init_svg_icon()
  179. try {
  180. refresh_toolbars()
  181. } catch {
  182. }
  183. // init_svg()
  184. clog(":zzz")