OpenSlides/openslides/core/static/templates/config.html

<div class="header">
  <div class="title">
    <h1 translate>Settings</h1>
  </div>
</div>

<div class="details">
  <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
    <!-- generate config groups -->
    <div ng-repeat="group in configGroups">
      <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="heading-{{ group.name }}">
          <h4 class="panel-title">
            <a data-toggle="collapse" data-parent="#accordion" href="#{{ group.name }}"
                aria-expanded="false" aria-controls="{{ group.name }}" translate>
              {{ group.name }}
            </a>
          </h4>
        </div> <!-- heading -->
        <div id="{{ group.name }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-{{ group.name }}">
          <div class="panel-body">
            <div ng-repeat="subgroup in group.subgroups">
              <h3>{{ subgroup.name }}</h3>
              <div ng-repeat="configOption in subgroup.items">
                <os-form-field field="configOption"></os-form-field>
              </div>
            </div>
          </div>
        </div> <!-- group.name -->
      </div>
    </div>
  </div>
</div>