import { LitElement, html } from "lit"; import { customElement, query } from "lit/decorators.js"; import { translateText } from "../client/Utils"; import "./components/Difficulties"; import "./components/Maps"; @customElement("help-modal") export class HelpModal extends LitElement { @query("o-modal") private modalEl!: HTMLElement & { open: () => void; close: () => void; }; createRenderRoot() { return this; } render() { return html`
${translateText("help_modal.hotkeys")}
${translateText("help_modal.table_key")} ${translateText("help_modal.table_action")}
Space ${translateText("help_modal.action_alt_view")}
Shift +
${translateText("help_modal.action_attack_altclick")}
Ctrl +
${translateText("help_modal.action_build")}
Alt +
${translateText("help_modal.action_emote")}
C ${translateText("help_modal.action_center")}
Q / E ${translateText("help_modal.action_zoom")}
W A S D ${translateText("help_modal.action_move_camera")}
1 / 2 ${translateText("help_modal.action_ratio_change")}
Shift +
${translateText("help_modal.action_ratio_change")}
ALT + R ${translateText("help_modal.action_reset_gfx")}

${translateText("help_modal.ui_section")}
${translateText("help_modal.ui_leaderboard")}
Leaderboard

${translateText("help_modal.ui_leaderboard_desc")}


${translateText("help_modal.ui_control")}
Control panel

${translateText("help_modal.ui_control_desc")}

  • ${translateText("help_modal.ui_pop")}
  • ${translateText("help_modal.ui_gold")}
  • ${translateText("help_modal.ui_troops_workers")}
  • ${translateText("help_modal.ui_attack_ratio")}

${translateText("help_modal.ui_options")}
Options

${translateText("help_modal.ui_options_desc")}

  • ${translateText("help_modal.option_pause")}
  • ${translateText("help_modal.option_timer")}
  • ${translateText("help_modal.option_exit")}
  • ${translateText("help_modal.option_settings")}

${translateText("help_modal.radial_title")}
Radial menu

${translateText("help_modal.radial_desc")}

  • ${translateText("help_modal.radial_build")}
  • ${translateText("help_modal.radial_info")}
  • ${translateText("help_modal.radial_boat")}
  • ${translateText("help_modal.radial_close")}

${translateText("help_modal.info_title")}
${translateText("help_modal.info_enemy_panel")}
Enemy info panel

${translateText("help_modal.info_enemy_desc")}

  • ${translateText("help_modal.info_target")}
  • ${translateText("help_modal.info_alliance")}
  • ${translateText("help_modal.info_emoji")}

${translateText("help_modal.info_ally_panel")}
Ally info panel

${translateText("help_modal.info_ally_desc")}

  • ${translateText("help_modal.ally_betray")}
  • ${translateText("help_modal.ally_donate")}

${translateText("help_modal.build_menu_title")}
${translateText("help_modal.build_name")} ${translateText("help_modal.build_icon")} ${translateText("help_modal.build_desc")}
${translateText("help_modal.build_city")}
${translateText("help_modal.build_city_desc")}
${translateText("help_modal.build_defense")}
${translateText("help_modal.build_defense_desc")}
${translateText("help_modal.build_port")}
${translateText("help_modal.build_port_desc")}
${translateText("help_modal.build_warship")}
${translateText("help_modal.build_warship_desc")}
${translateText("help_modal.build_silo")}
${translateText("help_modal.build_silo_desc")}
${translateText("help_modal.build_sam")}
${translateText("help_modal.build_sam_desc")}
${translateText("help_modal.build_atom")}
${translateText("help_modal.build_atom_desc")}
${translateText("help_modal.build_hydrogen")}
${translateText("help_modal.build_hydrogen_desc")}
${translateText("help_modal.build_mirv")}
${translateText("help_modal.build_mirv_desc")}

${translateText("help_modal.player_icons")}

${translateText("help_modal.icon_desc")}

${translateText("help_modal.icon_crown")}
Number 1 player
${translateText("help_modal.icon_traitor")}
Traitor
${translateText("help_modal.icon_ally")}
Ally
`; } public open() { this.modalEl?.open(); } public close() { this.modalEl?.close(); } }