use assets from the vanilla repo

assets/js/servers.js

@@ -91,7 +91,7 @@ export class ServerRegistration {
             if (typeof playerCount !== 'number') {
               this._app.tooltip.hide()
             } else {
-              this._app.tooltip.set(pos.left, pos.top, 10, 10, `${formatNumber(playerCount)} giocatori<br>${formatTimestampSeconds(this._graphData[0][id])}`)
+              this._app.tooltip.set(pos.left, pos.top, 10, 10, `${formatNumber(playerCount)} Players<br>${formatTimestampSeconds(this._graphData[0][id])}`)
             }
           } else {
             this._app.tooltip.hide()
@@ -229,7 +229,7 @@ export class ServerRegistration {
       this._renderValue('record', (element) => {
         if (ping.recordData.timestamp > 0) {
           element.innerText = `${formatNumber(ping.recordData.playerCount)} (${formatDate(ping.recordData.timestamp)})`
-          element.title = `Il ${formatDate(ping.recordData.timestamp)} ${formatTimestampSeconds(ping.recordData.timestamp)}`
+          element.title = `At ${formatDate(ping.recordData.timestamp)} ${formatTimestampSeconds(ping.recordData.timestamp)}`
         } else {
           element.innerText = formatNumber(ping.recordData.playerCount)
         }
@@ -255,7 +255,7 @@ export class ServerRegistration {
 
       // If the frontend has freshly connection, and the server's last ping was in error, it may not contain an error object
       // In this case playerCount will safely be null, so provide a generic error message instead
-      this._renderValue('error', 'Fallito il ping')
+      this._renderValue('error', 'Failed to ping')
     } else if (typeof ping.playerCount === 'number') {
       this._hideValue('error')
       this._renderValue('player-count', formatNumber(ping.playerCount))
@@ -284,8 +284,8 @@ export class ServerRegistration {
       <div class="column column-status">
         <h3 class="server-name"><span class="${this._app.favoritesManager.getIconClass(this.isFavorite)}" id="favorite-toggle_${this.serverId}"></span> ${this.data.name}</h3>
         <span class="server-error" id="error_${this.serverId}"></span>
-        <span class="server-label" id="player-count_${this.serverId}">Giocatori: <span class="server-value" id="player-count-value_${this.serverId}"></span></span>
-        <span class="server-label" id="peak_${this.serverId}">Picco di ${this._app.publicConfig.graphDurationLabel}: <span class="server-value" id="peak-value_${this.serverId}">-</span></span>
+        <span class="server-label" id="player-count_${this.serverId}">Players: <span class="server-value" id="player-count-value_${this.serverId}"></span></span>
+        <span class="server-label" id="peak_${this.serverId}">${this._app.publicConfig.graphDurationLabel} Peak: <span class="server-value" id="peak-value_${this.serverId}">-</span></span>
         <span class="server-label" id="record_${this.serverId}">Record: <span class="server-value" id="record-value_${this.serverId}">-</span></span>
         <span class="server-label" id="version_${this.serverId}"></span>
       </div>

assets/js/socket.js

@@ -19,7 +19,7 @@ export class SocketManager {
 
     // The backend will automatically push data once connected
     this._webSocket.onopen = () => {
-      this._app.caption.set('Caricamento...')
+      this._app.caption.set('Loading...')
 
       // Reset reconnection scheduling since the WebSocket has been established
       this._reconnectDelayBase = 0
@@ -33,9 +33,9 @@ export class SocketManager {
       // See https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent
       // Treat other codes as active errors (besides connectivity errors) when displaying the message
       if (event.code === 1006) {
-        this._app.caption.set('Connessione persa!')
+        this._app.caption.set('Lost connection!')
       } else {
-        this._app.caption.set('Disconnesso per un errore.')
+        this._app.caption.set('Disconnected due to error.')
       }
 
       // Schedule socket reconnection attempt
@@ -152,14 +152,14 @@ export class SocketManager {
         clearInterval(reconnectInterval)
 
         // Update displayed text
-        this._app.caption.set('Riconnessione...')
+        this._app.caption.set('Reconnecting...')
 
         // Attempt reconnection
         // Only attempt when reconnectDelaySeconds === 0 and not <= 0, otherwise multiple attempts may be started
         this.createWebSocket()
       } else if (this._reconnectDelaySeconds > 0) {
         // Update displayed text
-        this._app.caption.set(`Riconnessione in ${this._reconnectDelaySeconds}s...`)
+        this._app.caption.set(`Reconnecting in ${this._reconnectDelaySeconds}s...`)
       }
     }, 1000)
   }

assets/js/sort.js

@@ -1,12 +1,12 @@
 const SORT_OPTIONS = [
   {
-    getName: () => 'Giocatori',
+    getName: () => 'Players',
     sortFunc: (a, b) => b.playerCount - a.playerCount,
     highlightedValue: 'player-count'
   },
   {
     getName: (app) => {
-      return `Picco di ${app.publicConfig.graphDurationLabel}`
+      return `${app.publicConfig.graphDurationLabel} Peak`
     },
     sortFunc: (a, b) => {
       if (!a.lastPeakData && !b.lastPeakData) {

assets/js/util.js

@@ -107,7 +107,7 @@ export function formatTimestampSeconds (secs) {
 export function formatDate (secs) {
   const date = new Date(0)
   date.setUTCSeconds(secs)
-  return date.toLocaleDateString('it-IT')
+  return date.toLocaleDateString()
 }
 
 export function formatPercent (x, over) {