Fill out translations for ja, zh_CN, zh_TW

Author: EpicOrange

lib/riichi_advanced/constants.ex

@@ -367,4 +367,13 @@ defmodule RiichiAdvanced.Constants do
 
   def tutorials, do: @tutorials
 
+  @langs [
+    {"English", "en"},
+    {"日本語", "ja"},
+    {"简体中文", "zh_CN"},
+    {"繁體中文", "zh_TW"}
+  ]
+
+  def langs, do: @langs
+
 end

lib/riichi_advanced_web/views/big_text_component.ex

@@ -1,5 +1,6 @@
 defmodule RiichiAdvancedWeb.BigTextComponent do
   use RiichiAdvancedWeb, :live_component
+  import RiichiAdvancedWeb.Translations
 
   def mount(socket) do
     socket = assign(socket, :length, 2)
@@ -8,7 +9,7 @@ defmodule RiichiAdvancedWeb.BigTextComponent do
 
   def render(assigns) do
     ~H"""
-    <div class={["big-text", @relative_seat]} style={"--big-text-length: #{@length}"}><%= @big_text %></div>
+    <div class={["big-text", @relative_seat]} style={"--big-text-length: #{@length}"}><%= dt(@lang, @big_text) %></div>
     """
   end
 

lib/riichi_advanced_web/views/game_live.ex

@@ -178,6 +178,7 @@ defmodule RiichiAdvancedWeb.GameLive do
         game_state={@game_state}
         seat={seat}
         relative_seat={Utils.get_relative_seat(@seat, seat)}
+        lang={@lang}
         big_text={player.big_text}
         :if={player.big_text != ""}
         :for={{seat, player} <- @state.players} />

lib/riichi_advanced_web/views/menu_buttons_component.ex

@@ -1,4 +1,5 @@
 defmodule RiichiAdvancedWeb.MenuButtonsComponent do
+  alias RiichiAdvanced.Constants
   use RiichiAdvancedWeb, :live_component
   use Gettext, backend: RiichiAdvancedWeb.Gettext
   import RiichiAdvancedWeb.Translations
@@ -15,7 +16,7 @@ defmodule RiichiAdvancedWeb.MenuButtonsComponent do
       <button class="language-dropdown-container">
         <form class="language-dropdown" phx-change="change_language">
           <select id="language-dropdown" name="lang">
-            <%= for {name, code} <- [{"English", "en"}, {"日本語", "ja"}] do %>
+            <%= for {name, code} <- Constants.langs() do %>
               <%= if code == @lang do %>
                 <option value={code} selected><%= name %></option>
               <% else %>

lib/riichi_advanced_web/views/room_live.ex

@@ -167,7 +167,7 @@ defmodule RiichiAdvancedWeb.RoomLive do
                 </div>
                 <%= for {mod_id, mod} <- Enum.sort_by(mods, fn {_mod_name, mod} -> mod.index end) do %>
                   <input id={mod_id} type="checkbox" phx-click="toggle_mod" phx-value-mod={mod_id} phx-value-enabled={if @state.mods[mod_id].enabled do "true" else "false" end} checked={@state.mods[mod_id].enabled}>
-                  <label for={mod_id} title={dt(@lang, mod.desc)} data-name={mod.name} tabindex={mod.index} class={["mod", mod.class]}>
+                  <label for={mod_id} title={dt(@lang, mod.desc)} data-name={dt(@lang, mod.name)} tabindex={mod.index} class={["mod", mod.class]}>
                     <%= dt(@lang, mod.name) %>
                     <%= if mod.enabled and not Enum.empty?(mod.config) do %>
                       |