adding 8 new actions and a trigger

server/ServerNetworkEvents.js

@@ -781,6 +781,16 @@ var ServerNetworkEvents = {
 		}
 	},
 
+	_onCustomButtonClick: function (data, clientId) {
+		var player = ige.game.getPlayerByClientId(clientId);
+		if(player) {
+			ige.trigger.fire("playerClicksCustomButton", {
+				playerId: player.id(),
+				buttonId: data.buttonId
+			})
+		}
+	},
+
 	_onSomeBullshit: function () {
 		//bullshit
 	}

server/server.js

@@ -565,7 +565,8 @@ var Server = IgeClass.extend({
 		ige.network.define('playerCustomInput', self._onPlayerCustomInput);
 		ige.network.define('playerAbsoluteAngle', self._onPlayerAbsoluteAngle);
 		ige.network.define('playerDialogueSubmit', self._onPlayerDialogueSubmit);
-
+		ige.network.define('playerButtonClick', self._onCustomButtonClick);
+
 		ige.network.define('buyItem', self._onBuyItem);
 		ige.network.define('buyUnit', self._onBuyUnit);
 		ige.network.define('buySkin', self._onBuySkin);

src/gameClasses/ClientNetworkEvents.js

@@ -258,7 +258,30 @@ var ClientNetworkEvents = {
 			case 'showCustomModal':
 				ige.playerUi.showCustomModal(data);
 				break;
-
+			case 'addCustomButton':
+				ige.playerUi.addCustomButton(data);
+				break;
+			case 'removeCustomButton':
+				ige.playerUi.removeCustomButton(data.buttonId);
+				break;
+			case 'hideCustomButton':
+				ige.playerUi.hideCustomButton(data.buttonId);
+				break;
+			case 'showCustomButton':
+				ige.playerUi.showCustomButton(data.buttonId);
+				break;
+			case 'toggleCustomButtonVisibility':
+				ige.playerUi.toggleCustomButtonVisibility(data.buttonId);
+				break;
+			case 'disableCustomButton':
+				ige.playerUi.disableCustomButton(data.buttonId);
+				break;
+			case 'enableCustomButton':
+				ige.playerUi.enableCustomButton(data.buttonId);
+				break;
+			case 'toggleCustomButtonUsability':
+				ige.playerUi.toggleCustomButtonUsability(data.buttonId);
+				break;
 			case 'openWebsite':
 				ige.playerUi.openWebsite(data);
 				break;

src/gameClasses/components/script/ActionComponent.js

@@ -2586,6 +2586,94 @@ var ActionComponent = IgeEntity.extend({
 							player.loadPersistentData();
 						}
 						break;
+
+					case 'addCustomButtonForPlayer':
+						var player = ige.variable.getValue(action.player, vars);
+
+						if(player && player._stats && player._stats.clientId) {
+							ige.network.send('ui', {
+								command: 'addCustomButton',
+								button: action.button
+							}, player._stats.clientId);
+						};
+						break;
+
+					case 'removeCustomButtonFromPlayer':
+						var player = ige.variable.getValue(action.player, vars);
+
+						if(player && player._stats && player._stats.clientId) {
+							ige.network.send('ui', {
+								command: 'removeCustomButton',
+								buttonId: action.id
+							}, player._stats.clientId);
+						};
+						break;
+
+					case 'hideCustomButtonFromPlayer': // hides existing custom button from player
+						var player = ige.variable.getValue(action.player, vars);
+
+						if(player && player._stats && player._stats.clientId) {
+							ige.network.send('ui', {
+								command: 'hideCustomButton',
+								buttonId: action.id
+							}, player._stats.clientId);
+						};
+						break;
+
+					case 'showCustomButtonForPlayer': // show existing custom button from player
+						var player = ige.variable.getValue(action.player, vars);
+
+						if(player && player._stats && player._stats.clientId) {
+							ige.network.send('ui', {
+								command: 'showCustomButton',
+								buttonId: action.id
+							}, player._stats.clientId);
+						};
+						break;
+
+					case 'toggleCustomButtonVisibilityForPlayer': // toggles visibility of a button to player
+						var player = ige.variable.getValue(action.player, vars);
+
+						if(player && player._stats && player._stats.clientId) {
+							ige.network.send('ui', {
+								command: 'toggleCustomButtonVisibility',
+								buttonId: action.id
+							}, player._stats.clientId);
+						};
+						break;
+
+					case 'disableCustomButtonForPlayer':
+						var player = ige.variable.getValue(action.player, vars);
+
+						if(player && player._stats && player._stats.clientId) {
+							ige.network.send('ui', {
+								command: 'disableCustomButton',
+								buttonId: action.id
+							}, player._stats.clientId);
+						};
+						break;
+
+					case 'enableCustomButtonForPlayer':
+						var player = ige.variable.getValue(action.player, vars);
+
+						if(player && player._stats && player._stats.clientId) {
+							ige.network.send('ui', {
+								command: 'enableCustomButton',
+								buttonId: action.id
+							}, player._stats.clientId);
+						}
+						break;
+
+					case 'toggleCustomButtonUsabilityForPlyer':
+						var player = ige.variable.getValue(action.player, vars);
+
+						if(player && player._stats && player._stats.clientId) {
+							ige.network.send('ui', {
+								command: 'toggleCustomButtonUsability',
+								buttonId: action.id
+							}, player._stats.clientId);
+						};
+						break;
 
 					case 'comment':
 						break;

src/gameClasses/components/ui/PlayerUiComponent.js

@@ -195,7 +195,7 @@ var PlayerUiComponent = IgeEntity.extend({
 		var self = this;
 
 		config.isDismissible = config.isDismissible === undefined ? true : !!(config.isDismissible);
-		var newWin = window.open(config.url);
+		var newWin = window.open(config.url)
 
 		if (!newWin || newWin.closed || typeof newWin.closed == 'undefined') {
 			swal({
@@ -443,6 +443,67 @@ var PlayerUiComponent = IgeEntity.extend({
 				option: optionId
 			});
 		}
+	},
+	addCustomButton: function (data) {
+		if(data && typeof data.button == 'object') {
+			var button = document.createElement('button');
+			var { text, id, type, height, width, x, y } = data.button;
+			button.id = `${id ?? "default"}`;
+			button.className = `btn btn-${type ?? "secondary"}`;
+			button.onclick = () => {
+				ige.network.send('playerButtonClick', {
+					buttonId: button.id
+				})
+			};
+			button.innerText = text;
+			$(button).css({
+				"height": `${height}px`,
+				"width": `${width}px`,
+				"position": "absolute",
+				"top": `${y}`,
+				"left": `${x}`
+			});
+			document.getElementById("game-div").appendChild(button);
+		};
+	},
+	removeCustomButton: function (id) {
+		if(id) {
+			$(`#${id}`).remove();
+ 		};
+	},
+	hideCustomButton: function (id) {
+		if(id) {
+			$(`#${id}`).hide();
+		};
+	},
+	showCustomButton: function (id) {
+		if(id) {
+			$(`#${id}`).show();
+		};
+	},
+	toggleCustomButtonVisibility: function (id) {
+		if(id) {
+			$(`#${id}`).toggle();
+		};
+	},
+	disableCustomButton: function (id) {
+		if(id) {
+			$(`#${id}`).prop({ disabled: true });
+		};
+	},
+	enableCustomButton: function (id) {
+		if(id) {
+			$(`#${id}`).prop({ disabled: false });
+		};
+	},
+	toggleCustomButtonUsability: function (id) {
+		if(id) {
+			if($(`#${id}`).prop('disabled')) {
+				$(`#${id}`).prop({ disabled: false })
+			} else {
+				$(`#${id}`).prop({ disabled: true })
+			}
+		}
 	}
 });