alois/OpenFrontIO
1
0
Fork 0
mirror of https://github.com/openfrontio/OpenFrontIO.git synced 2026-06-21 13:20:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve emojis, log when send emoji to player

Browse Source
This commit is contained in:
evanpelle
2024-10-05 21:03:59 -07:00
parent 3e9080502b
commit ec032bb758
3 changed files with 44 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/graphics/layers/EventsDisplay.ts
+9 -1
View File
@@ -1,6 +1,6 @@
import {nullable} from "zod";
import {EventBus, GameEvent} from "../../../core/EventBus";
import {AllianceExpiredEvent, AllianceRequestEvent, AllianceRequestReplyEvent, BrokeAllianceEvent, EmojiMessageEvent, Game, Player, PlayerID, TargetPlayerEvent} from "../../../core/game/Game";
import {AllianceExpiredEvent, AllianceRequestEvent, AllianceRequestReplyEvent, AllPlayers, BrokeAllianceEvent, EmojiMessageEvent, Game, Player, PlayerID, TargetPlayerEvent} from "../../../core/game/Game";
import {ClientID} from "../../../core/Schemas";
import {Layer} from "./Layer";
import {SendAllianceReplyIntentEvent} from "../../Transport";
@@ -240,6 +240,14 @@ export class EventsDisplay implements Layer {
createdAt: this.game.ticks(),
})
}
if (event.message.sender == myPlayer && event.message.recipient != AllPlayers) {
this.addEvent({
description: `Sent ${event.message.recipient.name()} ${event.message.emoji}`,
type: MessageType.INFO,
highlight: true,
createdAt: this.game.ticks(),
})
}
}
addEvent(event: Event): void {
src/client/graphics/layers/RadialMenu.ts
+4 -1
View File
@@ -81,9 +81,12 @@ export class RadialMenu implements Layer {
}
private setupEmojiButtons(recipient: Player | typeof AllPlayers) {
const emojiTable = document.getElementById('uniqueEmojiTable');
let emojiTable = document.getElementById('uniqueEmojiTable');
if (emojiTable) {
// Remove existing listeners
emojiTable.replaceWith(emojiTable.cloneNode(true));
emojiTable = document.getElementById('uniqueEmojiTable');
emojiTable.addEventListener('click', (event) => {
const emojiElement = event.target as HTMLElement;
if (emojiElement.classList.contains('emoji-button')) {
src/client/index.html
+31 -31
View File
@@ -52,49 +52,49 @@
<table id="uniqueEmojiTable" class="emoji-table hidden">
<tr>
<td><button class="emoji-button">😀</button></td>
<td><button class="emoji-button">🐶</button></td>
<td><button class="emoji-button">🌺</button></td>
<td><button class="emoji-button">🍕</button></td>
<td><button class="emoji-button">🚗</button></td>
<td><button class="emoji-button">😱</button></td>
<td><button class="emoji-button">🤩</button></td>
<td><button class="emoji-button">🎯</button></td>
<td><button class="emoji-button">🥺</button></td>
</tr>
<tr>
<td><button class="emoji-button">🐱</button></td>
<td><button class="emoji-button">🌴</button></td>
<td><button class="emoji-button">🍦</button></td>
<td><button class="emoji-button">✈️</button></td>
<td><button class="emoji-button">📚</button></td>
<td><button class="emoji-button">🪦</button></td>
<td><button class="emoji-button">👏</button></td>
<td><button class="emoji-button">🥉</button></td>
<td><button class="emoji-button">🥈</button></td>
<td><button class="emoji-button">🥇</button></td>
</tr>
<tr>
<td><button class="emoji-button">🐼</button></td>
<td><button class="emoji-button">🌻</button></td>
<td><button class="emoji-button">🍔</button></td>
<td><button class="emoji-button">🚲</button></td>
<td><button class="emoji-button">🎬</button></td>
<td><button class="emoji-button">🤙</button></td>
<td><button class="emoji-button">🥰</button></td>
<td><button class="emoji-button">😇</button></td>
<td><button class="emoji-button">😊</button></td>
<td><button class="emoji-button">🔥</button></td>
</tr>
<tr>
<td><button class="emoji-button">🐘</button></td>
<td><button class="emoji-button">🌹</button></td>
<td><button class="emoji-button">🍎</button></td>
<td><button class="emoji-button">🚁</button></td>
<td><button class="emoji-button">💻</button></td>
<td><button class="emoji-button">💪</button></td>
<td><button class="emoji-button">🥳</button></td>
<td><button class="emoji-button">💀</button></td>
<td><button class="emoji-button">😭</button></td>
<td><button class="emoji-button">🤦‍♂️</button></td>
</tr>
<tr>
<td><button class="emoji-button">🦁</button></td>
<td><button class="emoji-button">🌼</button></td>
<td><button class="emoji-button">🍓</button></td>
<td><button class="emoji-button">🚂</button></td>
<td><button class="emoji-button">📷</button></td>
<td><button class="emoji-button">😎</button></td>
<td><button class="emoji-button">👎</button></td>
<td><button class="emoji-button">👍</button></td>
<td><button class="emoji-button">🥱</button></td>
<td><button class="emoji-button">💔</button></td>
</tr>
<tr>
<td><button class="emoji-button">🐸</button></td>
<td><button class="emoji-button">🌳</button></td>
<td><button class="emoji-button">🍇</button></td>
<td><button class="emoji-button">🚢</button></td>
<td><button class="emoji-button">🎸</button></td>
<td><button class="emoji-button">❤️</button></td>
<td><button class="emoji-button">💰</button></td>
<td><button class="emoji-button">🤝</button></td>
<td><button class="emoji-button">🛡️</button></td>
<td><button class="emoji-button">💥</button></td>
</tr>
<tr>
<td><button class="emoji-button">🦉</button></td>
<td><button class="emoji-button">🌵</button></td>
<td><button class="emoji-button">🆘</button></td>
<td><button class="emoji-button">🕊️</button></td>
<td><button class="emoji-button">➡️</button></td>
<td><button class="emoji-button">⬅️</button></td>
<td><button class="emoji-button">↙️</button></td>