您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Adds resize buttons to the chat window
- // ==UserScript==
- // @name WME Chat Resizer and Auto Scroll
- // @description Adds resize buttons to the chat window
- // @namespace RickZabel@gmail.com
- // @grant none
- // @grant GM_info
- // @version 0.2.8
- // @match https://editor-beta.waze.com/*editor*
- // @match https://beta.waze.com/*editor*
- // @match https://www.waze.com/*editor*
- // @author Rick Zabel '2014
- // @license MIT/BSD/X11
- // ==/UserScript==
- var WMEChatResizeVersion = GM_info.script.version;
- var WMEChatResizeVersionUpdateNotes = "WME Chat Resizer has been updated to " + WMEChatResizeVersion;
- WMEChatResizeVersionUpdateNotes = WMEChatResizeVersionUpdateNotes + "\n" + "Updates for WME, chat addon, and chat UI fix";
- //alert the user in WMEChatResize version updates
- if (localStorage.getItem('WMEChatResizeVersion') == WMEChatResizeVersion) {
- //console.log("UR Chat Resize 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_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
- //
- var g = $('<style type="text/css">.WMEChatResize { font-size: 15px; color:#FFFFFF; background: transparent; border: 0px none !important; padding: 5px 5px 3px 3px; opacity: 100; }</style>');
- $("head").append(g);
- var g = $('<style type="text/css">.WMEChatResizeScrollChat { font-size: 15px; color:#FFFFFF; background: transparent; border: 0px none !important; padding: 3px 3px 3px 3px; opacity: 100; }</style>');
- $("head").append(g);
- var b = "";
- b = b + '<div id="ChatResizeHeader" style="top: 0px; height: 25px; text-align: center; padding: 0px 0px 0px 0px;color:#5A5A5A; font-size: 10px; width: 100%;">';
- //auto scroll running
- b = b + '<button id="WMEChatResizeAutoScrollChatIsRunning" class="WMEChatResizeScrollChat" style="position:absolute;Left:15px" title="MEChatResize Auto Scroll Running" type="button">v</button>';
- //stopped auto scrolling
- b = b + '<button id="WMEChatResizeAutoScrollChatIsStopped" class="WMEChatResizeScrollChat" style="position:absolute;Left:15px" title="MEChatResize Auto Scroll Stopped" type="button">-</button>';
- b = b + ' Chat Resizer  ' + WMEChatResizeVersion;
- //Short Chat Hide Users
- b = b + '<button id="WMEChatResizeShortChatHideUsers" class="WMEChatResize" style="position:absolute;Right:15px;" title="Short Chat Hide Users" type="button"><</button>';
- //Tall Chat Hide Users
- b = b + '<button id="WMEChatResizeTallHideUsers" class="WMEChatResize" style="position:absolute;Right:15px;" title="Tall Chat Hide Users" type="button"><</button>';
- //Short Chat Show Users
- b = b + '<button id="WMEChatResizeShortChatShowUsers" class="WMEChatResize" style="position:absolute;Right:15px;" title="Short Chat Show Users" type="button">></button>';
- //Tall Chat Show Users
- b = b + '<button id="WMEChatResizeTallShowUsers" class="WMEChatResize" style="position:absolute;Right:15px;" title="Tall Chat Show Users" type="button">></button>';
- //Tall Chat Go Short with Hidden Users
- b = b + '<button id="WMEChatResizeShortChatHideUsers2" class="WMEChatResize" style="position:absolute;Right:35px;" title="Tall Chat Go Short with Hidden Users" type="button">v</button>';
- //Tall Chat Go Short and Show Users
- b = b + '<button id="WMEChatResizeShortChatShowUsers2" class="WMEChatResize" style="position:absolute;Right:35px;" title="Tall Chat Go Short With Shown Users" type="button">v</button>';
- //Short Chat Go Tall and Hide Users
- b = b + '<button id="WMEChatResizeTallHideUsers2" class="WMEChatResize" style="position:absolute;Right:35px;" title="Short Chat Go Tall and Hide Users" type="button">^</button>';
- //Short Chat Go Tall and Show Users
- b = b + '<button id="WMEChatResizeTallShowUsers2" class="WMEChatResize" style="position:absolute;Right:35px;" title="Short Chat Go Tall and Show Users" type="button">^</button>';
- /*
- //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 = b + '<button id="WMEChatResizeExtraShortChatHideUsers" class="WMEChatResize" style="position:absolute;Right:55px;" title="Extra short chat" type="button">_</button>';
- b = b + '</div>';
- //alert(b);
- //style="position:absolute;Right:50px;color:#CC0000"
- //$("#chat .header").append($(b));
- //$("#chat").prepend($(b));
- $("#chat .header").prepend($(b));
- //$("#ChatResizeHeader").mouseup(WMEChatResize.ChatResizeminchat);
- $("#ChatResizeHeader").mouseup(function(e) {
- //alert(e.which);
- if (e.which == 1) {
- //check to make sure we are not over any of our buttons
- if ($('#WMEChatResizeAutoScrollChatIsRunning').is(':hover') || $('#WMEChatResizeAutoScrollChatIsStopped').is(':hover') || $('#WMEChatResizeTallHideUsers').is(':hover') || $('#WMEChatResizeShortChatShowUsers').is(':hover') || $('#WMEChatResizeTallShowUsers').is(':hover') || $('#WMEChatResizeShortChatHideUsers2').is(':hover') || $('#WMEChatResizeShortChatShowUsers2').is(':hover') || $('#WMEChatResizeTallHideUsers2').is(':hover') || $('#WMEChatResizeTallShowUsers2').is(':hover') || $('#WMEChatResizeExtraShortChatHideUsers').is(':hover') || $('#WMEChatResizeShortChatHideUsers').is(':hover')) {
- //alert('mouse over buttons');
- } else {
- //click the chat toggle button (chat balloon)_
- $('#chat-overlay.open .toggle').trigger('click');
- }
- }
- //alert(e.which);
- });
- //setup button clicks
- $("#WMEChatResizeShortChatHideUsers").click(WMEChatResize.ShortChatHideUsers);
- $("#WMEChatResizeTallHideUsers").click(WMEChatResize.TallHideUsers);
- $("#WMEChatResizeShortChatShowUsers").click(WMEChatResize.ShortChatShowUsers);
- $("#WMEChatResizeTallShowUsers").click(WMEChatResize.TallShowUsers);
- $("#WMEChatResizeShortChatHideUsers2").click(WMEChatResize.ShortChatHideUsers);
- $("#WMEChatResizeShortChatShowUsers2").click(WMEChatResize.ShortChatShowUsers);
- $("#WMEChatResizeTallHideUsers2").click(WMEChatResize.TallHideUsers);
- $("#WMEChatResizeTallShowUsers2").click(WMEChatResize.TallShowUsers);
- $("#WMEChatResizeExtraShortChatHideUsers").click(WMEChatResize.ExtraShortChatHideUsers);
- $("#WMEChatResizeAutoScrollChatIsRunning").click(WMEChatResize.WMEChatResizeAutoScrollChatIsStopped);
- $("#WMEChatResizeAutoScrollChatIsStopped").click(WMEChatResize.WMEChatResizeAutoScrollChatGo);
- /*
- //auto scroll div
- b = $('<div id="autoscrolldiv" Style="position:absolute; left: 0px; bottom: 15px; width 10px;"></div>');
- //b = $('<div id="autoscrolldiv" Style="width: 50%; position: relative;"></div>');
- $(".new-message").after(b);
- //$("#chat").prepend(b);
- //auto scroll running
- //position:absolute;Left:4px;bottom: 20px; Right:5px;color:#CC0000; background: #ffffff; border: 0px none !important; padding: 0px 0px 0px 0px;
- //opacity: 100;color:#CC0000; background: #ffffff; border: 0px none !important; padding: 0px 0px 0px 0px;
- b = $('<button id="WMEChatResizeAutoScrollChatIsRunning" class="WMEChatResizeScrollChat" style="position:absolute;Left:6px;bottom: 0px; 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);
- $("#autoscrolldiv").prepend(b);
- //stopped auto scrolling
- //position:absolute;Left:6px;bottom: 20px; Right:5px;color:#CC0000; background: #ffffff; border: 0px none !important; padding: 0px 0px 0px 0px;
- b = $('<button id="WMEChatResizeAutoScrollChatIsStopped" class="WMEChatResizeScrollChat" style="position:absolute;Left:6px;bottom: 0px; opacity: 100; 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);
- $("#autoscrolldiv").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);
- //this is the container I use to apply css to the site
- //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">.list-unstyled {padding-left: 5px !important;}</style>');
- $("head").append(h);
- //move the chat all the way to the left
- //document.getElementById('chat-overlay').style.left="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.ChatResizeminchat = function(a) {
- //minimize the chat if chatresize's header is clicked
- //check to make sure we are not over any of our buttons
- if ($('#WMEChatResizeAutoScrollChatIsRunning').is(':hover') || $('#WMEChatResizeAutoScrollChatIsStopped').is(':hover') || $('#WMEChatResizeTallHideUsers').is(':hover') || $('#WMEChatResizeShortChatShowUsers').is(':hover') || $('#WMEChatResizeTallShowUsers').is(':hover') || $('#WMEChatResizeShortChatHideUsers2').is(':hover') || $('#WMEChatResizeShortChatShowUsers2').is(':hover') || $('#WMEChatResizeTallHideUsers2').is(':hover') || $('#WMEChatResizeTallShowUsers2').is(':hover') || $('#WMEChatResizeExtraShortChatHideUsers').is(':hover') || $('#WMEChatResizeShortChatHideUsers').is(':hover')) {
- //alert('mouse over buttons');
- } else {
- //click the chat toggle button (chat balloon)_
- //$('#chat-overlay.open .toggle').trigger('click');
- }
- };
- WMEChatResize.WMEChatResizeAutoScrollChatIsStopped = function() {
- //console.log("WME Chat Resizer - Clicked Stop 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);
- //the count was possible killing browser, disabled to be on the safe side
- //WMEChatResizeAutoScrollChatCount++;;
- //$("#WMEChatResizeAutoScrollChatIsRunning").html(WMEChatResizeAutoScrollChatCount);
- //console.log("WMEChatResize - Scrolling Down To The Bottom Of Chat; " + WMEChatResizeAutoScrollChatCount + " Times.");
- //console.log("WMEChatResize - Scrolling Down To The Bottom Of Chat");
- }
- }
- 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");
- //console.log("WME Chat Resizer - 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="visible"; // ^ tall show users
- var WMEChatResizeStringer = "";
- //hide users list
- WMEChatResizeStringer = WMEChatResizeStringer + ".users {visibility: hidden !important; width: 195px !important;}";
- //document.getElementById('chat').style.width="310px "; //497
- WMEChatResizeStringer = WMEChatResizeStringer + "#chat {width: 360px !important; }";
- //chat-body
- WMEChatResizeStringer = WMEChatResizeStringer + ".chat-body {width: 360px !important;}";
- //messages
- WMEChatResizeStringer = WMEChatResizeStringer + ".messages {width: 348px !important; border-right: 0px solid rgba(126, 126, 126, 0.26)!important;}";
- //message-list
- //WMEChatResizeStringer = WMEChatResizeStringer + ".message-list {width: 310px ; max-height: 246px;}"
- WMEChatResizeStringer = WMEChatResizeStringer + "#chat-overlay #chat .messages .message-list {width: 360px !important; top: 76px !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;}";
- //.list-unstyled Chataddon padding fix
- WMEChatResizeStringer = WMEChatResizeStringer + ".list-unstyled {padding-left: 5px !important;}"
- document.getElementById("WMEChatResizeCSS").innerHTML = WMEChatResizeStringer;
- };
- WMEChatResize.ShortChatShowUsers = function() {
- //alert("ShortChatShowUsers");
- //console.log("WME Chat Resizer - 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; width: 195px !important;}";
- //#chat
- //WMEChatResizeStringer = WMEChatResizeStringer + "#chat {width: 497px !important;}"; //derived width 620 px
- WMEChatResizeStringer = WMEChatResizeStringer + "#chat {width: 620px !important;}"; //derived width 620 px
- //chat-body
- //WMEChatResizeStringer = WMEChatResizeStringer + ".chat-body {width: 497px !important;}"; //derived width 620 px
- WMEChatResizeStringer = WMEChatResizeStringer + ".chat-body {width: 620px !important;}"; //derived width 620 px
- //messages
- //WMEChatResizeStringer = WMEChatResizeStringer + ".messages {width: 349px !important;}"; //427
- WMEChatResizeStringer = WMEChatResizeStringer + ".messages {width: 427px !important;}"; //427
- //message-list
- //WMEChatResizeStringer = WMEChatResizeStringer + ".message-list {width: 348px !important; max-height: 246px !important;}";
- //derived 396
- WMEChatResizeStringer = WMEChatResizeStringer + ".message-list {width: 396px !important; width: auto!important; max-height: 246px !important;}";
- //new-message
- //WMEChatResizeStringer = WMEChatResizeStringer + ".new-message {width: 349px !important;}"; //427
- WMEChatResizeStringer = WMEChatResizeStringer + ".new-message {width: 427px !important;}"; //427
- //message-input
- WMEChatResizeStringer = WMEChatResizeStringer + ".message-input {width: 100% !important;}";
- //unread-messages-notification
- //WMEChatResizeStringer = WMEChatResizeStringer + ".unread-messages-notification {width: 322px !important;}"; //427
- WMEChatResizeStringer = WMEChatResizeStringer + ".unread-messages-notification {width: 427px !important;}"; //427
- //.list-unstyled Chataddon padding fix
- WMEChatResizeStringer = WMEChatResizeStringer + ".list-unstyled {padding-left: 5px !important;}"
- document.getElementById("WMEChatResizeCSS").innerHTML = WMEChatResizeStringer;
- };
- WMEChatResize.TallHideUsers = function() {
- //alert("TallHideUsers");
- //WMEChatResizeHeight = "tall";
- //console.log("WME Chat Resizer - TallHideUsers");
- // 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="visible"; // ^ tall show users
- var WMEChatResizeStringer = "";
- //chat
- WMEChatResizeStringer = WMEChatResizeStringer + "#chat {height: 100% !important; width: 360px !important;}";
- //chat-body
- WMEChatResizeStringer = WMEChatResizeStringer + ".chat-body {height: 96% !important; width: 360px !important;}";
- //messages
- WMEChatResizeStringer = WMEChatResizeStringer + "#chat .messages {height: 95% !important; width: 348px !important; border-right: 0px solid rgba(126, 126, 126, 0.26)!important;}";
- WMEChatResizeStringer = WMEChatResizeStringer + "#chat-overlay #chat .messages .message-list {width: 360px !important;height: auto!important; top: 76px !important; bottom: 0px !important; position: absolute !important; max-height: 90% !important;}";
- //hide users list
- WMEChatResizeStringer = WMEChatResizeStringer + ".users {visibility: hidden !important; width: 195px !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: 26px !important; height: 85% !important;}";
- //.list-unstyled Chataddon padding fix
- WMEChatResizeStringer = WMEChatResizeStringer + ".list-unstyled {padding-left: 5px !important;}"
- // lets build up a string and set that as the innerhtml
- document.getElementById("WMEChatResizeCSS").innerHTML = WMEChatResizeStringer;
- };
- WMEChatResize.TallShowUsers = function() {
- //alert("TallShowUsers");
- //WMEChatResizeHeight = "tall";
- //console.log("WME Chat Resizer - TallShowUsers");
- // 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: 482px !important; height: 95% !important;}";
- //message-list
- WMEChatResizeStringer = WMEChatResizeStringer + "#chat-overlay #chat .messages .message-list {width: 349px !important; height: auto!important; top: 76px !important; bottom: 0px !important; position: absolute !important; max-height: 90% !important;}";
- //users
- WMEChatResizeStringer = WMEChatResizeStringer + ".users {height: 99% !important; max-height: 91% !important; width: 195px !important;}";
- //chat-overlay
- WMEChatResizeStringer = WMEChatResizeStringer + "#chat-overlay {bottom: 26px !important; height: 85% !important;}";
- //new-message
- WMEChatResizeStringer = WMEChatResizeStringer + ".new-message {width: 349px !important;}";
- //message-input
- WMEChatResizeStringer = WMEChatResizeStringer + ".message-input {width: 100% !important;}";
- //unread-messages-notification
- WMEChatResizeStringer = WMEChatResizeStringer + ".unread-messages-notification {width: 322px !important;}";
- //.list-unstyled Chataddon padding fix
- WMEChatResizeStringer = WMEChatResizeStringer + ".list-unstyled {padding-left: 5px !important;}"
- // lets build up a string and set that as the innerhtml
- document.getElementById("WMEChatResizeCSS").innerHTML = WMEChatResizeStringer;
- };
- WMEChatResize.ExtraShortChatHideUsers = function() {
- //alert("ExtraShortChatHideUsers");
- //console.log("WME Chat Resizer - 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; width: 195px !important;}";
- //document.getElementById('chat').style.width="310px "; //497
- WMEChatResizeStringer = WMEChatResizeStringer + "#chat {height: 200px !important; width: 400px !important; }"; //width: 310px
- //chat-body
- WMEChatResizeStringer = WMEChatResizeStringer + ".chat-body {width: 400px !important;}"; //width: 310px
- //messages
- WMEChatResizeStringer = WMEChatResizeStringer + ".messages {width: 400px !important; border-right: 0px solid rgba(126, 126, 126, 0.26)!important;}"; //width: 348px
- //#chat-overlay
- WMEChatResizeStringer = WMEChatResizeStringer + "#chat-overlay {height: 200px !important}";
- //message-list
- WMEChatResizeStringer = WMEChatResizeStringer + "#chat-overlay #chat .messages .message-list {width: 400px !important; top: 76px !important; bottom: 0px !important; position: absolute !important; max-height: 90% !important; min-height: 0px !important;}"; //width: 310px
- //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;}";
- //.list-unstyled Chataddon padding fix
- WMEChatResizeStringer = WMEChatResizeStringer + ".list-unstyled {padding-left: 5px !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.W.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_init();