chatjs.php 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807
  1. <?php
  2. require_once("user.php");
  3. $USER = new User("registration_callback");
  4. $userpic = md5( strtolower( trim( $USER->email ) ) );
  5. header("Content-type: application/javascript");
  6. ?>
  7. var isMobile = false; //initiate as false
  8. // device detection
  9. if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent)
  10. || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) isMobile = true;
  11. /*
  12. * JavaScript MD5
  13. * https://github.com/blueimp/JavaScript-MD5
  14. *
  15. * Copyright 2011, Sebastian Tschan
  16. * https://blueimp.net
  17. *
  18. * Licensed under the MIT license:
  19. * https://opensource.org/licenses/MIT
  20. *
  21. * Based on
  22. * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message
  23. * Digest Algorithm, as defined in RFC 1321.
  24. * Version 2.2 Copyright (C) Paul Johnston 1999 - 2009
  25. * Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet
  26. * Distributed under the BSD License
  27. * See http://pajhome.org.uk/crypt/md5 for more info.
  28. */
  29. /* global define */
  30. ;(function ($) {
  31. 'use strict'
  32. /*
  33. * Add integers, wrapping at 2^32. This uses 16-bit operations internally
  34. * to work around bugs in some JS interpreters.
  35. */
  36. function safeAdd (x, y) {
  37. var lsw = (x & 0xFFFF) + (y & 0xFFFF)
  38. var msw = (x >> 16) + (y >> 16) + (lsw >> 16)
  39. return (msw << 16) | (lsw & 0xFFFF)
  40. }
  41. /*
  42. * Bitwise rotate a 32-bit number to the left.
  43. */
  44. function bitRotateLeft (num, cnt) {
  45. return (num << cnt) | (num >>> (32 - cnt))
  46. }
  47. /*
  48. * These functions implement the four basic operations the algorithm uses.
  49. */
  50. function md5cmn (q, a, b, x, s, t) {
  51. return safeAdd(bitRotateLeft(safeAdd(safeAdd(a, q), safeAdd(x, t)), s), b)
  52. }
  53. function md5ff (a, b, c, d, x, s, t) {
  54. return md5cmn((b & c) | ((~b) & d), a, b, x, s, t)
  55. }
  56. function md5gg (a, b, c, d, x, s, t) {
  57. return md5cmn((b & d) | (c & (~d)), a, b, x, s, t)
  58. }
  59. function md5hh (a, b, c, d, x, s, t) {
  60. return md5cmn(b ^ c ^ d, a, b, x, s, t)
  61. }
  62. function md5ii (a, b, c, d, x, s, t) {
  63. return md5cmn(c ^ (b | (~d)), a, b, x, s, t)
  64. }
  65. /*
  66. * Calculate the MD5 of an array of little-endian words, and a bit length.
  67. */
  68. function binlMD5 (x, len) {
  69. /* append padding */
  70. x[len >> 5] |= 0x80 << (len % 32)
  71. x[(((len + 64) >>> 9) << 4) + 14] = len
  72. var i
  73. var olda
  74. var oldb
  75. var oldc
  76. var oldd
  77. var a = 1732584193
  78. var b = -271733879
  79. var c = -1732584194
  80. var d = 271733878
  81. for (i = 0; i < x.length; i += 16) {
  82. olda = a
  83. oldb = b
  84. oldc = c
  85. oldd = d
  86. a = md5ff(a, b, c, d, x[i], 7, -680876936)
  87. d = md5ff(d, a, b, c, x[i + 1], 12, -389564586)
  88. c = md5ff(c, d, a, b, x[i + 2], 17, 606105819)
  89. b = md5ff(b, c, d, a, x[i + 3], 22, -1044525330)
  90. a = md5ff(a, b, c, d, x[i + 4], 7, -176418897)
  91. d = md5ff(d, a, b, c, x[i + 5], 12, 1200080426)
  92. c = md5ff(c, d, a, b, x[i + 6], 17, -1473231341)
  93. b = md5ff(b, c, d, a, x[i + 7], 22, -45705983)
  94. a = md5ff(a, b, c, d, x[i + 8], 7, 1770035416)
  95. d = md5ff(d, a, b, c, x[i + 9], 12, -1958414417)
  96. c = md5ff(c, d, a, b, x[i + 10], 17, -42063)
  97. b = md5ff(b, c, d, a, x[i + 11], 22, -1990404162)
  98. a = md5ff(a, b, c, d, x[i + 12], 7, 1804603682)
  99. d = md5ff(d, a, b, c, x[i + 13], 12, -40341101)
  100. c = md5ff(c, d, a, b, x[i + 14], 17, -1502002290)
  101. b = md5ff(b, c, d, a, x[i + 15], 22, 1236535329)
  102. a = md5gg(a, b, c, d, x[i + 1], 5, -165796510)
  103. d = md5gg(d, a, b, c, x[i + 6], 9, -1069501632)
  104. c = md5gg(c, d, a, b, x[i + 11], 14, 643717713)
  105. b = md5gg(b, c, d, a, x[i], 20, -373897302)
  106. a = md5gg(a, b, c, d, x[i + 5], 5, -701558691)
  107. d = md5gg(d, a, b, c, x[i + 10], 9, 38016083)
  108. c = md5gg(c, d, a, b, x[i + 15], 14, -660478335)
  109. b = md5gg(b, c, d, a, x[i + 4], 20, -405537848)
  110. a = md5gg(a, b, c, d, x[i + 9], 5, 568446438)
  111. d = md5gg(d, a, b, c, x[i + 14], 9, -1019803690)
  112. c = md5gg(c, d, a, b, x[i + 3], 14, -187363961)
  113. b = md5gg(b, c, d, a, x[i + 8], 20, 1163531501)
  114. a = md5gg(a, b, c, d, x[i + 13], 5, -1444681467)
  115. d = md5gg(d, a, b, c, x[i + 2], 9, -51403784)
  116. c = md5gg(c, d, a, b, x[i + 7], 14, 1735328473)
  117. b = md5gg(b, c, d, a, x[i + 12], 20, -1926607734)
  118. a = md5hh(a, b, c, d, x[i + 5], 4, -378558)
  119. d = md5hh(d, a, b, c, x[i + 8], 11, -2022574463)
  120. c = md5hh(c, d, a, b, x[i + 11], 16, 1839030562)
  121. b = md5hh(b, c, d, a, x[i + 14], 23, -35309556)
  122. a = md5hh(a, b, c, d, x[i + 1], 4, -1530992060)
  123. d = md5hh(d, a, b, c, x[i + 4], 11, 1272893353)
  124. c = md5hh(c, d, a, b, x[i + 7], 16, -155497632)
  125. b = md5hh(b, c, d, a, x[i + 10], 23, -1094730640)
  126. a = md5hh(a, b, c, d, x[i + 13], 4, 681279174)
  127. d = md5hh(d, a, b, c, x[i], 11, -358537222)
  128. c = md5hh(c, d, a, b, x[i + 3], 16, -722521979)
  129. b = md5hh(b, c, d, a, x[i + 6], 23, 76029189)
  130. a = md5hh(a, b, c, d, x[i + 9], 4, -640364487)
  131. d = md5hh(d, a, b, c, x[i + 12], 11, -421815835)
  132. c = md5hh(c, d, a, b, x[i + 15], 16, 530742520)
  133. b = md5hh(b, c, d, a, x[i + 2], 23, -995338651)
  134. a = md5ii(a, b, c, d, x[i], 6, -198630844)
  135. d = md5ii(d, a, b, c, x[i + 7], 10, 1126891415)
  136. c = md5ii(c, d, a, b, x[i + 14], 15, -1416354905)
  137. b = md5ii(b, c, d, a, x[i + 5], 21, -57434055)
  138. a = md5ii(a, b, c, d, x[i + 12], 6, 1700485571)
  139. d = md5ii(d, a, b, c, x[i + 3], 10, -1894986606)
  140. c = md5ii(c, d, a, b, x[i + 10], 15, -1051523)
  141. b = md5ii(b, c, d, a, x[i + 1], 21, -2054922799)
  142. a = md5ii(a, b, c, d, x[i + 8], 6, 1873313359)
  143. d = md5ii(d, a, b, c, x[i + 15], 10, -30611744)
  144. c = md5ii(c, d, a, b, x[i + 6], 15, -1560198380)
  145. b = md5ii(b, c, d, a, x[i + 13], 21, 1309151649)
  146. a = md5ii(a, b, c, d, x[i + 4], 6, -145523070)
  147. d = md5ii(d, a, b, c, x[i + 11], 10, -1120210379)
  148. c = md5ii(c, d, a, b, x[i + 2], 15, 718787259)
  149. b = md5ii(b, c, d, a, x[i + 9], 21, -343485551)
  150. a = safeAdd(a, olda)
  151. b = safeAdd(b, oldb)
  152. c = safeAdd(c, oldc)
  153. d = safeAdd(d, oldd)
  154. }
  155. return [a, b, c, d]
  156. }
  157. /*
  158. * Convert an array of little-endian words to a string
  159. */
  160. function binl2rstr (input) {
  161. var i
  162. var output = ''
  163. var length32 = input.length * 32
  164. for (i = 0; i < length32; i += 8) {
  165. output += String.fromCharCode((input[i >> 5] >>> (i % 32)) & 0xFF)
  166. }
  167. return output
  168. }
  169. /*
  170. * Convert a raw string to an array of little-endian words
  171. * Characters >255 have their high-byte silently ignored.
  172. */
  173. function rstr2binl (input) {
  174. var i
  175. var output = []
  176. output[(input.length >> 2) - 1] = undefined
  177. for (i = 0; i < output.length; i += 1) {
  178. output[i] = 0
  179. }
  180. var length8 = input.length * 8
  181. for (i = 0; i < length8; i += 8) {
  182. output[i >> 5] |= (input.charCodeAt(i / 8) & 0xFF) << (i % 32)
  183. }
  184. return output
  185. }
  186. /*
  187. * Calculate the MD5 of a raw string
  188. */
  189. function rstrMD5 (s) {
  190. return binl2rstr(binlMD5(rstr2binl(s), s.length * 8))
  191. }
  192. /*
  193. * Calculate the HMAC-MD5, of a key and some data (raw strings)
  194. */
  195. function rstrHMACMD5 (key, data) {
  196. var i
  197. var bkey = rstr2binl(key)
  198. var ipad = []
  199. var opad = []
  200. var hash
  201. ipad[15] = opad[15] = undefined
  202. if (bkey.length > 16) {
  203. bkey = binlMD5(bkey, key.length * 8)
  204. }
  205. for (i = 0; i < 16; i += 1) {
  206. ipad[i] = bkey[i] ^ 0x36363636
  207. opad[i] = bkey[i] ^ 0x5C5C5C5C
  208. }
  209. hash = binlMD5(ipad.concat(rstr2binl(data)), 512 + data.length * 8)
  210. return binl2rstr(binlMD5(opad.concat(hash), 512 + 128))
  211. }
  212. /*
  213. * Convert a raw string to a hex string
  214. */
  215. function rstr2hex (input) {
  216. var hexTab = '0123456789abcdef'
  217. var output = ''
  218. var x
  219. var i
  220. for (i = 0; i < input.length; i += 1) {
  221. x = input.charCodeAt(i)
  222. output += hexTab.charAt((x >>> 4) & 0x0F) +
  223. hexTab.charAt(x & 0x0F)
  224. }
  225. return output
  226. }
  227. /*
  228. * Encode a string as utf-8
  229. */
  230. function str2rstrUTF8 (input) {
  231. return unescape(encodeURIComponent(input))
  232. }
  233. /*
  234. * Take string arguments and return either raw or hex encoded strings
  235. */
  236. function rawMD5 (s) {
  237. return rstrMD5(str2rstrUTF8(s))
  238. }
  239. function hexMD5 (s) {
  240. return rstr2hex(rawMD5(s))
  241. }
  242. function rawHMACMD5 (k, d) {
  243. return rstrHMACMD5(str2rstrUTF8(k), str2rstrUTF8(d))
  244. }
  245. function hexHMACMD5 (k, d) {
  246. return rstr2hex(rawHMACMD5(k, d))
  247. }
  248. function md5 (string, key, raw) {
  249. if (!key) {
  250. if (!raw) {
  251. return hexMD5(string)
  252. }
  253. return rawMD5(string)
  254. }
  255. if (!raw) {
  256. return hexHMACMD5(key, string)
  257. }
  258. return rawHMACMD5(key, string)
  259. }
  260. if (typeof define === 'function' && define.amd) {
  261. define(function () {
  262. return md5
  263. })
  264. } else if (typeof module === 'object' && module.exports) {
  265. module.exports = md5
  266. } else {
  267. $.md5 = md5
  268. }
  269. }(this));
  270. $(document).ready(function()
  271. {
  272. // init
  273. $(window).focus();
  274. var tabinfocus = true;
  275. $("#chat").hide();
  276. $("#username").val("");
  277. $("#username").focus();
  278. // allowed characters in username
  279. $("#username").keyup(function()
  280. {
  281. var text = $(this).val();
  282. $(this).val(text.replace(/[^a-zA-Z0-9 ]/g, ""));
  283. });
  284. // enter username
  285. var user = "";
  286. user = "<?php echo $USER->username; ?>";
  287. // choose avatar, check username, start chat
  288. var avatar = "";
  289. avatar = "https://www.gravatar.com/avatar/" + md5('<?php echo $USER->email; ?>') + "?d=mm";
  290. startchat();
  291. // start chat
  292. function startchat()
  293. {
  294. // zoom chat to fit viewport
  295. if( $(window).innerWidth() > 630 ) // if not mobile
  296. {
  297. var ratio = $(window).innerHeight() / 660; // browser viewport by chat height
  298. //$("#chat").css("zoom", ratio);
  299. //$("#chat").css("-moz-transform-origin", "0 0");
  300. //$("#chat").css("-moz-transform", "scale(" + ratio + ")");
  301. }
  302. // update favicon to user avatar
  303. //$("#favicon").remove();
  304. //var userfavicon = "<link id=\"favicon\" type=\"image/x-icon\"" +
  305. " rel=\"shortcut icon\" href=\"img/" + avatar + ".ico\">";
  306. //$(userfavicon).appendTo("head");
  307. // start chat
  308. $("#createuser").hide();
  309. $("#chat").show();
  310. $("#message").focus();
  311. refresh();
  312. }
  313. // allowed characters in message
  314. // log message
  315. $("#message").focus().keypress(function(event)
  316. {
  317. if( event.keyCode === 13 )
  318. {
  319. event.preventDefault();
  320. if( $("#content").is(":visible") )
  321. {
  322. var message = $("#message").val();
  323. message = encodeURIComponent(message);
  324. var data = "messagedata=" + message + "###" + user + "###" + avatar;
  325. $(this).val("");
  326. $.ajax
  327. ({
  328. type: "POST",
  329. url: "chat/logmessage.php",
  330. data: data,
  331. cache: false
  332. });
  333. }
  334. }
  335. });
  336. // log emoticon
  337. $(".emoticonimg").click(function()
  338. {
  339. var emoticonselected = $(this);
  340. emoticonselected.hide();
  341. var emoticonid = $(this).attr("id");
  342. var data = "messagedata=" + "specialchar" + emoticonid + "###" + user + "###" + avatar;
  343. $.ajax
  344. ({
  345. type: "POST",
  346. url: "chat/logmessage.php",
  347. data: data,
  348. cache: false,
  349. success: function(result)
  350. {
  351. emoticonselected.show();
  352. }
  353. });
  354. });
  355. // show upload form
  356. $("#showuploadform").click(function()
  357. {
  358. $("#showuploadform").hide();
  359. $("#showemoticons").show();
  360. $("#uploadform").show();
  361. $("#emoticons").hide();
  362. $("#loadingwrapper").hide();
  363. var r = Math.floor((Math.random() * 14) + 1);
  364. var randomemoticon = "chat/img/emoticon" + r + ".png";
  365. $("#showemoticonsimg").attr("src", randomemoticon);
  366. refresh(); // also use as manual content refresh
  367. });
  368. // upload image
  369. $("#form").submit(function(event)
  370. {
  371. event.preventDefault();
  372. $("#uploadform").hide();
  373. $("#showemoticons").hide();
  374. $("#loadingwrapper").show();
  375. var filedata = $("#uploadimage").prop("files")[0];
  376. var formdata = new FormData();
  377. formdata.append("image", filedata);
  378. var datavars = user + "###" + avatar;
  379. formdata.append("datavars", datavars);
  380. $.ajax
  381. ({
  382. type: "POST",
  383. url: "chat/uploadimage.php",
  384. cache: false,
  385. contentType: false,
  386. processData: false,
  387. data: formdata,
  388. success: function(result)
  389. {
  390. $("#uploadimage").val("");
  391. $("#showuploadform").show();
  392. $("#showemoticons").hide();
  393. $("#uploadform").hide();
  394. $("#loadingwrapper").hide();
  395. $("#content").show();
  396. $("#emoticons").show();
  397. }
  398. });
  399. });
  400. // show emoticons
  401. $("#showemoticons").click(function()
  402. {
  403. $("#showuploadform").show();
  404. $("#showemoticons").hide();
  405. $("#uploadform").hide();
  406. $("#loadingwrapper").hide();
  407. $("#content").show();
  408. $("#emoticons").show();
  409. });
  410. // refresh content
  411. var content = $("#messages");
  412. var newcontent = content.html();
  413. function refresh()
  414. {
  415. setTimeout(function()
  416. {
  417. var data = "user=" + user;
  418. $.ajax
  419. ({
  420. type: "POST",
  421. url: "chat/refreshmessages.php",
  422. data: data,
  423. cache: false,
  424. success: function(result)
  425. {
  426. // check who is still online
  427. var datetoday = new Date();
  428. var timenow = datetoday.getTime() / 1000;
  429. $.ajax
  430. ({
  431. url: "chat/getonline.php",
  432. cache: false,
  433. success: function(result)
  434. {
  435. var onlineusers = JSON.parse(result);
  436. var oldonlineusers = $("#onlineusers").html();
  437. var newonlineusers = '';
  438. if( onlineusers.length <= 0 ) // no user typing
  439. {
  440. newonlineusers += "No Users Online";
  441. }
  442. else
  443. {
  444. if( onlineusers.length >= 1 ) // one user typing
  445. {
  446. jQuery.each( onlineusers, function( i, val ) {
  447. var timecheck = val[1];
  448. var status = "";
  449. var color = "";
  450. if( timecheck < timenow - 1800 )
  451. {
  452. status = '<span style="min-height: 14px;margin-top: 10px;" class="pull-right badge badge-danger animated pulse"> </span>';
  453. color = "red";
  454. }else{
  455. status = '<span style="min-height: 14px;margin-top: 10px;" class="pull-right badge badge-success animated flash"> </span>';
  456. color = "blue";
  457. }
  458. if( timecheck < timenow - 3600 )
  459. {
  460. newonlineusers += '';
  461. }else{
  462. newonlineusers += '<div class="member-info"><img style="height:40px" src="'+val[2]+'" alt="admin" class="img-circle"><span class="member-name">'+val[0]+'</span>'+status+'</div>';
  463. i++;
  464. }
  465. $("img[alt^='"+val[0]+"']").each(function()
  466. {
  467. var timestamp = val[1];
  468. // set user offline avatar
  469. if( timestamp < timenow - 1800 )
  470. {
  471. $(this).addClass("offline");
  472. $(this).removeClass("online");
  473. }
  474. else // set user online avatar
  475. {
  476. $(this).addClass("online");
  477. $(this).removeClass("offline");
  478. }
  479. });
  480. });
  481. }
  482. }
  483. if(newonlineusers === ''){ newonlineusers = "No Users Online";}
  484. if( newonlineusers != oldonlineusers )
  485. {
  486. $("#onlineusers").html(newonlineusers);
  487. }
  488. }
  489. });
  490. // new messages
  491. var newmessages = result.split("###endofmessage###");
  492. for( var i=0; i<newmessages.length; i++ )
  493. {
  494. var message = newmessages[i];
  495. if( message != "" )
  496. {
  497. var messagekeypos = message.indexOf("avatarandtext");
  498. var messagekey = message.substr(messagekeypos + 19, 32);
  499. var contentdom = document.getElementById("messages");
  500. var messagedom = document.getElementById(messagekey);
  501. if( $.contains(contentdom, messagedom) == false )
  502. {
  503. // append new message
  504. content.append(message).promise().done(function()
  505. {
  506. // scroll to bottom
  507. if( newcontent != content.html() )
  508. {
  509. var toscroll = document.getElementById("messages");
  510. toscroll.scrollTop = toscroll.scrollHeight;
  511. $(".box").animate({ scrollTop: $('.box').prop("scrollHeight")}, 0);
  512. newcontent = content.html();
  513. }
  514. // new message tab alert
  515. var userwriting = user + "writing";
  516. if( message.lastIndexOf(userwriting) == -1 )
  517. {
  518. newmessagealert(message);
  519. }
  520. // refresh eventlisteners of messages to set likes
  521. $(".messagelike").unbind().click(function()
  522. {
  523. if( this.innerHTML.indexOf("target=") == -1 &&
  524. this.innerHTML.indexOf("_blank") == -1 )
  525. {
  526. likemessage(this.id);
  527. }
  528. });
  529. });
  530. }
  531. }
  532. }
  533. // get and show likes
  534. $.ajax
  535. ({
  536. url: "chat/getlikes.php",
  537. cache: false,
  538. success: function(result)
  539. {
  540. var likesandunlikes = result.split("#");
  541. var likedmessages = likesandunlikes[0];
  542. var unlikedmessages = likesandunlikes[1];
  543. var likes = JSON.parse(likedmessages);
  544. var unlikes = JSON.parse(unlikedmessages);
  545. for( var i=0; i<likes.length; i++ )
  546. {
  547. var likeid = "#like" + likes[i];
  548. $(likeid).show();
  549. }
  550. for( var i=0; i<unlikes.length; i++ )
  551. {
  552. var unlikeid = "#like" + unlikes[i];
  553. $(unlikeid).hide();
  554. }
  555. }
  556. });
  557. // hide intro
  558. if( result != "" )
  559. {
  560. $("#intro").hide();
  561. }
  562. // loop
  563. refresh();
  564. }
  565. });
  566. // update if current user is typing
  567. if( $("#message").val() != "" )
  568. {
  569. istyping(user, 1);
  570. }
  571. else if( $("#message").val() == "" )
  572. {
  573. istyping(user, 0);
  574. }
  575. }, 500);
  576. }
  577. // tab focus
  578. window.onfocus = function()
  579. {
  580. tabinfocus = true;
  581. parent.document.title = "Chat";
  582. window.parent.$("span[id^='chat.phps']").html("");
  583. };
  584. window.onblur = function()
  585. {
  586. tabinfocus = false;
  587. };
  588. // new message tab alert
  589. function newmessagealert(message)
  590. {
  591. if( !tabinfocus )
  592. {
  593. // title marker
  594. i = parseInt(parent.document.title);
  595. if(isNaN(i)){
  596. i = 1;
  597. }else{
  598. i++
  599. }
  600. parent.document.title = i + " Chat";
  601. //window.parent.$("#chat.phpx").addClass("gottem");
  602. window.parent.$("span[id^='chat.phps']").html(i);
  603. var $jQueryObject = $($.parseHTML(message));
  604. var alertMessage = $jQueryObject.find(".chat-body").html();
  605. var alertUsername = $jQueryObject.find("h4[class^='pull-left zero-m']").html();
  606. var alertIcon = $jQueryObject.find("img").attr("src");;
  607. if(isMobile === false){
  608. parent.Push.create(alertUsername, {
  609. body: alertMessage,
  610. icon: alertIcon,
  611. timeout: 4000,
  612. onClick: function () {
  613. window.parent.focus();
  614. this.close();
  615. }
  616. });
  617. }
  618. // sound
  619. var audio = $("#tabalert")[0];
  620. audio.play();
  621. }
  622. }
  623. // like message
  624. function likemessage(messageid)
  625. {
  626. var data = "messageid=" + messageid;
  627. $.ajax
  628. ({
  629. type: "POST",
  630. url: "chat/setlike.php",
  631. data: data,
  632. cache: false
  633. });
  634. }
  635. // update which users are typing
  636. function istyping(u, t)
  637. {
  638. // set typing user
  639. var data = "datavars=" + u + "###" + t;
  640. $.ajax
  641. ({
  642. type: "POST",
  643. url: "chat/settyping.php",
  644. data: data,
  645. cache: false,
  646. success: function(result)
  647. {
  648. // get typing users
  649. $.ajax
  650. ({
  651. url: "chat/gettyping.php",
  652. cache: false,
  653. success: function(result)
  654. {
  655. var typingusers = JSON.parse(result);
  656. if( typingusers.length == 0 ) // no user typing
  657. {
  658. $("#istyping").html("");
  659. }
  660. else
  661. { //$("#istyping").html("<li class=\"chat-inverted\"><img src=\"images/ellipsis.png\" class=\"dont img-circle user-avatar online\" alt=\"user\"><div class=\"chat-panel red-bg\"><div class=\"chat-body\">" + typingusers[0] + "...</div></div></li>");
  662. if( typingusers.length == 1 ) // one user typing
  663. {
  664. $("#istyping").html(typingusers[0] + " is typing...");
  665. //$(".box").animate({ scrollTop: $('.box').prop("scrollHeight")}, 0);
  666. }
  667. else if( typingusers.length == 2 ) // two users typing
  668. {
  669. var whoistyping = typingusers[0] +
  670. " and " + typingusers[1] +
  671. " are typing...";
  672. $("#istyping").html(whoistyping);
  673. //$(".box").animate({ scrollTop: $('.box').prop("scrollHeight")}, 0);
  674. }
  675. else if( typingusers.length > 2 ) // more than two users typing
  676. {
  677. var whoistyping = typingusers[0] +
  678. " and " + typingusers[1] +
  679. " and others are typing...";
  680. $("#istyping").html(whoistyping);
  681. //$(".box").animate({ scrollTop: $('.box').prop("scrollHeight")}, 0);
  682. }
  683. }
  684. }
  685. });
  686. }
  687. });
  688. }
  689. });