zulip/static/templates/settings/display-settings.handlebars

<div>
  <div id="display-settings" class="settings-section" data-name="display-settings">
    <div class="settings-section-title">
      <i class="icon-vector-time settings-section-icon"></i>
      {{t 'Display Settings' }}
    </div>
    <div class="alert" id="display-settings-status"></div>
    <form class="display-settings-form">

      <div class="input-group">
        <label for="default_language" class="inline-block"> {{t "Default Language" }}: <span id='default_language_name'>{{page_params.default_language_name}}</span></label>
        <a id="default_language" href="#default_language" title='Change default language'>[Change]</a>
      </div>
      <div id="default_language_modal" class="modal hide" tabindex="-1" role="dialog"
            aria-labelledby="default_language_modal_label" aria-hidden="true">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h3 id="default_language_modal_label">{{t "Select Default Language" }}</h3>
        </div>
        <div class="modal-body">
          <p>
          The following is a few of the languages we have started to
          support or are hoping to support in the near future. We would
          love help translating; if you're interested in helping, make an
          account at <a href='https://www.transifex.com/zulip/zulip/'>
          https://www.transifex.com/zulip/zulip/</a>, and sign up for a
          language! You can also request any language we don't currently
          have. It only takes a few hours to translate the most important
          parts of the app.
          </p>
          <div>
            <table>
              {{#each page_params.language_list_dbl_col}}
                <tr>
                  <td>
                    <a class="language" data-code="{{this.first.code}}" data-name="{{this.first.name}}">
                      {{#if this.first.selected}}
                      <b>{{this.first.percent}}</b>
                      {{else}}
                      {{this.first.percent}}
                      {{/if}}
                    </a>
                  </td>
                  <td>
                    <a class="language" data-code="{{this.second.code}}" data-name="{{this.second.name}}">
                      {{#if this.second.selected}}
                      <b>{{this.second.percent}}</b>
                      {{else}}
                      {{this.second.percent}}
                      {{/if}}
                    </a>
                  </td>
                </tr>
              {{/each}}
            </table>
          </div>
        </div>
        <div class="modal-footer">
          <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">{{t "Close" }}</button>
        </div>
      </div>

      <div class="input-group thinner">
        <input type="checkbox" class="inline-block" name="left_side_userlist" id="left_side_userlist"
          {{#if page_params.left_side_userlist}}
            checked="checked"
          {{/if}} />
          <label for="left_side_userlist" class="inline-block">{{t "Display user list on left side in narrow windows." }}</label>
      </div>

      <div class="input-group thinner">
        <input type="checkbox" class="inline-block" name="twenty_four_hour_time" id="twenty_four_hour_time"
          {{#if page_params.twenty_four_hour_time}}
            checked="checked"
          {{/if}} />
        <label for="twenty_four_hour_time" class="inline-block">
          {{t "Display time in 24-hour format (17:00 instead of 5:00 PM)" }}
        </label>
      </div>
    </form>
  </div>
</div>