Adds resize buttons to the chat window
当前为
// ==UserScript== // @name WME Chat Resizer and Auto Scroll // @description Adds resize buttons to the chat window // @namespace [email protected] // @grant none // @grant GM_info // @version 0.1.9 // @match https://editor-beta.waze.com/*editor/* // @match https://www.waze.com/*editor/* // @author Rick Zabel '2014 // @license MIT/BSD/X11 // ==/UserScript== var WMEChatResizeVersion = "0.1.9"; /* Changelog * 0.1.9 - changed the title of the app to reflect both functions * 0.1.8 - shrank both tall chats a bit so tall chat and toolbox no longer over lap * 0.1.7 - typos * 0.1.6 - there was some confusion with the default minimize button being removed, I thought everyone knew that clicking on the grey bar minimizes the chat. So I changed the button layout to only show the minimize when the user list is shown, this way i dont have to further shrink the rest of the items on the title bar. * 0.1.5 - per request of PesachZ I have added a extra short chat, PesachZ also found a few bugs dealing with being invisible that should be fixed * 0.1.4 - added an option to auto scroll chat to the bottom * 0.1.3 - Minor tweaks to the unread message notification width * 0.1.2 - i somehow forgot to fix when the chat is tall with the user list shown with street view open. * 0.1.1 - I forgot the text input area and new messages alert. I also found an issue when streetview was open and the users list was shown * 0.1.0 - Waze kept sending css updates to the chat so i had to completely rewrite the scrip to handle the CSS differently. Now there is 8 buttons for show hide and 4 functions, one for each of the chatroom sizes. * 0.0.51 - more tweaks applied css for chat jumper buttons * 0.0.44 - More css tweaks * 0.0.43 - Working with SeekingSerenity we found out that the tall chat on some resolutions the top of the chat would be unreachable so I switched from px to % * 0.0.42 - very minor 4 pixel changes to the normal chat height * 0.0.4 - removed the open space on the right of the chat * 0.0.3 - few div size corrections * 0.0.2 - made the buttons not Interfere with each other * 0.0.1 - initial version */ var WMEChatResizeVersionUpdateNotes = "WME Chat Resize has been updated to " + WMEChatResizeVersion; WMEChatResizeVersionUpdateNotes = WMEChatResizeVersionUpdateNotes + "\r\n" + "This script adds buttons to the chat title bar and removes the space on the right of the chat."; WMEChatResizeVersionUpdateNotes = WMEChatResizeVersionUpdateNotes + "\r\n" + "The buttons will let you hide or show the users list"; WMEChatResizeVersionUpdateNotes = WMEChatResizeVersionUpdateNotes + " " + "and will let you make the chat tall or normal heights."; WMEChatResizeVersionUpdateNotes = WMEChatResizeVersionUpdateNotes + "\r\n" + ""; WMEChatResizeVersionUpdateNotes = WMEChatResizeVersionUpdateNotes + "\r\n" + "Changes: Changed the title of the script to WME Chat Resizer and Auto Scroll."; WMEChatResizeVersionUpdateNotes = WMEChatResizeVersionUpdateNotes + "\r\n" + "There was some confusion with the default minimize button being removed, I thought everyone knew that clicking on the grey bar minimizes the chat. So I changed the button layout to only show the minimize button when the user list is shown, this way I don’t have to further shrink the rest of the items on the title bar. I also shrank both tall chats a bit so tall chats do not overlap the toolbox dropdown"; WMEChatResizeVersionUpdateNotes = WMEChatResizeVersionUpdateNotes + "\r\n" + ""; WMEChatResizeVersionUpdateNotes = WMEChatResizeVersionUpdateNotes + "\n" + "As usual let me know if there are any issues -RickZabel"; //alert the user in WMEChatResize version updates if (localStorage.getItem('WMEChatResizeVersion') == WMEChatResizeVersion) { console.log("UR Comments Version " + WMEChatResizeVersion); } else { alert(WMEChatResizeVersionUpdateNotes); localStorage.setItem('WMEChatResizeVersion', WMEChatResizeVersion); } //Setup some global vars to be used in the functions //currently i plan on lettings the chat default to normal on page load //window.WMEChatResizeHeight = "short"; //short or tall //window.WMEChatResizeUsers = "shown"; //shown or hidden //Setup some global vars to be used in the functions //currently i plan on lettings the chat default to normal on page load size window.WMEChatResizeAutoScrollOnOff = "on"; window.WMEChatResizeAutoScrollChatCount = 0; function WMEChatResize_bootstrap() { var bGreasemonkeyServiceDefined = false; try { var ver = window.navigator.appVersion.match(/Chrome\/(.*?) /)[1]; } catch (err) { var ver = null; } if (null !== ver) { var itschrome = true; ///ver = "27.0.1438.7"; // last old working version // example: 32.0.1700.107 // [0] - major versin // [2] - minor version ver = ver.split("."); ver[0] = parseInt(ver[0]); ver[2] = parseInt(ver[2]); if (ver[0] > 27) { var newmethod = true; } else if (ver[0] == 27) { if (ver[2] <= 1438) { var newmethod = false; } else { var newmethod = true; } } else { var newmethod = false; } } else { var itschrome = false; var newmethod = false; } try { if ("object" === typeof Components.interfaces.gmIGreasemonkeyService) // Firefox tells that "Components" is deprecated { bGreasemonkeyServiceDefined = true; } } catch (err) {}; try { if ("object" === typeof GM_info) { bGreasemonkeyServiceDefined = true; } } catch (err) {}; if ("undefined" === typeof unsafeWindow || !bGreasemonkeyServiceDefined) { try { unsafeWindow = (function() { var dummyElem = document.createElement('p'); dummyElem.setAttribute('onclick', 'return window;'); return dummyElem.onclick(); })(); } catch (err) { //Ignore. } } /* FIX IT !!!! */ var itschrome = true; var newmethod = true; var bGreasemonkeyServiceDefined = false; //And check again for new chrome, and no tamper(grease)monkey if (itschrome && newmethod && !bGreasemonkeyServiceDefined) { //use "dirty" but effective method with injection to document var DLscript = document.createElement("script"); DLscript.textContent = 'unsafeWindow=window; \n' + // need this for compatibility WMEChatResize_init.toString() + ' \n' + 'WMEChatResize_init();'; DLscript.setAttribute("type", "application/javascript"); document.body.appendChild(DLscript); document.body.removeChild(DLscript); } else { /* begin running the code! */ WMEChatResize_init(); ///setTimeout(WMEChatResize_init,200); } } function WMEChatResize_init() { WMEChatResize = { last: new Array(), isLast: false, isLSsupported: false, zoom: false }; WMEChatResize.init = function() { //add the buttons to the chat title bar to hide/show user list and max and min //Short Chat Hide Users var b = $('<button id="WMEChatResizeShortChatHideUsers" class="WMEChatResize" style="position:absolute;Right:50px;color:#CC0000" title="Short Chat Hide Users" type="button">></button>'); b.click (WMEChatResize.ShortChatHideUsers); $("#chat .header").append(b); //Tall Chat Hide Users var b = $('<button id="WMEChatResizeTallHideUsers" class="WMEChatResize" style="position:absolute;Right:50px;color:#CC0000" title="Tall Chat Hide Users" type="button">></button>'); b.click (WMEChatResize.TallHideUsers); $("#chat .header").append(b); //Short Chat Show Users b = $('<button id="WMEChatResizeShortChatShowUsers" class="WMEChatResize" style="position:absolute;Right:50px;color:#CC0000" title="Short Chat Show Users" type="button"><</button>'); b.click (WMEChatResize.ShortChatShowUsers); $("#chat .header").append(b); //Tall Chat Show Users b = $('<button id="WMEChatResizeTallShowUsers" class="WMEChatResize" style="position:absolute;Right:50px;color:#CC0000" title="Tall Chat Show Users" type="button"><</button>'); b.click (WMEChatResize.TallShowUsers); $("#chat .header").append(b); //Tall Chat Go Short with Hidden Users b = $('<button id="WMEChatResizeShortChatHideUsers2" class="WMEChatResize" style="position:absolute;Right:70px;color:#CC0000" title="Tall Chat Go Short with Hidden Users" type="button">v</button>'); b.click (WMEChatResize.ShortChatHideUsers); $("#chat .header").append(b); //Tall Chat Go Short and Show Users b = $('<button id="WMEChatResizeShortChatShowUsers2" class="WMEChatResize" style="position:absolute;Right:70px;color:#CC0000" title="Tall Chat Go Short With Shown Users" type="button">v</button>'); b.click (WMEChatResize.ShortChatShowUsers); $("#chat .header").append(b); //Short Chat Go Tall and Hide Users b = $('<button id="WMEChatResizeTallHideUsers2" class="WMEChatResize" style="position:absolute;Right:70px;color:#CC0000" title="Short Chat Go Tall and Hide Users" type="button">^</button>'); b.click (WMEChatResize.TallHideUsers); $("#chat .header").append(b); //Short Chat Go Tall and Show Users b = $('<button id="WMEChatResizeTallShowUsers2" class="WMEChatResize" style="position:absolute;Right:70px;color:#CC0000" title="Short Chat Go Tall and Show Users" type="button">^</button>'); b.click (WMEChatResize.TallShowUsers); $("#chat .header").append(b); /* //Extra Short Chat With user list b = $('<button id="WMEChatResizeTallShowUsers2" class="WMEChatResize" style="float:right;color:#CC0000" title="Extra short chat" type="button">_</button>'); b.click (WMEChatResize.TallShowUsers); $("#chat .header").append(b); */ //Extra Short Chat without user list b = $('<button id="WMEChatResizeExtraShortChatHideUsers" class="WMEChatResize" style="position:absolute;Right:90px;color:#CC0000" title="Extra short chat" type="button">_</button>'); b.click (WMEChatResize.ExtraShortChatHideUsers); $("#chat .header").append(b); //auto scroll running b = $('<button id="WMEChatResizeAutoScrollChatIsRunning" class="WMEChatResizeScrollChat" style="opacity: 100; position:absolute;Left:4px;Right:5px;color:#CC0000; background: #ffffff; border: 0px none !important; padding: 0px 0px 0px 0px;" title="MEChatResize Auto Scroll Running" type="button">v</button>'); b.click(WMEChatResize.WMEChatResizeAutoScrollChatIsStopped); $("#chat .chat-body .messages .new-message").prepend(b); //stopped auto scrolling b = $('<button id="WMEChatResizeAutoScrollChatIsStopped" class="WMEChatResizeScrollChat" style="opacity: 100; position:absolute;Left:6px;Right:5px;color:#CC0000; background: #ffffff; border: 0px none !important; padding: 0px 0px 0px 0px;" title="MEChatResize Auto Scroll Stopped" type="button">-</button>'); b.click(WMEChatResize.WMEChatResizeAutoScrollChatGo); $("#chat .chat-body .messages .new-message").prepend(b); //get the WMEChatResizeAutoScroll option window.WMEChatResizeAutoScroll = localStorage.getItem('WMEChatResizeAutoScroll'); //alert(WMEChatResizeAutoScroll); if (WMEChatResizeAutoScroll == "" || WMEChatResizeAutoScroll == null) { //alert(WMEChatResizeAutoScroll); //} else { //alert("UR-Comments now has multiple User's comment lists that you may choose from. To select from the lists look under the settings section"); WMEChatResizeAutoScroll ="Scroll"; localStorage.setItem('WMEChatResizeAutoScroll', WMEChatResizeAutoScroll); } //if the user wants the chat scroll on enable auto scroll if(WMEChatResizeAutoScroll ==="Scroll"){ // auto scroll buttons document.getElementById('WMEChatResizeAutoScrollChatIsRunning').style.visibility = "visible"; // document.getElementById('WMEChatResizeAutoScrollChatIsStopped').style.visibility = "hidden"; // //delay start auto scroll setTimeout( WMEChatResize.WMEChatScrollChatTimeout, 2000); } else { document.getElementById('WMEChatResizeAutoScrollChatIsRunning').style.visibility = "hidden"; // document.getElementById('WMEChatResizeAutoScrollChatIsStopped').style.visibility = "visible"; // } //hide my short chat button since the chat loads short //document.getElementById('WMEChatResizeShortChatHideUsers').style.visibility="hidden"; // > short hide users document.getElementById('WMEChatResizeTallHideUsers').style.visibility="hidden"; // > tall hide users document.getElementById('WMEChatResizeShortChatShowUsers').style.visibility="hidden"; // < short show users document.getElementById('WMEChatResizeTallShowUsers').style.visibility="hidden"; // < tall show users document.getElementById('WMEChatResizeShortChatHideUsers2').style.visibility="hidden"; // V short hide users document.getElementById('WMEChatResizeShortChatShowUsers2').style.visibility="hidden"; // V short show users document.getElementById('WMEChatResizeTallHideUsers2').style.visibility="hidden"; // ^ tall hide users //document.getElementById('WMEChatResizeTallShowUsers2').style.visibility="hidden"; // ^ tall show users document.getElementById('WMEChatResizeExtraShortChatHideUsers').style.visibility="visible"; // ^ tall show users //extra short chat //$("#chat WMEChatResizeExtraShortChatHideUsers").show(); //extra short chat //$("#chat WMEChatResizeExtraShortChatHideUsers").hide(); //hide / show the default minimize button //$("#chat .minimize").hide(); //chat size buttons /* short hide users btn > V WMEChatResize.ShortChatHideUsers short show users btn < V WMEChatResize.ShortChatShowUsers tall hide users btn > ^ WMEChatResize.TallHideUsers tall shown users btn < ^ WMEChatResize.TallShowUsers //button IDs WMEChatResizeShortChatHideUsers WMEChatResizeTallHideUsers WMEChatResizeShortChatShowUsers WMEChatResizeTallShowUsers WMEChatResizeShortChatHideUsers2 WMEChatResizeShortChatShowUsers2 WMEChatResizeTallHideUsers2 WMEChatResizeTallShowUsers2 */ // since the chat jumper link isn't always present I had to apply the style to the head var g = $('<style type="text/css">#ChatJumper-JUMP.ChatJumper, #ChatJumper-JUMP-clear { font-size: 11px !important; padding-left: 1px !important; padding-right: 1px !important; }</style>'); $("head").append(g); // since sometime waze takes back over i am going to make a custom ccs that i edit the innerhtml var h = $('<style type="text/css" id="WMEChatResizeCSS">1234</style>'); $("head").append(h); //move the chat all the way to the right document.getElementById('chat-overlay').style.right="0px"; //shrink down the chat title bar stuff to work with chat jumper //single-room-label var divsToModify = document.getElementsByClassName("single-room-label"); for(var i = 0; i < divsToModify.length; i++) { divsToModify[i].style.fontSize="10px"; divsToModify[i].style.paddingLeft="8px"; } //dropdown-toggle var divsToModify = document.getElementsByClassName("dropdown-toggle"); for(var i = 0; i < divsToModify.length; i++) { divsToModify[i].style.fontSize="10px"; divsToModify[i].style.paddingLeft="5px"; divsToModify[i].style.paddingRight="0px"; } //status var divsToModify = document.getElementsByClassName("status"); for(var i = 0; i < divsToModify.length; i++) { divsToModify[i].style.fontSize="11px"; } }; WMEChatResize.WMEChatResizeAutoScrollChatIsStopped = function() { console.log("WME Chat Resizer -Stopping Auto Scrolling Chat"); //The button that showed auto scroll is running "V" was clicked turn off autoscroll and hide/ show buttons //window.WMEChatResizeAutoScrollOnOff = "Off"; //WMEChatResizeAutoScrollOnOff == "Off" document.getElementById('WMEChatResizeAutoScrollChatIsRunning').style.visibility = "hidden"; document.getElementById('WMEChatResizeAutoScrollChatIsStopped').style.visibility = "visible"; //save the autoscroll setting WMEChatResizeAutoScroll ="NoScroll"; localStorage.setItem('WMEChatResizeAutoScroll', WMEChatResizeAutoScroll); }; WMEChatResize.WMEChatResizeAutoScrollChatGo = function() { //The button that showed auto scroll is off "-" was clicked turn on autoscroll and hide/ show buttons console.log("WME Chat Resizer - Clicked Scroll to bottom of chat"); //auto scroll btns //WMEChatResizeAutoScrollOnOff == "On" document.getElementById('WMEChatResizeAutoScrollChatIsRunning').style.visibility = "visible"; document.getElementById('WMEChatResizeAutoScrollChatIsStopped').style.visibility = "hidden"; //save the autoscroll setting WMEChatResizeAutoScroll ="Scroll"; localStorage.setItem('WMEChatResizeAutoScroll', WMEChatResizeAutoScroll); //set the timeout to launch the function that does the scrolling of the chat setTimeout( WMEChatResize.WMEChatScrollChatTimeout, 5000); }; WMEChatResize.WMEChatScrollChatTimeout = function() { if (document.getElementById('WMEChatResizeAutoScrollChatIsRunning').style.visibility == "visible") { //scroll the chat to the divs length //console.log($("#chat .chat-body .messages .message-list").scrollHeight); //console.log($("#chat .chat-body .messages .message-list").scrollTop()); var elem = $("#chat .chat-body .messages .message-list"); if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) { //bottom of chat //console.log("WMEChatResize - Chat is All Ready At The Bottom"); } else { $("#chat .chat-body .messages .message-list").scrollTop($("#chat .chat-body .messages .message-list")[0].scrollHeight+10000); WMEChatResizeAutoScrollChatCount++;; //$("#WMEChatResizeAutoScrollChatIsRunning").html(WMEChatResizeAutoScrollChatCount); console.log("WMEChatResize - Scrolling Down To The Bottom Of Chat; " + WMEChatResizeAutoScrollChatCount + " Times."); } } setTimeout(WMEChatResize.WMEChatScrollChatTimeout, 5000); /* //send text to the chat message area b = $('<div id="rickzabel" class="message normal-message"><div class="from">RickZabel</div><div class="body"><div style="direction: ltr; text-align: left;">testing</div>'); // b.click (WMEChatResize.TallShowUsers); $("#chat .chat-body .messages .message-list").append(b); */ }; WMEChatResize.ShortChatHideUsers = function() { //alert("ShortChatHideUsers"); // adjust my buttons document.getElementById('WMEChatResizeShortChatHideUsers').style.visibility="hidden"; // > short hide users document.getElementById('WMEChatResizeTallHideUsers').style.visibility="hidden"; // > tall hide users document.getElementById('WMEChatResizeShortChatShowUsers').style.visibility="visible"; // < short show users document.getElementById('WMEChatResizeTallShowUsers').style.visibility="hidden"; // < tall show users document.getElementById('WMEChatResizeShortChatHideUsers2').style.visibility="hidden"; // V short hide users document.getElementById('WMEChatResizeShortChatShowUsers2').style.visibility="hidden"; // V short show users document.getElementById('WMEChatResizeTallHideUsers2').style.visibility="visible"; // ^ tall hide users document.getElementById('WMEChatResizeTallShowUsers2').style.visibility="hidden"; // ^ tall show users document.getElementById('WMEChatResizeExtraShortChatHideUsers').style.visibility="hidden"; // ^ tall show users var WMEChatResizeStringer = ""; //hide users list WMEChatResizeStringer = WMEChatResizeStringer + ".users {visibility: hidden !important;}"; //document.getElementById('chat').style.width="275px"; //497 WMEChatResizeStringer = WMEChatResizeStringer + "#chat {width: 275px !important; }"; //chat-body WMEChatResizeStringer = WMEChatResizeStringer + ".chat-body {width: 275px !important;}"; //messages WMEChatResizeStringer = WMEChatResizeStringer + ".messages {width: 348px !important;}"; //message-list //WMEChatResizeStringer = WMEChatResizeStringer + ".message-list {width: 275px; max-height: 246px;}" WMEChatResizeStringer = WMEChatResizeStringer + "#chat-overlay #chat .messages .message-list {width: 275px !important; top: 43px !important; bottom: 0px !important; position: absolute !important; max-height: 90% !important;}"; //new-message WMEChatResizeStringer = WMEChatResizeStringer + "#chat .messages .new-message {width: 100% !important;}"; //message-input WMEChatResizeStringer = WMEChatResizeStringer + ".message-input {width: 100% !important;}"; //unread-messages-notification width WMEChatResizeStringer = WMEChatResizeStringer + ".unread-messages-notification {width: 251px !important;}"; document.getElementById("WMEChatResizeCSS").innerHTML = WMEChatResizeStringer; }; WMEChatResize.ShortChatShowUsers = function() { //alert("ShortChatShowUsers"); // adjust my buttons document.getElementById('WMEChatResizeShortChatHideUsers').style.visibility="visible"; // > short hide users document.getElementById('WMEChatResizeTallHideUsers').style.visibility="hidden"; // > tall hide users document.getElementById('WMEChatResizeShortChatShowUsers').style.visibility="hidden"; // < short show users document.getElementById('WMEChatResizeTallShowUsers').style.visibility="hidden"; // < tall show users document.getElementById('WMEChatResizeShortChatHideUsers2').style.visibility="hidden"; // V short hide users document.getElementById('WMEChatResizeShortChatShowUsers2').style.visibility="hidden"; // V short show users document.getElementById('WMEChatResizeTallHideUsers2').style.visibility="hidden"; // ^ tall hide users document.getElementById('WMEChatResizeTallShowUsers2').style.visibility="visible"; // ^ tall show users //extra short chat document.getElementById('WMEChatResizeExtraShortChatHideUsers').style.visibility="visible"; // ^ tall show users var WMEChatResizeStringer = ""; //WMEChatResizeStringer = WMEChatResizeStringer + "#chat {height: 357px;}" //show users WMEChatResizeStringer = WMEChatResizeStringer + ".users {visibility: visible !important;}"; //document.getElementById('chat').style.width="497px"; //497 WMEChatResizeStringer = WMEChatResizeStringer + "#chat {width: 497px !important;}"; //chat-body WMEChatResizeStringer = WMEChatResizeStringer + ".chat-body {width: 497px !important;}"; //messages WMEChatResizeStringer = WMEChatResizeStringer + ".messages {width: 350px !important;}"; //message-list WMEChatResizeStringer = WMEChatResizeStringer + ".message-list {width: 348px !important; max-height: 246px !important;}"; //new-message WMEChatResizeStringer = WMEChatResizeStringer + ".new-message {width: 350px !important;}"; //message-input WMEChatResizeStringer = WMEChatResizeStringer + ".message-input {width: 100% !important;}"; //unread-messages-notification WMEChatResizeStringer = WMEChatResizeStringer + ".unread-messages-notification {width: 322px !important;}"; document.getElementById("WMEChatResizeCSS").innerHTML = WMEChatResizeStringer; }; WMEChatResize.TallHideUsers = function() { //alert("TallHideUsers"); //WMEChatResizeHeight = "tall"; // adjust my buttons document.getElementById('WMEChatResizeShortChatHideUsers').style.visibility="hidden"; // > short hide users document.getElementById('WMEChatResizeTallHideUsers').style.visibility="hidden"; // > tall hide users document.getElementById('WMEChatResizeShortChatShowUsers').style.visibility="hidden"; // < short show users document.getElementById('WMEChatResizeTallShowUsers').style.visibility="visible"; // < tall show users document.getElementById('WMEChatResizeShortChatHideUsers2').style.visibility="visible"; // V short hide users document.getElementById('WMEChatResizeShortChatShowUsers2').style.visibility="hidden"; // V short show users document.getElementById('WMEChatResizeTallHideUsers2').style.visibility="hidden"; // ^ tall hide users document.getElementById('WMEChatResizeTallShowUsers2').style.visibility="hidden"; // ^ tall show users document.getElementById('WMEChatResizeExtraShortChatHideUsers').style.visibility="hidden"; // ^ tall show users var WMEChatResizeStringer = ""; //chat WMEChatResizeStringer = WMEChatResizeStringer + "#chat {height: 100% !important; width: 275px !important;}"; //chat-body WMEChatResizeStringer = WMEChatResizeStringer + ".chat-body {height: 96% !important; width: 275px !important;}"; //messages WMEChatResizeStringer = WMEChatResizeStringer + "#chat .messages {height: 95% !important; width: 348px !important;}"; //message-list //width: 350 px //top: 43px //bottom: 0px //position: absolute //no height //max-height:90% WMEChatResizeStringer = WMEChatResizeStringer + "#chat-overlay #chat .messages .message-list {width: 275px !important; top: 43px !important; bottom: 0px !important; position: absolute !important; max-height: 90% !important;}"; //hide users list WMEChatResizeStringer = WMEChatResizeStringer + ".users {visibility: hidden !important;}"; //unread-messages-notification WMEChatResizeStringer = WMEChatResizeStringer + ".unread-messages-notification {width: 251px !important;}"; //new-message WMEChatResizeStringer = WMEChatResizeStringer + "#chat .messages .new-message {width: 100% !important;}"; //chat-overlay WMEChatResizeStringer = WMEChatResizeStringer + "#chat-overlay {bottom: 24px !important; height: 85% !important;}"; // lets build up a string and set that as the innerhtml document.getElementById("WMEChatResizeCSS").innerHTML = WMEChatResizeStringer; }; WMEChatResize.TallShowUsers = function() { //alert("TallShowUsers"); //WMEChatResizeHeight = "tall"; // adjust my buttons document.getElementById('WMEChatResizeShortChatHideUsers').style.visibility="hidden"; // > short hide users document.getElementById('WMEChatResizeTallHideUsers').style.visibility="visible"; // > tall hide users document.getElementById('WMEChatResizeShortChatShowUsers').style.visibility="hidden"; // < short show users document.getElementById('WMEChatResizeTallShowUsers').style.visibility="hidden"; // < tall show users document.getElementById('WMEChatResizeShortChatHideUsers2').style.visibility="hidden"; // V short hide users document.getElementById('WMEChatResizeShortChatShowUsers2').style.visibility="visible"; // V short show users document.getElementById('WMEChatResizeTallHideUsers2').style.visibility="hidden"; // ^ tall hide users document.getElementById('WMEChatResizeTallShowUsers2').style.visibility="hidden"; // ^ tall show users document.getElementById('WMEChatResizeExtraShortChatHideUsers').style.visibility="visible"; // ^ tall show users var WMEChatResizeStringer = ""; //chat WMEChatResizeStringer = WMEChatResizeStringer + "#chat {width: 497px !important; height: 100% !important;}"; //chat-body WMEChatResizeStringer = WMEChatResizeStringer + ".chat-body {width: 497px !important; height: 96% !important;}"; //messages WMEChatResizeStringer = WMEChatResizeStringer + "#chat .messages {width: 350px !important; height: 95% !important;}"; //message-list //width: 350 px //top: 43px //bottom: 0px //position: absolute //no height //max-height:90% //message-list WMEChatResizeStringer = WMEChatResizeStringer + "#chat-overlay #chat .messages .message-list {width: 350px !important; top: 43px !important; bottom: 0px !important; position: absolute !important; max-height: 90% !important;}"; //users WMEChatResizeStringer = WMEChatResizeStringer + ".users {height: 99% !important; max-height: 100% !important;}"; //chat-overlay WMEChatResizeStringer = WMEChatResizeStringer + "#chat-overlay {bottom: 24px !important; height: 85% !important;}"; //new-message WMEChatResizeStringer = WMEChatResizeStringer + ".new-message {width: 350px !important;}"; //message-input WMEChatResizeStringer = WMEChatResizeStringer + ".message-input {width: 100% !important;}"; //unread-messages-notification WMEChatResizeStringer = WMEChatResizeStringer + ".unread-messages-notification {width: 322px !important;}"; // lets build up a string and set that as the innerhtml document.getElementById("WMEChatResizeCSS").innerHTML = WMEChatResizeStringer; }; WMEChatResize.ExtraShortChatHideUsers = function() { //alert("ExtraShortChatHideUsers"); // adjust my buttons document.getElementById('WMEChatResizeShortChatHideUsers').style.visibility="hidden"; // > short hide users document.getElementById('WMEChatResizeTallHideUsers').style.visibility="hidden"; // > tall hide users document.getElementById('WMEChatResizeShortChatShowUsers').style.visibility="visible"; // < short show users document.getElementById('WMEChatResizeTallShowUsers').style.visibility="hidden"; // < tall show users document.getElementById('WMEChatResizeShortChatHideUsers2').style.visibility="hidden"; // V short hide users document.getElementById('WMEChatResizeShortChatShowUsers2').style.visibility="hidden"; // V short show users document.getElementById('WMEChatResizeTallHideUsers2').style.visibility="visible"; // ^ tall hide users document.getElementById('WMEChatResizeTallShowUsers2').style.visibility="hidden"; // ^ tall show users document.getElementById('WMEChatResizeExtraShortChatHideUsers').style.visibility="hidden"; // ^ tall show users var WMEChatResizeStringer = ""; //hide users list WMEChatResizeStringer = WMEChatResizeStringer + ".users {visibility: hidden !important;}"; //document.getElementById('chat').style.width="275px"; //497 WMEChatResizeStringer = WMEChatResizeStringer + "#chat {height: 200px; width: 400px !important; }"; //width: 275px //chat-body WMEChatResizeStringer = WMEChatResizeStringer + ".chat-body {width: 400px !important;}"; //width: 275px //messages WMEChatResizeStringer = WMEChatResizeStringer + ".messages {width: 400px !important;}"; //width: 348px //message-list WMEChatResizeStringer = WMEChatResizeStringer + "#chat-overlay #chat .messages .message-list {width: 400px !important; top: 43px !important; bottom: 0px !important; position: absolute !important; max-height: 90% !important; min-height: 0px !important;}"; //width: 275px //new-message WMEChatResizeStringer = WMEChatResizeStringer + "#chat .messages .new-message {width: 100% !important;}"; //message-input WMEChatResizeStringer = WMEChatResizeStringer + ".message-input {width: 100% !important;}"; //unread-messages-notification width WMEChatResizeStringer = WMEChatResizeStringer + ".unread-messages-notification {width: 251px !important;}"; document.getElementById("WMEChatResizeCSS").innerHTML = WMEChatResizeStringer; }; WMEChatResize.startcode = function () { // Check if WME is loaded, if not, waiting a moment and checks again. if yes init WMEChatResize try { //if ("undefined" != typeof unsafeWindow.W.model.chat.rooms._events.listeners.add[0].obj.userPresenters[unsafeWindow.Waze.model.loginManager.user.id] ) { if ( $( "#chat" ).length ) { console.log("WMEChatResize ready to resize"); WMEChatResize.init(); } else { setTimeout(WMEChatResize.startcode, 200); } } catch(err) { setTimeout(WMEChatResize.startcode, 200); } }; //setTimeout(WMEChatResize.startcode, 5000); WMEChatResize.startcode(); } WMEChatResize_bootstrap();
