☰

Shoutbox

Shoutbox - Wyze

  1. // ==UserScript==
  2. // @name         Shoutbox 
  3. // @namespace    https://realitygaming.fr
  4. // @version      1.1
  5. // @description  Shoutbox - Wyze
  6. // @author       Eh Eh 
  7. // @match        https://realitygaming.fr/chatbox/*
  8. // @grant        none
  9. // ==/UserScript==
  10. var scc = {
  11. 	color: "#C2EAFF",
  12. 	notif: true,
  13. 	bot: false,
  14. 	lastRP: Date.now(),
  15. 	lastH: 0
  16. };
  17. var rP = {
  18. 	rep1: {title:"",msg:""},
  19. 	rep2: {title:"",msg:""},
  20. 	rep3: {title:"",msg:""},
  21. 	rep4: {title:"",msg:""},
  22. 	rep5: {title:"",msg:""}
  23. };
  24. var customChat = {
  25. 	msgID: [],
  26. 	__msgID: [],
  27. 	username: $('.accountUsername').text(),
  28. 	template_Button: '<div id="customChat_op" style="font-style:none;float:right;cursor:pointer;" class="fa fa-bars"></div>',
  29. 	template_Html: '<div id="customChat_op" data-role="blk" style="width:100%;height:100%;position:fixed;z-index:2147483645;background-color:rgba(0,0,0,0.2);opacity:0;display:none;"></div><div style="right: -800px;position: fixed;" class="customChat"><div class="customChat_header" style="background-color:#2F78A0"><div class="customChat_close" style="background-image:url()"></div><div class="customChat_header_text" style="margin-top: 40px;">CustomChat</div><div class="customChat_header_message">by Wayz</div></div><div class="customChat_middle_wrapper"><div class="customChat_middle"><div><input class="customChat_btn" id="hello" type="button"/><label for="hello"> Hello ! </label></div><br/><div><input class="customChat_btn" id="rep_pred" type="button"/><label for="rep_pred"> Message prédéfini </label></div><br/><div><input class="customChat_cb" id="notif" type="checkbox" checked=""/><label for="notif"><span class="ui"></span> Activer les notifications </label></div><br/><br/><div><input class="customChat_cb" id="bot" type="checkbox"/><label for="bot"><span class="ui"></span> Activer le pseudo BOT </label></div></div></div></div><div class="customChat_reponse" style="right:-800px;"><div class="customChat_rep_wrapper"><ul class="customChat_pred"><li class="customChat_a"><a id="customChat_rP" data-msg="" data-num="1" href="javascript:void(0);">Message 1</a></li><li class="customChat_a"><a id="customChat_rP" data-msg="" data-num="2" href="javascript:void(0);">Message 2</a></li><li class="customChat_a"><a id="customChat_rP" data-msg="" data-num="3" href="javascript:void(0);">Message 3</a></li><li class="customChat_a"><a id="customChat_rP" data-msg="" data-num="4" href="javascript:void(0);">Message 4</a></li><li class="customChat_a"><a id="customChat_rP" data-msg="" data-num="5" href="javascript:void(0);">Message 5</a></li><li class="customChat_a"><a id="customChat_del-rP" href="javascript:void(0);">Supprimer un message</a></li><li class="customChat_a"><a id="customChat_timer-rP" href="javascript:void(0);">Dernier message envoyé il y a NaN</a></li></ul></div></div>',
  30. 	template_Css: "<style id=\"css_cc\">.customChat{position:fixed;width:300px;height:100%;right:-420px;top:0;color:#000;z-index:2147483647;font-family:myriad-pro,sans-serif;text-align:left;line-height:1.2;user-select:none!important;-khtml-user-select:none!important;-o-user-select:none!important;-moz-user-select:-moz-none!important;-webkit-user-select:none!important;-webkit-transition:all .35s linear;-moz-transition:all .35s linear;-o-transition:all .35s linear;transition:all .35s linear}.customChat .customChat_header{position:absolute;height:230px;width:240px;padding:0 30px;top:0;left:0;overflow:hidden;border-left:1px solid rgba(0,0,0,.2);box-sizing:content-box}.customChat .customChat_header .customChat_header_text{width:100%;height:35px;padding-top:15px;text-align:center;color:#fff;font-family:\"Source Sans Pro\",sans-serif;font-size:25px;font-weight:lighter}.customChat .customChat_header .customChat_header_message{text-align:center;color:#fff;font-family:\"Source Sans Pro\",sans-serif;font-size:13px;font-weight:lighter}.customChat .customChat_middle_wrapper{height:auto;top:230px;bottom:0;width:100%;position:absolute;z-index:-2;border-left:1px solid rgba(0,0,0,.2);background-color:rgb(245,245,245)}.customChat>.customChat_middle_wrapper>.customChat_middle{background-color:#fff;position:absolute;top:0;left:0;width:100%;padding:10%;border-bottom:1px solid #dfdfdf;box-sizing:border-box;overflow:auto;max-height:100%}.customChat_pred{list-style:none;padding:4px;margin:0;background:#FEFEFE}.customChat_a a{display:block;margin:1px 0;padding:8px 20px;color:#34495E;background:#FFF;text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.customChat_a a:focus,.customChat_a a:hover{background:#2F78A0;color:#FFF;padding-left:25px}.customChat_reponse{position:fixed;width:600px;height:100%;right:0px;top:0;color:#000;z-index:2147483646;font-family:myriad-pro,sans-serif;text-align:left;line-height:1.2;user-select:none!important;-khtml-user-select:none!important;-o-user-select:none!important;-moz-user-select:-moz-none!important;-webkit-user-select:none!important;-webkit-transition:all .35s linear;-moz-transition:all .35s linear;-o-transition:all .35s linear;transition:all .35s linear;margin-top:229px;}.customChat_rep_wrapper{background-color:#fff;position:absolute;top:0;left:0;width:100%;border:1px solid #dfdfdf;box-sizing:border-box;overflow:auto;max-height:50%;max-width:100%}.customChat_cb[type=checkbox]:checked,.customChat_cb[type=checkbox]:not(:checked){position:absolute;left:-9999px}.customChat_cb[type=checkbox]:checked+label,.customChat_cb[type=checkbox]:not(:checked)+label{position:relative;padding-left:75px;cursor:pointer}.customChat_cb[type=checkbox]:checked+label:after,.customChat_cb[type=checkbox]:checked+label:before,.customChat_cb[type=checkbox]:not(:checked)+label:after,.customChat_cb[type=checkbox]:not(:checked)+label:before{content:'';position:absolute}.customChat_cb[type=checkbox]:checked+label:before,.customChat_cb[type=checkbox]:not(:checked)+label:before{left:0;top:-3px;width:65px;height:30px;background:#DDD;border-radius:15px;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-ms-transition:background-color .2s;transition:background-color .2s}.customChat_cb[type=checkbox]:checked+label:after,.customChat_cb[type=checkbox]:not(:checked)+label:after{width:20px;height:20px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;border-radius:50%;background:#7F8C9A;top:2px;left:5px}.customChat_cb[type=checkbox]:checked+label:before{background:#34495E}.customChat_cb[type=checkbox]:checked+label:after{background:#6AD2EF;top:2px;left:40px}.customChat_cb[type=checkbox]:checked+label .ui,.customChat_cb[type=checkbox]:checked+label .ui:after,.customChat_cb[type=checkbox]:not(:checked)+label .ui:before{position:absolute;left:6px;width:65px;border-radius:15px;font-size:14px;font-weight:700;line-height:22px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.customChat_cb[type=checkbox]:not(:checked)+label .ui:before{content:'Non';left:32px}.customChat_cb[type=checkbox]:checked+label .ui:after{content:'Oui';color:#6AD2EF}.customChat_btn[type=button]{background-color:#6AD2EF;border-radius:15px;border:5px solid #34495E;width:65px;height:30px;cursor:pointer;margin-right:5px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}label{color:#34495E}.customChat_btn[type=button]:hover{background-color:#4DAEC9}</style>", // base checkbox by @geoffrey_crofte
  31. 	template_Js: '<script id="js_cc">$("#rep_pred").click(function(){var s=$(".customChat_reponse");s.hasClass("visible")?($(this).css("backgroundColor","#6AD2EF"),s.animate({right:"-1000px"},200).removeClass("visible")):(s.animate({right:"0px"},200).addClass("visible"),$(this).css("backgroundColor","#4993BC"))}),$("div#customChat_op").click(function(){var s=$(".customChat"),a=$(".customChat_reponse"), z=$("#modal_js");s.hasClass("visible")?(s.animate({right:"-1000px"},200).removeClass("visible"),a.animate({right:"-1000px"},200).removeClass("visible"),z.css("display", "none"),$("#rep_pred").css("backgroundColor","#6AD2EF"),$(\'div#customChat_op[data-role="blk"]\').animate({opacity:"0"},200,"swing",function(){$(\'div#customChat_op[data-role="blk"]\').css("display","none")})):(s.animate({right:"0px"},200).addClass("visible"),$(\'div#customChat_op[data-role="blk"]\').animate({opacity:"1"},200,"swing",function(){$(\'div#customChat_op[data-role="blk"]\').css("display","block")}))});</script>',
  32. 	template_M: '<div id="modal_js" style="display:none;width:600px;background-color:#fefefe;border:1px solid rgba(0, 0, 0, 0.2);border-radius:5px;-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.3);box-shadow: 0px 0px 15px rgba(0,0,0,0.3);z-index:9854136598742"><div id="modal_js_head" style="border-bottom:1px solid rgba(0, 0, 0, 0.2);padding:10px 15px 10px 15px;"></div><div id="modal_js_body" style="padding:15px;"></div><div id="modal_js_footer" style="border-top:1px solid rgba(0, 0, 0, 0.2);padding:10px 15px 25px 15px;text-align:right;"><input type="button" id="modal_js_cancel" class="button primary" value="Annuler" /><input type="button" id="modal_js_save" class="button" value="Sauvegarder" /></div></div>',
  33. 	init: function(){
  34. 		setInterval(function(){customChat.checkNewMsg();}, 250);
  35. 		if(location.pathname.indexOf('chatbox') != -1) {
  36. 			$('#taigachat_controls').append(this.template_Button);
  37. 			$('#customChat_op.fa.fa-bars').attr('style', 'font-style:none;float:right;cursor:pointer;font-size:24px;padding-right:10px;');
  38. 		}
  39. 		else {
  40. 			$('#taigachat_full').find('.nodeTitle').append(this.template_Button);
  41. 		}
  42. 		$('body').prepend(this.template_Html);
  43. 		$('body').prepend(this.template_Css);
  44. 		$('body').prepend(this.template_Js);
  45. 		$('body').prepend(this.template_M);
  46. 		var $notif = $('#notif[type=checkbox]');
  47. 		$notif.on('change', function(){
  48. 			scc.notif = $(this).is(':checked');
  49. 			customChat.save();
  50. 		});
  51. 		var $bot = $('#bot[type=checkbox]');
  52. 		$bot.on('change', function(){
  53. 			scc.bot = $(this).is(':checked');
  54. 			customChat.save();
  55. 		});
  56. 		var $hello = $('#hello[type=button]');
  57. 		$hello.on('click', function() {
  58. 			customChat.hello();
  59. 			customChat.save();
  60. 		});
  61. 		var $rep = $('a#customChat_rP');
  62. 		$rep.on('click', function(){
  63. 			if($(this).data('msg').length > 4) {
  64. 				scc.lastRP = Date.now();
  65. 				var $input = $('#taigachat_message');
  66. 				$input.val(($input.val().trim().length>1?$input.val().trim()+" ":"") + customChat.decode_b64($(this).data('msg')));
  67. 				customChat.save();
  68. 			}
  69. 			else {
  70. 				customChat.add_rP($(this));
  71. 			}
  72. 		});
  73. 		var $rep_del = $('a#customChat_del-rP');
  74. 		$rep_del.on('click', function(){
  75. 			customChat.del_rP();
  76. 		});
  77. 		
  78. 		(function($){
  79. 			$.fn.extend({
  80. 				center: function () {
  81. 					return this.each(function() {
  82. 						var top = ($(window).height() - $(this).outerHeight()) / 2;
  83. 						var left = ($(window).width() - $(this).outerWidth()) / 2;
  84. 						$(this).css({position:'absolute', margin:0, top: (top > 0 ? top : 0)+'px', left: (left > 0 ? left : 0)+'px'});
  85. 					});
  86. 				}
  87. 			}); 
  88. 		})(jQuery);
  89. 		this.load();
  90. 	},
  91. 	encode_b64: function(str) {
  92. 		return window.btoa(encodeURIComponent(escape(str)));
  93. 	},
  94. 	decode_b64: function(str) {
  95. 		return unescape(decodeURIComponent(window.atob(str)));
  96. 	},
  97. 	save: function(){
  98. 		var settings_scc = JSON.stringify(scc);
  99. 		var settings_rP = JSON.stringify(rP);
  100. 		localStorage.setItem('settings_scc', settings_scc);
  101. 		localStorage.setItem('settings_rP', settings_rP);
  102. 	},
  103. 	load: function(){
  104. 		var a = localStorage.getItem("settings_scc");
  105. 		if(a){
  106. 			var b = Object.keys(scc);
  107. 			var c = JSON.parse(a);
  108. 			for(var i in b){
  109. 				if(c[b[i]] == undefined){
  110. 					this.save();
  111. 				}
  112. 				else {
  113. 					scc[b[i]] = c[b[i]];
  114. 				}
  115. 			}
  116. 		}
  117. 		else {
  118. 			this.save();
  119. 		}
  120. 		var z = localStorage.getItem("settings_rP");
  121. 		if(z){
  122. 			var b = Object.keys(rP);
  123. 			var c = JSON.parse(z);
  124. 			for(var i in b){
  125. 				if(c[b[i]] == undefined){
  126. 					this.save();
  127. 				}
  128. 				else {
  129. 					rP[b[i]] = c[b[i]];
  130. 				}
  131. 			}
  132. 		}
  133. 		else {
  134. 			this.save();
  135. 		}
  136. 		for(var i in rP){
  137. 			if(rP[i].title.length > 1 && rP[i].msg.length > 1){
  138. 				var num = i.substr(3);
  139. 				$('#customChat_rP[data-num="' + num + '"]').text(customChat.decode_b64(rP[i].title));
  140. 				$('#customChat_rP[data-num="' + num + '"]').data('msg', rP[i].msg);
  141. 			}
  142. 		}
  143. 		$('#notif[type=checkbox]').prop('checked', scc.notif);
  144. 		$('#bot[type=checkbox]').prop('checked', scc.bot);
  145. 		setInterval(function(){customChat.lastRP();}, 2000);
  146. 	},
  147. 	notify: function(msg) {
  148. 		if(scc.notif){
  149. 			if(!("Notification"in window)){console.error("Ce navigateur ne supporte pas les notifications !")}else if(Notification.permission==="granted"){var notification=new Notification(msg, {icon: 'http://realitygaming.fr/attachments/rg-png.14121/'})}else if(Notification.permission!=="denied"){Notification.requestPermission(function(e){if(!("permission"in Notification)){Notification.permission=e}if(e==="granted"){var t=new Notification(msg, {icon: 'http://realitygaming.fr/attachments/rg-png.14121/'})}})}
  150. 		}
  151. 		else {
  152. 			console.log('notif disable')
  153. 		}
  154. 	},
  155. 	checkNewMsg: function(){
  156. 		var msg = $('#taigachat_box').children('ol').children('li');
  157. 		for(var i in msg) {
  158. 			var id = msg.eq(i).data('messageid');
  159. 			var msg_text = $('#taigachat_box').children('ol').children('li[data-messageid="' + id + '"]').children('span').eq(1).children('div').text().trim();
  160. 			var msg_sender = $('#taigachat_box').children('ol').children('li[data-messageid="' + id + '"]').children('span').eq(1).children('a').text().trim();
  161. 			if(this.msgID.indexOf(id) == -1 && msg_text.indexOf(this.username) != -1) {
  162. 				this.msgID.unshift(id);
  163. 				this.newMsg(id);
  164. 			}
  165. 			else if(this.__msgID.indexOf(id) == -1 && msg_sender == this.username && scc.bot){
  166. 				$('#taigachat_box').children('ol').children('li[data-messageid="' + id + '"]').children('span').eq(1).children('a').children('span').attr('class', 'style10');
  167. 				this.__msgID.unshift(id);
  168. 			}
  169. 		}
  170. 	},
  171. 	newMsg: function(id) {
  172. 		$('#taigachat_box').children('ol').children('li[data-messageid="' + id + '"]').css('backgroundColor', scc.color);
  173. 		var msg = $('#taigachat_box').children('ol').children('li[data-messageid="' + id + '"]').children('span').eq(1).children('div').text().trim();
  174. 		var sender = $('#taigachat_box').children('ol').children('li[data-messageid="' + id + '"]').children('span').eq(1).children('a').text().trim();
  175. 		this.notify(sender + " - " + msg);
  176. 	},
  177. 	hello: function() {
  178. 		if((Date.now() - scc.lastH) >= 3600000){
  179. 			scc.lastH = Date.now();
  180. 			var user1 = $('#taigachat_box').children('ol').children('li').eq(5).children('span').eq(1).children('a').text();
  181. 			var user2 = $('#taigachat_box').children('ol').children('li').eq(17).children('span').eq(1).children('a').text();
  182. 			var user3 = $('#taigachat_box').children('ol').children('li').eq(23).children('span').eq(1).children('a').text();
  183. 			var userinchat = $('#taigachat_count').text();
  184. 			$("#taigachat_message").val("Salut à @" + user1 + " , @" + user2 + " , @" + user3 + " et aux " + userinchat + " membres actuellement sur le chat :)");
  185. 			this.save();
  186. 		}
  187. 		else{
  188. 			alert('Vous avez utilisé cette fonction il y a moins d\'un heure !');
  189. 		}
  190. 	},
  191. 	lastRP: function(){
  192. 		var ms = Date.now() - scc.lastRP,
  193. 		// http://stackoverflow.com/a/19700358
  194. 		seconds = parseInt((ms/1000)%60),
  195. 		minutes = parseInt((ms/(1000*60))%60),
  196. 		hours = parseInt((ms/(1000*60*60))%24);
  197.  
  198. 		hours = (hours < 10) ? "0" + hours : hours;
  199. 		minutes = (minutes < 10) ? "0" + minutes : minutes;
  200. 		seconds = (seconds < 10) ? "0" + seconds : seconds;
  201.  
  202. 		var time = hours + ":" + minutes + ":" + seconds;
  203. 		$('#customChat_timer-rP').text('Dernier message envoyé il y a ' + time);
  204. 	},
  205. 	modal: function(title, body){
  206. 		$('#modal_js').css('display', 'block');
  207. 		$('#modal_js').center();
  208. 		$('#modal_js_head').html('<h2 style="font-family: \'Open Sans Condensed\',\'Arial\',sans-serif; font-size: 12pt; color: rgb(52, 73, 94);">' + title + '</h2>');
  209. 		$('#modal_js_body').html(body);
  210. 	},
  211. 	add_rP: function($rep){
  212. 		this.modal('Ajouter une réponse', '<input id="modal_js_rep_title" class="textCtrl" style="width:100%;height:20px;" placeholder="Entrez le titre du message" /><br/><br/><input id="modal_js_rep_body" class="textCtrl" style="width:100%;height:20px;" placeholder="Entrez le contenu du message" />');
  213. 		var is_add = true;
  214. 		$('#modal_js_save').on('click', function(){
  215. 			if(is_add){
  216. 				var rep_msg = $('#modal_js_rep_body').val().trim();
  217. 				var rep_title = $('#modal_js_rep_title').val().trim();
  218. 				if(rep_title.length > 2) {
  219. 					if(rep_msg.length > 4) {
  220. 						var cR = $rep.data('num');
  221. 						rP['rep' + cR].title = customChat.encode_b64(rep_title);
  222. 						rP['rep' + cR].msg = customChat.encode_b64(rep_msg);
  223. 						$('#modal_js').css('display', 'none');
  224. 						$rep.text(rep_title);
  225. 						$rep.data('msg', customChat.encode_b64(rep_msg));
  226. 						customChat.save();
  227. 						is_add = false;
  228. 					}
  229. 					else {
  230. 						alert('Votre message n\'est pas assez long !');
  231. 					}
  232. 				}
  233. 				else {
  234. 					alert('Votre titre n\'est pas assez long !');
  235. 				}
  236. 			}
  237. 		});
  238. 		$('#modal_js_cancel').on('click', function(){
  239. 			if(is_add){
  240. 				$('#modal_js').css('display', 'none');
  241. 				is_add = false;
  242. 			}
  243. 		});
  244. 	},
  245. 	del_rP: function(){
  246. 		this.modal('Entrer le chiffre de la réponse à supprimer', '<input id="modal_js_rep_num" class="textCtrl" style="width:100%;height:20px;" placeholder="Chiffre de la réponse à supprimer" /><br/>');
  247. 		var is_del = true;
  248. 		$('#modal_js_save').on('click', function(){
  249. 			if(is_del){
  250. 				var rep_num = $('#modal_js_rep_num').val().trim();
  251. 				if(rep_num > 0 && rep_num < 6){
  252. 					$('#customChat_rP[data-num="' + rep_num + '"]').text("Message " + rep_num);
  253. 					$('#customChat_rP[data-num="' + rep_num + '"]').data('msg', "");
  254. 					rP['rep' + rep_num].title = "";
  255. 					rP['rep' + rep_num].msg = "";
  256. 					$('#modal_js').css('display', 'none');
  257. 					customChat.save();
  258. 					is_del = false;
  259. 				}
  260. 			}
  261. 		});
  262. 		$('#modal_js_cancel').on('click', function(){
  263. 			if(is_del){
  264. 				$('#modal_js').css('display', 'none');
  265. 				is_del = false;
  266. 			}
  267. 		});
  268. 	}
  269. };
  270.  
  271. customChat.init();