libreoffice-online/browser/admin/adminSettings.html

<main>
  <div class="container">
    <script>Admin.Settings(host);</script>
    <div class="columns">
      <div class="column">
    <h3 class="title is-3"><script>document.write(l10nstrings.strSettings)</script></h3>
      </div>
      <div class="column has-text-right">
      <button id="btnShutdown" type="submit" class="button is-danger" style="min-width:140px; margin-inline-end:14px"><script>document.write(l10nstrings.strShutdown)</script></button>
      </div>
    </div>
    <div class="tabs">
      <ul>
        <li id="tab-documents-open" class="is-active"><a id="button-opview" href="#opview"><script>document.write(l10nstrings.strSettings)</script></a></li>
        <li id="tab-users-online"><a id="button-versionview" href="#versionview"><script>document.write(l10nstrings.strVersionInfo)</script></a></li>
      </ul>
     </div>
    <div id="opview" class="mtabs">
    <form id="admin_settings">
      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strMemoryStatsCachesize)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="mem_stats_size" class="input" name="Memory Stats Size" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strMemoryStatsInterval)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="mem_stats_interval" class="input" name="Memory Stats Interval" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strCpuStatsCachesize)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="cpu_stats_size" class="input" name="Cpu Stats Size" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strCpuStatsInterval)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="cpu_stats_interval" class="input" name="Cpu Stats Interval" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strLimitVirtMemMb)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="limit_virt_mem_mb" class="input" name="Max Document Virtual Memory MB" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strLimitStackMemKb)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="limit_stack_mem_kb" class="input" name="Max Document Stack Memory Kb" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strLimitFileSizeMb)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="limit_file_size_mb" class="input" name="Max File Write Size Mb" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strMemoryStatsCachesize)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="mem_stats_size" class="input" name="Memory Stats Size" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-body">
          <div class="field">
            <div class="control">
              <button type="submit" class="button is-primary" style="min-width:120px;"><script>document.write(l10nstrings.strSave)</script></button>
            </div>
          </div>
        </div>
      </div>
    </form>
</div>
<div id="versionview" class="mtabs">
      <p>
        <h5><b>COOLWSD</b></h5>
        <div id="coolwsd-version"></div>
        <div id="coolwsd-buildconfig"></div>
      </p>
      <p>
        <h5><b>LOKit</b></h5>
        <div id="lokit-version"></div>
        <div id="lokit-buildconfig"></div>
      </p>
 </div>
</div>
</main>

<script>
  document.getElementById('a-settingsmenu-mobile').classList.add('is-active');
  document.getElementById('a-settingsmenu-tablet').classList.add('is-active');

  window.location.href += '#opview';

  // Switching tabs is done by css rules. We will set "is-active" classes here.
  document.getElementById('button-versionview').onclick = function() {
    document.getElementById('button-versionview').parentNode.className = 'is-active';
    document.getElementById('button-opview').parentNode.className = '';
  }

  document.getElementById('button-opview').onclick = function() {
    document.getElementById('button-opview').parentNode.className = 'is-active';
    document.getElementById('button-versionview').parentNode.className = '';
  }

</script>