src/components/dialogs/settings.html - master - Astartes1337/cal

src/components/dialogs/settings.html
769 строк32 KB
sh4rkman
🎄
01 дек 2025, 16:31
01 дек 2025, 16:3170b431d
<dialog id="helpDialog" class="animate__animated animate__zoomIn">

    <form method="dialog">
        <button class="closeModal">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"/></svg>
        </button>
    </form>

    <div id="lngSelector" class="dropdown">
        <select id="lngDropbtn" class="dropbtn4 unselectable" tabindex="-1">
        </select>
    </div>

    <h2 data-i18n="settings:SettingsTitle">Settings</h2>

    <div id="settingsControls">
      <button type="button" class="active" value="panel1" aria-label="panel1">
          <span data-i18n="settings:map"></span>
          <span>
              <svg class="animate__animated animate__fadeInRight" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path d="M384 476.1L192 421.2l0-385.3L384 90.8l0 385.3zm32-1.2l0-386.5L543.1 37.5c15.8-6.3 32.9 5.3 32.9 22.3l0 334.8c0 9.8-6 18.6-15.1 22.3L416 474.8zM15.1 95.1L160 37.2l0 386.5L32.9 474.5C17.1 480.8 0 469.2 0 452.2L0 117.4c0-9.8 6-18.6 15.1-22.3z"/>
              </svg>
          </span>
      </button>
      <button type="button" value ="panel2" aria-label="panel2">
          <span data-i18n="settings:mortars"></span>
          <span>
              <svg class="animate__animated animate__fadeInRight" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
                <path d="M49.1 353.8L26.5 365.1C2.8 376.9-6.8 405.8 5.1 429.5s40.7 33.3 64.4 21.5L92 439.7c42.7 41.2 108.3 53.2 164.4 25.1c6.1-3.2 14.8-8.1 25.4-14.5C265.5 427 256 398.6 256 368c0-79.5 64.5-144 144-144c52.4 0 98.3 28 123.5 69.9c32.9-21.9 62.9-41.9 86-57.4c26.7-17.9 35.7-52.7 21.4-81.5L600.2 93.5c-14.4-28.7-47.7-42.4-78-31.8C414.8 99.3 177.1 183.2 127.6 207.2c-56.1 28-85.9 87.7-78.5 146.6zM400 480a112 112 0 1 0 0-224 112 112 0 1 0 0 224zm0-144a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/>
              </svg>
          </span>
        </button>
      <button type="button" value ="panel3" aria-label="panel3">
          <span data-i18n="settings:layer"></span>
          <span>
              <svg id="flagsvg" class="animate__animated animate__fadeInRight" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                <path d="M64 32C64 14.3 49.7 0 32 0S0 14.3 0 32L0 64 0 368 0 480c0 17.7 14.3 32 32 32s32-14.3 32-32l0-128 64.3-16.1c41.1-10.3 84.6-5.5 122.5 13.4c44.2 22.1 95.5 24.8 141.7 7.4l34.7-13c12.5-4.7 20.8-16.6 20.8-30l0-247.7c0-23-24.2-38-44.8-27.7l-9.6 4.8c-46.3 23.2-100.8 23.2-147.1 0c-35.1-17.6-75.4-22-113.5-12.5L64 48l0-16z"/>
              </svg>
          </span>
      </button>
    </div>

    <div id="panel1" class="panel active">
         
      <table class="userSettings">
          <caption data-i18n="settings:mapOptions"></caption>
          <tbody>

              <tr id="keypadUnderCursorSettingRow">
                  <td >
                      <label class="mcui-checkbox" >
                          <input id="keypadUnderCursorSetting" type="checkbox">
                          <span>
                            <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                              <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                            </svg>
                          </span>
                        </label>
                  </td>
                  <td> 
                      <span data-i18n="settings:showKeypad" class="toggleCheckbox"></span>
                      <br>
                      <span id="KPSettingSubText" class="settingsSubtext"></span>
                  </td>
              </tr>

              <tr class="cursorChoiceSettings">
                  <td>
                      <label class="mcui-checkbox">
                          <input id="cursorChoiceSettings" type="checkbox">
                          <span>
                            <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                              <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                            </svg>
                          </span>
                        </label>
                  </td>
                  <td><span data-i18n="settings:useClassicCursor" class="toggleCheckbox"></span></td>
              </tr>

              <tr class="mapAnimationSettings">
                  <td>
                      <label class="mcui-checkbox">
                          <input id="mapAnimationSettings" type="checkbox">
                          <span>
                            <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                              <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                            </svg>
                          </span>
                        </label>
                  </td>
                  <td>
                    <span data-i18n="settings:mapAnimationSettings" class="toggleCheckbox"></span>
                  </td>
              </tr>

              <tr class="contextMenuSettings">
                  <td>
                      <label class="mcui-checkbox">
                          <input id="contextMenuSettings" type="checkbox">
                          <span>
                            <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                              <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                            </svg>
                          </span>
                        </label>
                  </td>
                  <td>
                    <span data-i18n="settings:contextMenu" class="toggleCheckbox"></span>
                  </td>
              </tr>

          </tbody>
      </table>

      <div class="slidersHolders">
        <table class="slidersTables">
          <tbody>
              <tr>
                  <td class="noborder">
                    <span data-i18n="settings:gridOpacity"></span>
                  </td> 
                  <td class="noborder">
                      <div class="slider-wrapper">
                        <div class="ticks" id="gridTicks"></div>
                        <input type="range" id="gridSlider" min="0" max="1" step="0.05">
                      </div>
                  </td>
              </tr>
          </tbody>
        </table>
      </div>

      <div class="slidersHolders">
        <table class="slidersTables">
          <tbody>
              <tr>
                  <td class="noborder">
                    <span data-i18n="settings:zoomSensitivity"></span>
                  </td> 
                  <td class="noborder">
                      <div class="slider-wrapper">
                        <div class="ticks" id="zoomTicks"></div>
                        <input type="range" id="zoomSlider" min="1" max="3" step="0.1">
                      </div>
                  </td>
              </tr>
          </tbody>
        </table>
      </div>

      <div class="slidersHolders">
        <table class="slidersTables">
          <tbody>
              <tr>
                  <td class="noborder">
                    <span data-i18n="settings:fontSize"></span>
                  </td> 
                  <td class="noborder">
                      <div class="slider-wrapper">
                        <div class="ticks" id="fontTicks"></div>
                        <input type="range" id="fontSlider" min="1" max="5" step="1">
                      </div>
                  </td>
              </tr>
          </tbody>
        </table>
      </div>

      <div class="slidersHolders hidden">
        <table class="slidersTables">
          <tbody>
              <tr>
                  <td class="noborder">
                    <span data-i18n="settings:markerSize"></span>
                  </td> 
                  <td class="noborder">
                      <div class="slider-wrapper">
                        <div class="ticks" id="markerTicks"></div>
                        <input type="range" id="markerSlider" min="1" max="5" step="0.25">
                      </div>
                  </td>
              </tr>
          </tbody>
        </table>
      </div>

      <div class="slidersHolders">
        <table class="slidersTables">
          <tbody>
              <tr>
                  <td class="noborder">
                    <span data-i18n="settings:brightness"></span>
                  </td> 
                  <td class="noborder">
                      <div class="slider-wrapper">
                        <div class="ticks" id="brightnessTicks"></div>
                        <input type="range" id="brightnessSlider" min="0.5" max="1.5" step="0.05">
                      </div>
                  </td>
              </tr>
          </tbody>
        </table>
      </div>

      <div class="slidersHolders">
        <table class="slidersTables">
          <tbody>
              <tr>
                  <td class="noborder">
                    <span data-i18n="settings:contrast"></span>
                  </td> 
                  <td class="noborder">
                      <div class="slider-wrapper">
                        <div class="ticks" id="contrastTicks"></div>
                        <input type="range" id="contrastSlider" min="0.5" max="1.5" step="0.05">
                      </div>
                  </td>
              </tr>
          </tbody>
        </table>
      </div>

    </div>

    <div id="panel2" class="panel">

      <table class="userSettings">
        <caption data-i18n="settings:weaponOptions"></caption>
        <tbody>

          <tr class="weaponDragSetting">
            <td>
                <label class="mcui-checkbox">
                    <input id="weaponDragSetting" type="checkbox">
                    <span>
                      <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                        <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                      </svg>
                    </span>
                  </label>
            </td>
            <td>
              <span data-i18n="settings:weaponDrag" class="toggleCheckbox"></span>
            </td>
          </tr>

          <tr>
            <td>
                <label class="mcui-checkbox">
                    <input id="realMaxRangeSettings" type="checkbox">
                    <span>
                      <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                        <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                      </svg>
                    </span>
                  </label>
            </td>
            <td>
              <span data-i18n="settings:realMaxRange" class="toggleCheckbox"></span>
            </td>
          </tr>

            <tr class="experimentalSetting">
              <td>
                  <label class="mcui-checkbox">
                      <input id="experimentalSetting" type="checkbox">
                      <span>
                        <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                          <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                        </svg>
                      </span>
                    </label>
              </td>
              <td>
                <span data-i18n="settings:moddedWeapons" class="toggleCheckbox"></span>
              </td>
          </tr>

        </tbody>
    </table>


    <table class="userSettings">

      <caption data-i18n="settings:targetOptions"></caption>
        <tbody>
          <tr class="targetAnimationSettings">
            <td>
                <label class="mcui-checkbox">
                    <input id="targetAnimationSettings" type="checkbox">
                    <span>
                      <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                        <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                      </svg>
                    </span>
                  </label>
            </td>
            <td>
              <span data-i18n="settings:showAnimations" class="toggleCheckbox"></span>
            </td>
          </tr>

          <tr>
            <td>
                <label class="mcui-checkbox">
                  <input id="targetDragSetting" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
            </td>
            <td>
              <span data-i18n="settings:targetDrag" class="toggleCheckbox"></span>
            </td>
          </tr>

          <tr>
            <td>
                <label class="mcui-checkbox">
                  <input id="targetCopySetting" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
            </td>
            <td>
              <span data-i18n="settings:copyTarget" class="toggleCheckbox"></span>
            </td>
          </tr>

          <tr>
            <td>
                <label class="mcui-checkbox">
                  <input id="lowAndHighSetting" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
            </td>
            <td>
              <span data-i18n="settings:lowAndHigh" class="toggleCheckbox"></span>
            </td>
          </tr>

          <tr>
            <td>
                <label class="mcui-checkbox">
                  <input id="lastDigitsSetting" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
            </td>
            <td>
              <span data-i18n="settings:lastDigits" class="toggleCheckbox"></span>
              <sup class="new">new</sup>
            </td>
          </tr>

          <tr>
              <td>
                  <label class="mcui-checkbox">
                      <input id="spreadRadiusSetting" type="checkbox">
                      <span>
                        <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                          <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                        </svg>
                      </span>
                    </label>
              </td>
              <td><span data-i18n="settings:showSpread" class="toggleCheckbox"></span></td>
          </tr>

          <tr class="damageRadiusSetting">
              <td>
                  <label class="mcui-checkbox">
                      <input id="damageRadiusSetting" type="checkbox">
                      <span>
                        <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                          <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                        </svg>
                      </span>
                  </label>
              </td>
              <td><span data-i18n="settings:showDamage" class="toggleCheckbox"></span></td>
          </tr>

          <tr class="targetGridSetting">
              <td>
                  <label class="mcui-checkbox">
                      <input id="targetGridSetting" type="checkbox">
                      <span>
                        <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                          <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                        </svg>
                      </span>
                  </label>
              </td>
              <td>
                <span data-i18n="settings:targetGrid" class="toggleCheckbox"></span>
              </td>
          </tr>
          <tr class="lineToTargetSetting">
              <td>
                  <label class="mcui-checkbox">
                      <input id="lineToTargetSetting" type="checkbox">
                      <span>
                        <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                          <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                        </svg>
                      </span>
                  </label>
              </td>
              <td>
                <span data-i18n="settings:lineToTarget" class="toggleCheckbox"></span>
                <sup class="new">new</sup>
              </td>
          </tr>



        </tbody>
    </table>

    <table class="userSettings">
      <tbody>
        <tr>
          <td>
              <label class="mcui-checkbox">
                  <input id="bearingSetting" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
          </td>
          <td><span data-i18n="settings:showBearing" class="toggleCheckbox"></span></td>
      </tr>

      <tr>
          <td>
              <label class="mcui-checkbox">
                  <input id="distanceSetting" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
          </td>
          <td><span data-i18n="settings:showDistance" class="toggleCheckbox"></span></td>
      </tr>

      <tr>
          <td>
              <label class="mcui-checkbox">
                  <input id="timeOfFlightSetting" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
          </td>
          <td><span data-i18n="settings:showTimeOfFlight" class="toggleCheckbox"></span></td>
      </tr>

      <tr>
          <td>
              <label class="mcui-checkbox">
                  <input id="heightSetting" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
          </td>
          <td><span data-i18n="settings:showHeightDiff" class="toggleCheckbox"></span></td>
      </tr>

      </tbody>
  </table>

    </div>

    <div id="panel3" class="panel">
      <table class="userSettings">
        <caption data-i18n="settings:LaneFinderOptions"></caption>

        <tbody>

          <tr>
            <td>
                <label class="mcui-checkbox">
                  <input id="showMainZonesSettings" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
            </td>
            <td>
              <span data-i18n="settings:showMainZones" class="toggleCheckbox"></span>
            </td>
          </tr>

          <tr>
            <td>
                <label class="mcui-checkbox">
                  <input id="showMainAssetsSettings" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
            </td>
            <td>
              <span data-i18n="settings:showMainAssets" class="toggleCheckbox"></span>
            </td>
          </tr>

          <tr class="">
            <td>
                <label class="mcui-checkbox">
                  <input id="showMapBordersSettings" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
            </td>
            <td>
              <span data-i18n="settings:showMapBorders" class="toggleCheckbox"></span>
            </td>
          </tr>

          <tr>
            <td>
                <label class="mcui-checkbox">
                  <input id="respawnCamSettings" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
            </td>
            <td>
              <span data-i18n="settings:respawnCam" class="toggleCheckbox"></span>
              <sup class="new">new</sup>
            </td>
          </tr>

          <tr>
            <td>
                <label class="mcui-checkbox">
                  <input id="circlesFlagsSettings" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
            </td>
            <td>
              <span data-i18n="settings:circlesFlags" class="toggleCheckbox"></span>
            </td>
          </tr>

          <tr class="showFlagsDistanceSettings">
            <td>
                <label class="mcui-checkbox">
                  <input id="showFlagsDistanceSettings" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
            </td>
            <td>
              <span data-i18n="settings:showFlagsDistance" class="toggleCheckbox"></span>
            </td>
          </tr>

          <tr class="showNextFlagPercentage">
            <td>
                <label class="mcui-checkbox">
                  <input id="showNextFlagPercentageSettings" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
            </td>
            <td>
              <span data-i18n="settings:showNextFlagPercentage" class="toggleCheckbox"></span>
            </td>
          </tr>

          <tr class="capZoneOnHoverSettings">
            <td>
                <label class="mcui-checkbox">
                    <input id="capZoneOnHoverSettings" type="checkbox">
                    <span>
                      <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                        <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                      </svg>
                    </span>
                  </label>
            </td>
            <td>
              <span data-i18n="settings:capZoneOnHover" class="toggleCheckbox"></span>
            </td>
          </tr>
          
          <tr class="revealLayerOnHover">
            <td>
                <label class="mcui-checkbox">
                    <input id="revealLayerOnHoverSettings" type="checkbox">
                    <span>
                      <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                        <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                      </svg>
                    </span>
                  </label>
            </td>
            <td>
              <span data-i18n="settings:revealLayerOnHover" class="toggleCheckbox"></span>
            </td>
          </tr>

          <!-- <tr class="copyNextFlagsSettings">
            <td>
                <label class="mcui-checkbox">
                  <input id="copyNextFlagsSettings" type="checkbox">
                  <span>
                    <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                      <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                    </svg>
                  </span>
                </label>
            </td>
            <td>
              <span data-i18n="settings:copyNextFlags" class="toggleCheckbox"></span>
            </td>
          </tr> -->

        </tbody>
      </table>

      <table class="userSettings factionSettings">
        <caption data-i18n="settings:factionsOptions"></caption>

        <tbody>

          <tr class="enableFactionsTooltip">
            <td>
                <label class="mcui-checkbox">
                    <input id="enableFactionsSettings" type="checkbox">
                    <span>
                      <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                        <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                      </svg>
                    </span>
                  </label>
            </td>
            <td>
              <span data-i18n="settings:enableFactions" class="toggleCheckbox"></span>
            </td>
          </tr>

          <tr class="">
            <td>
                <label class="mcui-checkbox">
                    <input id="defaultFactionsSettings" type="checkbox">
                    <span>
                      <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                        <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                      </svg>
                    </span>
                  </label>
            </td>
            <td>
              <span data-i18n="settings:defaultFactions" class="toggleCheckbox"></span>
            </td>
          </tr>

          <tr class="">
            <td>
                <label class="mcui-checkbox">
                    <input id="hideLowRespawnSettings" type="checkbox">
                    <span>
                      <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                        <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                      </svg>
                    </span>
                  </label>
            </td>
            <td>
              <span data-i18n="settings:hideLowRespawn" class="toggleCheckbox"></span>
            </td>
          </tr>

          <tr class="">
            <td>
                <label class="mcui-checkbox">
                    <input id="disableSoundsSettings" type="checkbox">
                    <span>
                      <svg class="mcui-check" viewBox="-2 -2 35 35" aria-hidden="true">
                        <polyline points="7.57 15.87 12.62 21.07 23.43 9.93" />
                      </svg>
                    </span>
                  </label>
            </td>
            <td>
              <span data-i18n="settings:disableSounds" class="toggleCheckbox"></span>
            </td>
          </tr>


        </tbody>
      </table>
    </div>


    <table id="links">
        <tbody>
            <tr>
                <td>
                    <a class="fab-action" href="https://discord.gg/BNPAc5kEJP" target="_blank" rel="noopener noreferrer" aria-label="discord" data-i18n-title="settings:discord">
                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"/></svg>
                    </a>
                </td>
                <td>
                    <a class="fab-action" href="https://github.com/sh4rkman/SquadCalc" target="_blank" rel="noopener noreferrer" aria-label="github" data-i18n-title="settings:github">
                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
                    </a>
                </td>
                <td>
                  <a class="fab-action" href="https://github.com/sh4rkman/SquadCalc/blob/master/CHANGELOG.md" target="_blank" rel="noopener noreferrer" aria-label="changelog" data-i18n-title="settings:changelog">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-288-128 0c-17.7 0-32-14.3-32-32L224 0 64 0zM256 0l0 128 128 0L256 0zM112 256l160 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-160 0c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64l160 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-160 0c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64l160 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-160 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg>
                  </a>
              </td>
              <td>
                <a class="fab-action" href="https://github.com/sh4rkman/SquadCalc/wiki" target="_blank" rel="noopener noreferrer" aria-label="wiki" data-i18n-title="settings:wiki">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M96 0C43 0 0 43 0 96L0 416c0 53 43 96 96 96l288 0 32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-64c17.7 0 32-14.3 32-32l0-320c0-17.7-14.3-32-32-32L384 0 96 0zm0 384l256 0 0 64L96 448c-17.7 0-32-14.3-32-32s14.3-32 32-32zm32-240c0-8.8 7.2-16 16-16l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16zm16 48l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg>
                </a>
            </td>
            </tr>
        </tbody>
    </table>

</dialog>