☰

WME Chat Resize

Adds resize buttons to the chat window

目前为 2014-11-02 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name 			WME Chat Resize
  3. // @description 	Adds resize buttons to the chat window
  4. // @namespace		RickZabel@gmail.com
  5. // @grant			none
  6. // @grant			GM_info
  7. // @version			0.0.41
  8. // @match			https://editor-beta.waze.com/*editor/*
  9. // @match			https://www.waze.com/*editor/*
  10. // @author			Rick Zabel '2014
  11. // @license			MIT/BSD/X11
  12. // ==/UserScript==
  13.  
  14.  
  15. /* Changelog
  16.  * 0.0.41 - very minor 4 pixel changes to teh n ormal chat height
  17.  * 0.0.4 - removed the open space on the right of the chat
  18.  * 0.0.3 - few div size corrections
  19.  * 0.0.2 - made the buttons not Interfere with each other
  20.  * 0.0.1 - initial version
  21.  */
  22.  
  23.  
  24. var WMEChatResizeVersion = "0.0.41";
  25.  
  26. var WMEChatResizeVersionUpdateNotes = "WME Chat Resize has been updated to " + WMEChatResizeVersion;
  27. WMEChatResizeVersionUpdateNotes = WMEChatResizeVersionUpdateNotes + "\r\n" + "This script adds buttons to the chat title bar and removes the space on the right of the chat.";
  28. WMEChatResizeVersionUpdateNotes = WMEChatResizeVersionUpdateNotes + "\r\n" + "The buttons will let you hide or show the users list";
  29. WMEChatResizeVersionUpdateNotes = WMEChatResizeVersionUpdateNotes + " " + "and will let you make the chat tall or normal heights.";
  30. WMEChatResizeVersionUpdateNotes = WMEChatResizeVersionUpdateNotes + "\n" + "As usual let me know if there are any issues -RickZabel";
  31.  
  32. //alert the user in  WMEChatResize version updates
  33. if (localStorage.getItem('WMEChatResizeVersion') == WMEChatResizeVersion) {
  34.     console.log("UR Comments Version " + WMEChatResizeVersion);
  35. } else {
  36.     alert(WMEChatResizeVersionUpdateNotes);
  37.     localStorage.setItem('WMEChatResizeVersion', WMEChatResizeVersion);
  38. }
  39.  
  40.  
  41.  
  42. //setup some global vars to be used in the functions 
  43. //currently i plan on lettings the chat default to normal on page load
  44. window.WMEChatResizeHeight = "short"; //short or tall
  45. window.WMEChatResizeUsers  = "shown";  //shown  or hidden
  46.  
  47.  
  48.  
  49.  
  50. /*
  51. org chat
  52. chat-overlay right 20px
  53. chat-overlay bottom 24px
  54. chat px 357px
  55. chat-body 314px
  56. messages px 314px
  57. message-list 220px
  58. users 280
  59.  
  60. NormalChat
  61. chat 353px
  62. chat-body 310px
  63. messages 314
  64. message-list 250px
  65. users 310px
  66.  
  67. TallChat
  68. chat height 600px
  69. chat-body557px
  70. messages height493px
  71. message-list height493px
  72. Users height550px
  73. */
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89. function WMEChatResize_bootstrap() {
  90.     var bGreasemonkeyServiceDefined = false;
  91.     
  92.     try {
  93.         var ver = window.navigator.appVersion.match(/Chrome\/(.*?) /)[1];
  94.     } catch(err) {
  95.         var ver = null;
  96.     }
  97.     if (null !== ver) {
  98.         var itschrome = true;
  99.         ///ver = "27.0.1438.7"; // last old working version
  100.         // example: 32.0.1700.107
  101.         // [0] - major versin
  102.         // [2] - minor version
  103.         ver = ver.split(".");
  104.         ver[0] = parseInt(ver[0]);
  105.         ver[2] = parseInt(ver[2]);
  106.         if (ver[0] > 27) {
  107.             var newmethod = true;
  108.         } else if (ver[0] == 27) {
  109.             if (ver[2] <= 1438) {
  110.                 var newmethod = false;
  111.             } else {
  112.                 var newmethod = true;
  113.             }
  114.         } else {
  115.             var newmethod = false;	
  116.         }
  117.     } else {
  118.         var itschrome = false;
  119.         var newmethod = false;
  120.     }
  121.     
  122.     try
  123.     {
  124.         if ("object" === typeof Components.interfaces.gmIGreasemonkeyService)  // Firefox tells that "Components" is deprecated
  125.         {
  126.             bGreasemonkeyServiceDefined = true;
  127.         }
  128.     }	catch (err) { };
  129.     
  130.     try
  131.     {
  132.         if  ("object" === typeof GM_info) 
  133.         {
  134.             bGreasemonkeyServiceDefined = true;
  135.         }
  136.     }	catch (err) { };   
  137.     
  138.     
  139.     if ( "undefined" === typeof unsafeWindow  ||  ! bGreasemonkeyServiceDefined)
  140.     {
  141.         try {
  142.             unsafeWindow    = ( function ()
  143.                                {
  144.                                    var dummyElem   = document.createElement('p');
  145.                                    dummyElem.setAttribute ('onclick', 'return window;');
  146.                                    return dummyElem.onclick ();
  147.                                } ) ();
  148.         } 
  149.         catch (err)
  150.         {
  151.             //Ignore.
  152.         }
  153.     }
  154.     
  155.     /* FIX IT !!!! */
  156.     var itschrome = true;
  157.     var newmethod = true;
  158.     var bGreasemonkeyServiceDefined = false;
  159.     
  160.     //And check again for new chrome, and no tamper(grease)monkey
  161.     if ( itschrome && newmethod &&  !bGreasemonkeyServiceDefined)
  162.     {
  163.         //use "dirty" but effective method with injection to document
  164.         var DLscript = document.createElement("script");
  165.         DLscript.textContent ='unsafeWindow=window; \n'+ // need this for compatibility
  166.             WMEChatResize_init.toString()+' \n'+
  167.             'WMEChatResize_init();';
  168.         DLscript.setAttribute("type", "application/javascript");
  169.         document.body.appendChild(DLscript);    
  170.         document.body.removeChild(DLscript); 
  171.     } else {
  172.         /* begin running the code! */
  173.         WMEChatResize_init();
  174.         ///setTimeout(WMEChatResize_init,200);
  175.     }  
  176. }
  177.  
  178. function WMEChatResize_init() {
  179.     
  180.     WMEChatResize =  { 
  181.         last: new Array(),
  182.         isLast: false,
  183.         isLSsupported: false,
  184.         zoom: false
  185.     };
  186.     
  187.     WMEChatResize.init = function() {
  188.         //add the buttons to the chat title bar
  189.         //hide/show user list
  190.         var b = $('<button id="WMEChatResize-HideUsers" class="WMEChatResize" style="position:absolute;Right:50px;color:#CC0000" title="Hide Users" type="button">></button>');
  191.         b.click (WMEChatResize.Hide);
  192.         var c = $('<button id="WMEChatResize-ShowUsers" class="WMEChatResize" style="position:absolute;Right:50px;color:#CC0000" title="Show Users" type="button"><</button>');
  193.         c.click (WMEChatResize.Show);
  194.         
  195.         $("#chat .header").append(b);
  196.         $("#chat .header").append(c);
  197.         
  198.         document.getElementById('WMEChatResize-ShowUsers').style.visibility="hidden";
  199.         
  200.         //tall / short chat
  201.         var d = $('<button id="WMEChatResize-ShortChat" class="WMEChatResize" style="position:absolute;Right:80px;color:#CC0000" title="Short Chat" type="button">v</button>');
  202.         d.click (WMEChatResize.ShortChat);
  203.         var f = $('<button id="WMEChatResize-TallChat" class="WMEChatResize" style="position:absolute;Right:80px;color:#CC0000" title="Tall Chat" type="button">^</button>');
  204.         f.click (WMEChatResize.TallChat);
  205.         
  206.         $("#chat .header").append(d);
  207.         $("#chat .header").append(f);    
  208.         
  209.         document.getElementById('WMEChatResize-ShortChat').style.visibility="hidden";
  210.         
  211.         //move the chat all the way to the right 
  212.         document.getElementById('chat-overlay').style.right="0px";
  213.         
  214.         
  215.     }
  216.     
  217.     WMEChatResize.Hide = function() {
  218.         var divsToHide = document.getElementsByClassName("users");
  219.         for(var i = 0; i < divsToHide.length; i++) {        
  220.             divsToHide[i].style.visibility="hidden";
  221.         }
  222.         document.getElementById('chat').style.width="350px";  
  223.         
  224.         if(WMEChatResizeHeight == "short") { //short or tall
  225.             document.getElementById('chat').style.height="353px";
  226.         } else {
  227.             document.getElementById('chat').style.height="600px";
  228.         }
  229.         
  230.         document.getElementById('WMEChatResize-HideUsers').style.visibility="hidden";
  231.         document.getElementById('WMEChatResize-ShowUsers').style.visibility="visible";
  232.         
  233.     }
  234.     
  235.     
  236.     WMEChatResize.Show = function() {
  237.         var divsToHide = document.getElementsByClassName("users");
  238.         for(var i = 0; i < divsToHide.length; i++) {      
  239.             divsToHide[i].style.visibility="visible";
  240.         }
  241.         
  242.         document.getElementById('chat').style.width="497px";
  243.         
  244.         if(WMEChatResizeHeight == "short") { //short or tall
  245.             document.getElementById('chat').style.height="353px";
  246.         } else {
  247.             document.getElementById('chat').style.height="600px";
  248.         }
  249.         
  250.         document.getElementById('WMEChatResize-HideUsers').style.visibility="visible";
  251.         document.getElementById('WMEChatResize-ShowUsers').style.visibility="hidden";
  252.         
  253.     }
  254.     
  255.     WMEChatResize.ShortChat = function() {
  256.         WMEChatResizeHeight = "short";
  257.         
  258.         document.getElementById('WMEChatResize-ShortChat').style.visibility="hidden";
  259.         document.getElementById('WMEChatResize-TallChat').style.visibility="visible";
  260.         
  261.         //change the chat height
  262.         document.getElementById('chat').style.height="357px"; 
  263.         
  264.         //change chat-body
  265.         var divsToModify = document.getElementsByClassName("chat-body");
  266.         for(var i = 0; i < divsToModify.length; i++) {        
  267.             divsToModify[i].style.height="314px";
  268.         }
  269.         //messages height
  270.         var divsToModify = document.getElementsByClassName("messages");
  271.         for(var i = 0; i < divsToModify.length; i++) {        
  272.             divsToModify[i].style.height="314px";
  273.         }
  274.         
  275.         //message-list height
  276.         var divsToModify = document.getElementsByClassName("message-list");
  277.         for(var i = 0; i < divsToModify.length; i++) {        
  278.             divsToModify[i].style.height="250px";
  279.             divsToModify[i].style.maxHeight="250px"
  280.         }
  281.         
  282.         //change users height
  283.         var divsToModify = document.getElementsByClassName("users");
  284.         for(var i = 0; i < divsToModify.length; i++) {        
  285.             divsToModify[i].style.height="310px";
  286.         }
  287.         
  288.         document.getElementById('chat-overlay').style.bottom="24px";
  289.         
  290.     }
  291.     
  292.     
  293.     WMEChatResize.TallChat = function() {
  294.         WMEChatResizeHeight = "tall";
  295.         
  296.         document.getElementById('WMEChatResize-ShortChat').style.visibility="visible";
  297.         
  298.         document.getElementById('WMEChatResize-TallChat').style.visibility="hidden";
  299.         
  300.         //change the chat height
  301.         document.getElementById('chat').style.height="600px"; 
  302.         
  303.         //change chat-body
  304.         var divsToModify = document.getElementsByClassName("chat-body");
  305.         for(var i = 0; i < divsToModify.length; i++) {        
  306.             divsToModify[i].style.height="557px";
  307.         }
  308.         
  309.         //messages height
  310.         var divsToModify = document.getElementsByClassName("messages");
  311.         for(var i = 0; i < divsToModify.length; i++) {        
  312.             divsToModify[i].style.height="493px";
  313.         }
  314.         
  315.         //message-list height
  316.         var divsToModify = document.getElementsByClassName("message-list");
  317.         for(var i = 0; i < divsToModify.length; i++) {        
  318.             divsToModify[i].style.height="493px";
  319.             divsToModify[i].style.maxHeight="493px"
  320.         }
  321.         
  322.         //change users height
  323.         var divsToModify = document.getElementsByClassName("users");
  324.         for(var i = 0; i < divsToModify.length; i++) {        
  325.             divsToModify[i].style.height="550px";
  326.             divsToModify[i].style.maxHeight="550px";
  327.         } 
  328.         
  329.         document.getElementById('chat-overlay').style.bottom="24px";
  330.         
  331.     }
  332.     
  333.     WMEChatResize.startcode = function () {
  334.         // Check if WME is loaded, if not, waiting a moment and checks again. if yes init WMEChatResize
  335.         try {
  336.             if ("undefined" != typeof unsafeWindow.W.model.chat.rooms._events.listeners.add[0].obj.userPresenters[unsafeWindow.Waze.model.loginManager.user.id] ) {
  337.                 console.log("WMEChatResize ready to jump :)");
  338.                 WMEChatResize.init()
  339.             } else {
  340.                 setTimeout(WMEChatResize.startcode, 200);
  341.             }
  342.         } catch(err) {
  343.             setTimeout(WMEChatResize.startcode, 200);
  344.         }
  345.     }
  346.     ///setTimeout(WMEChatResize.startcode, 5000);
  347.     WMEChatResize.startcode();
  348. }
  349.  
  350. WMEChatResize_bootstrap();