☰

IdlePixel Group Chat

A private group chat panel

目前为 2024-03-07 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name			IdlePixel Group Chat
  3. // @namespace		lbtechnology.info
  4. // @version			2.0.0
  5. // @description		A private group chat panel
  6. // @author			Lux-Ferre
  7. // @license			MIT
  8. // @match			*://idle-pixel.com/login/play*
  9. // @grant			none
  10. // @require			https://greasyfork.org/scripts/441206-idlepixel/code/IdlePixel+.js?anticache=20220905
  11. // @require			https://update.greasyfork.org/scripts/484046/1307183/IdlePixel%2B%20Custom%20Handling.js
  12. // ==/UserScript==
  13.  
  14. (function() {
  15. 	'use strict';
  16.  
  17. 	class GroupChatPlugin extends IdlePixelPlusPlugin {
  18. 		constructor() {
  19. 			super("groupChat", {
  20. 				about: {
  21. 					name: GM_info.script.name,
  22. 					version: GM_info.script.version,
  23. 					author: GM_info.script.author,
  24. 					description: GM_info.script.description
  25. 				},
  26. 			});
  27. 			this.groups = {}
  28. 			this.activeGroup = undefined
  29. 			this.invitations = {}
  30. 			this.chats = {}
  31. 		}
  32.  
  33. 		saveData(){
  34. 			const user = window["var_username"]
  35. 			const groupsJSON = JSON.stringify(this.groups)
  36. 			localStorage.setItem(`groupChatGroups${user}`, groupsJSON)
  37.  
  38. 			const invitationsJSON = JSON.stringify(this.invitations)
  39. 			localStorage.setItem(`groupChatInvitations${user}`, invitationsJSON)
  40. 		}
  41.  
  42. 		loadData(){
  43. 			const user = window["var_username"]
  44. 			const groupData = localStorage.getItem(`groupChatGroups${user}`)
  45. 			if (groupData){
  46. 				this.groups = JSON.parse(groupData)
  47. 			} else {
  48. 				this.groups = {}
  49. 			}
  50.  
  51. 			const invitationData = localStorage.getItem(`groupChatInvitations${user}`)
  52. 			if (invitationData){
  53. 				this.invitations = JSON.parse(invitationData)
  54. 			} else {
  55. 				this.invitations = {}
  56. 			}
  57. 		}
  58.  
  59. 		createPanel(){
  60. 			IdlePixelPlus.addPanel("groupchat", "Group Chat Panel", function() {
  61. 				return `
  62. <div class="groupChatUIContainer w-100">
  63.     <div id="groupChatInfoModule" class="row groupChatUIModule">
  64.         <div class="col">
  65.             <div class="row">
  66.                 <div class="col-4 text-end align-self-center groupChatInfoContainer">
  67.                     <div class="row gx-0">
  68.                         <div id="groupChatGroupNotification" class="col-1 text-center align-self-center groupChatGroupNotificationInactive" onclick="IdlePixelPlus.plugins.groupChat.showInvitationModal()"><span>!</span></div>
  69.                         <div class="col-11 align-self-center"><select id="groupChatGroupSelector" class="w-100"></select></div>
  70.                     </div>
  71.                 </div>
  72.                 <div class="col-8 d-flex groupChatInfoContainer">
  73.                     <div id="groupChatMembersContainer" class="d-flex align-items-center"><span>Members:</span></div>
  74.                 </div>
  75.             </div>
  76.         </div>
  77.     </div>
  78.     <div id="groupChatChatModule" class="row groupChatUIModule">
  79.         <div class="col">
  80.             <div class="row">
  81.                 <div id="groupChatChatFormContainer" class="col">
  82.                     <div id="groupChatChatBox" class="overflow-auto"></div>
  83.                     <form onsubmit="event.preventDefault(); IdlePixelPlus.plugins.groupChat.sendGroupChatButton();">
  84.                         <div class="row d-flex flex-fill">
  85.                             <div class="col-11"><input id="groupChatChatIn" class="form-control w-100" type="text" /></div>
  86.                             <div class="col-1"><input id="groupChatChatButton" class="w-100 h-100" type="submit" value="Send" /></div>
  87.                         </div>
  88.                     </form>
  89.                 </div>
  90.             </div>
  91.         </div>
  92.     </div>
  93.     <div id="groupChatSettingsModules" class="row groupChatUIModule">
  94.         <div class="col">
  95.             <div class="row">
  96.                 <div id="groupChatSettings" class="col d-flex justify-content-around align-self-center"><button id="groupChatCreateGroupButton" class="btn btn-info" type="button" onclick="IdlePixelPlus.plugins.groupChat.createGroupButton()">Create Group</button><button id="groupChatShareRaidButton" class="btn btn-info groupChatInGroupButton" type="button" onclick="IdlePixelPlus.plugins.groupChat.shareRaidButton()">Share Raid</button><button id="groupChatInviteButton" class="btn btn-info groupChatOwnerButton groupChatInGroupButton" type="button" onclick="IdlePixelPlus.plugins.groupChat.inviteButton()">Invite</button><button id="groupChatUninviteButton" class="btn btn-info groupChatOwnerButton groupChatInGroupButton" type="button" onclick="IdlePixelPlus.plugins.groupChat.uninviteButton()">Uninvite</button><button id="groupChatRemovePlayerButton" class="btn btn-info disabled groupChatOwnerButton groupChatInGroupButton" type="button" disabled>Remove</button></div>
  97.             </div>
  98.         </div>
  99.     </div>
  100. </div>
  101. 				`
  102. 			});
  103. 		}
  104.  
  105. 		addStyles(){
  106. 			let backgroundColour
  107. 			let textColour
  108.  
  109. 			if ("ui-tweaks" in IdlePixelPlus.plugins){
  110. 				backgroundColour = IdlePixelPlus.plugins["ui-tweaks"].config["color-chat-area"]
  111. 				textColour = IdlePixelPlus.plugins["ui-tweaks"].config["font-color-chat-area"]
  112. 			} else {
  113. 				backgroundColour = "white"
  114. 				textColour = "black"
  115. 			}
  116.  
  117. 			$("head").append(`
  118. 				<style id="styles-groupchat">
  119. 					#groupChatInvitationsModalInner {
  120. 					  background-color: ${backgroundColour};
  121. 					  color: ${textColour};
  122. 					}
  123.  
  124. 					.groupChatUIModule {
  125. 					  border: outset 2px;
  126. 					}
  127.  
  128. 					.groupChatUIContainer {
  129. 					  width: 100%;
  130. 					  height: 100%;
  131. 					  padding: 5px;
  132. 					  margin: 0;
  133. 					}
  134.  
  135. 					#groupChatChatBox {
  136. 					  width: 100%;
  137. 					  height: 70vh;
  138. 					  margin-top: 10px;
  139. 					}
  140.  
  141. 					#groupChatChatBox {
  142. 					  border: inset 1px;
  143. 					}
  144.  
  145. 					.groupChatGroupNotificationActive {
  146. 					  color: red;
  147. 					  border: outset;
  148. 					  border-color: red;
  149. 					}
  150.  
  151. 					.groupChatGroupNotificationInactive {
  152. 					  color: gray;
  153. 					  border: outset;
  154. 					  border-color: gray;
  155. 					}
  156.  
  157. 					.groupChatInfoContainer {
  158. 					  border: inset;
  159. 					}
  160.  
  161. 					#groupChatSelectGroupDrop {
  162. 					  border: solid;
  163. 					  border-width: 1px;
  164. 					}
  165.  
  166. 					.groupChatMember {
  167. 					  margin: 0px 3px;
  168. 					  border: 1px groove;
  169. 					}
  170.  
  171. 					#groupChatGroupNotification {
  172. 					  cursor: pointer;
  173. 					}
  174.  
  175. 					.groupChatInvitation {
  176. 					  background-color: RGBA(1, 150, 150, 0.5);
  177. 					  margin-bottom: 2px;
  178. 					}
  179.  
  180. 					.groupChatInvCheck {
  181. 					  cursor: pointer;
  182. 					}
  183.  
  184. 					.groupChatInvCross {
  185. 					  cursor: pointer;
  186. 					  margin-right: 5px;
  187. 					}
  188.  
  189. 					.groupChatInvData {
  190. 					  margin-left: 10px;
  191. 					}
  192.  
  193. 					#groupChatModalHeader {
  194. 					  padding: calc(var(--bs-modal-padding) - var(--bs-modal-header-gap) * .5);
  195. 					  background-color: var(--bs-modal-header-bg);
  196. 					  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  197. 					  border-top-right-radius: var(--bs-modal-inner-border-radius);
  198. 					  border-top-left-radius: var(--bs-modal-inner-border-radius);
  199. 					}
  200.  
  201. 					#groupChatInvitationsModal .modal-body {
  202. 					  overflow-y: auto;
  203. 					}
  204. 				</style>
  205. 			`)
  206. 		}
  207. 	
  208. 		onLogin() {
  209. 			const onlineCount = $(".top-bar .gold:not(#top-bar-admin-link)");
  210. 			onlineCount.before(`
  211. 				<a href="#" class="hover float-end link-no-decoration" onclick="event.preventDefault(); IdlePixelPlus.setPanel('groupchat')" title="Group Chat Panel">Group Chat&nbsp;&nbsp;&nbsp;</a>
  212. 			`);
  213. 			
  214. 			this.loadData()
  215. 			this.createPanel()
  216. 			this.addStyles()
  217. 			this.createNotification()
  218. 			this.updatePanelInfo()
  219. 			this.createInvModal()
  220. 			this.updateInvitationNotification()
  221.  
  222. 			$('#groupChatGroupSelector').on('change', function() {
  223. 				IdlePixelPlus.plugins.groupChat.joinGroup(this.value)
  224. 			});
  225.  
  226. 			$("#groupChatChatModule").hide()
  227. 			$(".groupChatInGroupButton").hide()
  228. 		}
  229.  
  230. 		onPanelChanged(panelBefore, panelAfter){
  231. 			if (panelAfter==="groupchat"){
  232. 				$("#groupChatNotification").hide()
  233. 			}
  234. 		}
  235.  
  236. 		onConfigsChanged() {
  237. 			this.updatePanelInfo();
  238. 		}
  239.  
  240. 		createInvModal(){
  241. 			const modalString = `
  242. 				<div id="groupChatInvitationsModal" class="modal fade" role="dialog" tabindex="-1"">
  243. 				    <div class="modal-dialog modal-dialog-centered" role="document">
  244. 				        <div id="groupChatInvitationsModalInner" class="modal-content">
  245. 							<div id="groupChatModalHeader" class="modal-header text-center">
  246. 								<h3 class="modal-title w-100"><u>Pending Invitations</u></h3>
  247. 							</div>
  248. 				            <div class="modal-body">
  249. 				                <div id="groupChatInvitationsModalList" class="overflow-auto"></div>
  250. 				            </div>
  251. 				        </div>
  252. 				    </div>
  253. 				</div>
  254. 			`
  255.  
  256. 			const modalElement = $.parseHTML(modalString)
  257. 			$(document.body).append(modalElement)
  258. 		}
  259.  
  260. 		addInvitationsToModal(){
  261. 			const invitationsModalList = $("#groupChatInvitationsModalList")
  262. 			invitationsModalList.empty()
  263.  
  264. 			for (const [groupName, inviter] of Object.entries(this.invitations)){
  265. 				const newItemString = `<div class="d-flex justify-content-between rounded-pill groupChatInvitation"><span class="groupChatInvData">${groupName} | ${inviter}</span><div><span data-groupName="${groupName}" class="groupChatInvCheck">✔️</span> | <span data-groupName="${groupName}" class="groupChatInvCross">❌</span></div></div>`
  266. 				const newItemElement = $.parseHTML(newItemString)
  267. 				invitationsModalList.append(newItemElement)
  268. 			}
  269.  
  270. 			$(".groupChatInvCheck").attr("onclick", "IdlePixelPlus.plugins.groupChat.acceptInvitation(this.getAttribute('data-groupName'))")
  271. 			$(".groupChatInvCross").attr("onclick", "IdlePixelPlus.plugins.groupChat.rejectInvitation(this.getAttribute('data-groupName'))")
  272. 		}
  273.  
  274. 		showInvitationModal(){
  275. 			document.body.scrollTop = document.documentElement.scrollTop = 0;
  276.  
  277. 			this.addInvitationsToModal()
  278.  
  279. 			$('#groupChatInvitationsModal').modal('show')
  280. 		}
  281.  
  282. 		onCustomMessageReceived(player, content, callbackId) {
  283. 			const customData = Customs.parseCustom(player, content, callbackId)
  284. 			if(customData.plugin==="groupchat") {
  285. 				if(customData.command==="chat"){
  286. 					this.handleReceivedChat(customData)
  287. 				} else if (customData.command==="invite"){
  288. 					this.onInviteReceived(customData.player, customData.payload, customData.callbackId)
  289. 				} else if (customData.command==="accept"){
  290. 					this.onAcceptedInvite(customData.player, customData.payload)
  291. 				} else if (customData.command==="reject"){
  292. 					this.onRejectedInvite(customData.player, customData.payload)
  293. 				} else if (customData.command==="unaccept"){
  294. 					this.onUnacceptInvite(customData.player, customData.payload)
  295. 				} else if (customData.command==="join"){
  296. 					this.addGroup(customData.player, customData.payload)
  297. 				}
  298. 			}
  299. 		}
  300.  
  301. 		handleReceivedChat(data){
  302. 			const player = data.player
  303. 			const splitData = data.payload.split(";")
  304. 			const groupName = splitData[0]
  305. 			const givenPassword = splitData[1]
  306. 			const message = splitData.slice(2).join(";")
  307.  
  308. 			if(!(groupName in this.groups)){console.log(`Group ${groupName} doesn't exist.`); return}
  309.  
  310. 			const correctPassword = this.groups[groupName].password
  311. 			if(givenPassword!==correctPassword){console.log(`Incorrct password given`); return}
  312.  
  313. 			if (!(this.groups[groupName].members.includes(player))){
  314. 				this.addPlayerToGroup(player, groupName)
  315. 			}
  316.  
  317. 			const newMessageString = `<div class=""><span class="color-green">${Chat._get_time()}</span><span><strong>${player}: </strong></span><span>${sanitize_input(message)}</span></div>`
  318.  
  319. 			if(!(groupName in this.chats)){this.chats[groupName] = []}
  320.  
  321. 			this.chats[groupName].push(newMessageString)
  322.  
  323. 			if(this.activeGroup.name === groupName){
  324. 				this.addMessageToChat(newMessageString)
  325. 			}
  326. 		}
  327. 	
  328. 		updatePanelInfo(){
  329. 			this.updateGroupsList()
  330. 		}
  331. 	
  332. 		createNotification(){
  333. 			const notificationString = `
  334. 			<div id="groupChatNotification" class="notification hover" onclick="IdlePixelPlus.setPanel('groupchat')">
  335.         		<img src="https://d1xsc8x7nc5q8t.cloudfront.net/images/meteor_radar_detector.png" class="w20" alt="">
  336.         		<span class="font-small color-yellow">Group Chat</span>
  337.     		</div>
  338. 			`
  339.  
  340. 			const notificationElement = $.parseHTML(notificationString)
  341. 			const notificationBar = $("#notifications-area")
  342.  
  343. 			notificationBar.append(notificationElement)
  344. 			$("#groupChatNotification").hide()
  345. 		}
  346.  
  347. 		showNotification(){
  348. 			if(Globals.currentPanel === "panel-groupchat"){return;}
  349. 			
  350. 			$("#groupChatNotification").show()
  351. 		}
  352.  
  353. 		sendGroupChat(chatMessage){
  354. 			if(!this.activeGroup){console.log("No active Group!"); return}
  355. 			const password = this.activeGroup.password
  356. 			const memberList = this.activeGroup.members
  357. 			const groupName = this.activeGroup.name
  358.  
  359. 			memberList.forEach(member => {
  360. 				Customs.sendBasicCustom(member, "groupchat", "chat", `${groupName};${password};${chatMessage}`)
  361. 			})
  362. 		}
  363.  
  364. 		sendGroupChatButton(){
  365. 			const chatIn = $("#groupChatChatIn")
  366. 			const chatMessage = chatIn.val()
  367. 			chatIn.val("")
  368. 			
  369. 			this.sendGroupChat(chatMessage)
  370. 		}
  371.  
  372. 		addMessageToChat(messageText){
  373. 			const chatBox = $("#groupChatChatBox")
  374.  
  375. 			const messageElement = $.parseHTML(messageText)
  376. 			chatBox.append(messageElement);
  377.  
  378. 			chatBox.scrollTop(chatBox[0].scrollHeight);
  379.  
  380. 			this.showNotification()
  381. 		}
  382.  
  383. 		genPass(){
  384. 			return Math.random().toString(36).slice(2)
  385. 		}
  386.  
  387. 		createGroup(groupName){
  388. 			if (groupName in this.groups){
  389. 				console.log("Group already exists")
  390. 				return
  391. 			}
  392.  
  393. 			this.groups[groupName] = {
  394. 				name: groupName,
  395. 				members: [window["var_username"]],
  396. 				invited_members: [],
  397. 				password: this.genPass(),
  398. 				owner: window["var_username"]
  399. 			}
  400.  
  401. 			this.updateGroupsList()
  402. 			this.saveData()
  403. 		}
  404.  
  405. 		joinGroup(group_name){
  406. 			const loadedGroup = this.groups[group_name]
  407. 			this.activeGroup = {
  408. 				name: group_name,
  409. 				members: loadedGroup.members,
  410. 				password: loadedGroup.password,
  411. 				owner: loadedGroup.owner,
  412. 				online_members: new Set(),
  413. 			}
  414.  
  415. 			this.updateMembersList()
  416.  
  417. 			$("#groupChatChatModule").show()
  418. 			$(".groupChatInGroupButton").show()
  419.  
  420. 			const ownerButtons = $(".groupChatOwnerButton")
  421.  
  422. 			if (this.activeGroup.owner === window["var_username"]){
  423. 				ownerButtons.show()
  424. 			} else {
  425. 				ownerButtons.hide()
  426. 			}
  427.  
  428. 			const chatBox = $("#groupChatChatBox")
  429.  
  430. 			chatBox.empty()
  431.  
  432. 			if(!(group_name in this.chats)){return}
  433.  
  434. 			this.chats[group_name].forEach(chatMessage=>{
  435. 				this.addMessageToChat(chatMessage)
  436. 			})
  437.  
  438. 			chatBox.scrollTop(chatBox[0].scrollHeight);
  439. 		}
  440.  
  441. 		addPlayerToGroup(player, group){
  442. 			if (this.groups[group].members.includes(player)){return}
  443. 			this.groups[group].members.push(player)
  444.  
  445. 			this.updateMembersList()
  446. 			this.saveData()
  447. 		}
  448.  
  449. 		getGroups(){
  450. 			return Object.keys(this.groups)
  451. 		}
  452.  
  453. 		updateGroupsList(){
  454. 			const groups = this.getGroups()
  455. 			const groupSelector = $("#groupChatGroupSelector")
  456. 			groupSelector.empty()
  457.  
  458. 			groupSelector.append(`<option disabled selected value=""> -- select a group -- </option>`)
  459.  
  460. 			groups.forEach(groupName=>{
  461. 				groupSelector.append(`<option value="${groupName}">${groupName}</option>`)
  462. 			})
  463. 		}
  464.  
  465. 		updateMembersList(){
  466. 			const membersDisplay = $("#groupChatMembersContainer")
  467. 			membersDisplay.empty()
  468. 			membersDisplay.append(`<span>Members: </span>`)
  469. 			this.activeGroup.members.forEach(member=>{
  470. 				membersDisplay.append(`<span class="rounded-pill groupChatMember">&nbsp ${member} &nbsp</span>`)
  471. 			})
  472. 		}
  473.  
  474. 		addPlayertoInvited(player, group){
  475. 			this.groups[group].invited_members.push(player)
  476. 			this.saveData()
  477. 		}
  478.  
  479. 		sendInvitation(player){
  480. 			if(!this.activeGroup){return}
  481. 			if(this.activeGroup.owner !== window["var_username"]){
  482. 				console.log("Only the owner can invite players.")
  483. 				return
  484. 			}
  485. 			if(this.activeGroup.members.length >7){
  486. 				console.log("Group too big to invite more players!")
  487. 				return
  488. 			}
  489.  
  490. 			IdlePixelPlus.sendCustomMessage(player, {
  491. 				content: `groupchat:invite:${this.activeGroup.name}`,
  492. 				onResponse: function(player, content, callbackId) {
  493. 					IdlePixelPlus.plugins.groupChat.addPlayertoInvited(player, content)
  494. 					console.log("Player invited!")
  495. 					return true;
  496. 					},
  497. 				onOffline: function(player, content) {
  498. 					console.log("Cannot invite offline player!")
  499. 					return true;
  500. 					},
  501. 				timeout: 2000 // callback expires after 2 seconds
  502. 			});
  503.  
  504. 		}
  505.  
  506. 		onInviteReceived(player, groupName, callback){
  507. 			this.invitations[groupName] = player
  508. 			this.updateInvitationNotification()
  509. 			IdlePixelPlus.sendCustomMessage(player, {
  510. 				content: `${groupName}`,
  511. 				callbackId: callback,
  512. 				onResponse: function(player, content, callbackId) {return true;},
  513. 				onOffline: function(player, content) {return true;},
  514. 				timeout: 2000 // callback expires after 2 seconds
  515. 			});
  516. 			this.saveData()
  517. 		}
  518.  
  519. 		acceptInvitation(groupName){
  520. 			Customs.sendBasicCustom(this.invitations[groupName], "groupchat", "accept", groupName)
  521. 			delete this.invitations[groupName]
  522. 			this.addInvitationsToModal()
  523. 			this.updateInvitationNotification()
  524. 			this.saveData()
  525. 		}
  526.  
  527. 		rejectInvitation(groupName){
  528. 			Customs.sendBasicCustom(this.invitations[groupName], "groupchat", "reject", `${groupName};Player rejected invitation.`)
  529. 			delete this.invitations[groupName]
  530. 			this.addInvitationsToModal()
  531. 			this.updateInvitationNotification()
  532. 			this.saveData()
  533. 		}
  534.  
  535. 		onAcceptedInvite(player, groupName){
  536. 			if(!(groupName in this.groups)){return}
  537. 			if (this.groups[groupName].members.length >= 8){
  538. 				console.log("Group too big!")
  539. 				Customs.sendBasicCustom(player, "groupchat", "unaccept", "Group has too many members")
  540. 				return
  541. 			}
  542.  
  543. 			if(!this.groups[groupName].invited_members.includes(player)){console.log("Univited player"); return;}
  544.  
  545. 			this.groups[groupName].invited_members = this.groups[groupName].invited_members.filter(item => item !== player)
  546. 			this.addPlayerToGroup(player, groupName)
  547.  
  548. 			let data_string = `${groupName};${this.groups[groupName]["password"]};`
  549.  
  550. 			let membersString = ""
  551. 			this.groups[groupName].members.forEach(member=>{
  552. 				membersString+=`,${member}`
  553. 			})
  554. 			membersString = membersString.slice(1)
  555. 			data_string += membersString
  556. 			Customs.sendBasicCustom(player, "groupchat", "join", data_string)
  557. 			this.saveData()
  558. 		}
  559.  
  560. 		onRejectedInvite(player, data){
  561. 			const splitData = data.split(";")
  562. 			const groupName = splitData[0]
  563. 			const reason = splitData.slice(1).join(";")
  564. 			this.groups[groupName].invited_members = this.groups[groupName].invited_members.filter(item => item !== player)
  565. 			console.log(`${player} could not be added to ${groupName} for reason: ${reason}`)
  566. 			this.saveData()
  567. 		}
  568.  
  569. 		onUnacceptInvite(player, data){
  570. 			const splitData = data.split(";")
  571. 			const groupName = splitData[0]
  572. 			const reason = splitData.slice(1).join(";")
  573. 			console.log(`Could not be added to ${groupName} for reason: ${reason}`)
  574. 		}
  575.  
  576. 		createGroupButton(){
  577. 			const newGroup = prompt("Group Name:")
  578. 			this.createGroup(newGroup)
  579. 		}
  580.  
  581. 		shareRaidButton(){
  582. 			const raidCode = $("#raids-team-panel-uuid").text()
  583. 			if (raidCode===""){return}
  584. 			this.sendGroupChat(raidCode)
  585. 		}
  586.  
  587. 		inviteButton(){
  588. 			const newPlayer = prompt("Player Name:")
  589. 			this.sendInvitation(newPlayer)
  590. 		}
  591.  
  592. 		uninviteButton(){
  593. 			const player = prompt("Player Name:")
  594. 			const groupName = this.activeGroup.name
  595.  
  596. 			this.groups[groupName].invited_members = this.groups[groupName].invited_members.filter(item => item !== player)
  597. 			this.saveData()
  598. 		}
  599.  
  600. 		addGroup(player, data){
  601. 			const splitData = data.split(";")
  602. 			const groupName = splitData[0]
  603. 			const password = splitData[1]
  604. 			const membersList = splitData[2].split(",")
  605.  
  606. 			if (groupName in this.groups){
  607. 				console.log("Group already exists")
  608. 				return
  609. 			}
  610.  
  611. 			this.groups[groupName] = {
  612. 				name: groupName,
  613. 				members: membersList,
  614. 				invited_members: [],
  615. 				password: password,
  616. 				owner: player
  617. 			}
  618.  
  619. 			this.updateGroupsList()
  620. 			this.saveData()
  621. 		}
  622.  
  623. 		updateInvitationNotification(){
  624. 			const notificationButton = $("#groupChatGroupNotification")
  625. 			if (Object.keys(this.invitations).length){
  626. 				notificationButton.removeClass("groupChatGroupNotificationInactive")
  627. 				notificationButton.addClass("groupChatGroupNotificationActive")
  628. 			} else {
  629. 				notificationButton.removeClass("groupChatGroupNotificationActive")
  630. 				notificationButton.addClass("groupChatGroupNotificationInactive")
  631. 			}
  632. 		}
  633. 	}
  634.  
  635. 	const plugin = new GroupChatPlugin();
  636. 	IdlePixelPlus.registerPlugin(plugin);
  637.  
  638. })();