openproject/frontend/app/templates/work_packages/modals/group_by.html

<div class="ng-modal-window">
  <div class="ng-modal-inner">
    <div class="modal-header"><a><i class="icon-close" ng-click="modal.closeMe()" title="{{ ::I18n.t('js.close_popup_title') }}"></i></a></div>

    <h3>{{ ::I18n.t('js.label_group_by') }}</h3>

    <form>
      <div class="form--field -full-width">
        <label
          for="selected_columns_new"
          class="form--label hidden-for-sighted">
          {{ ::I18n.t('js.label_group_by') }}
        </label>
        <div class="form--field-container">
          <div class="form--select-container">
            <select
                ng-model="vm.selectedColumnName"
                focus="true"
                title="{{ fieldController.editTitle }}"
                id="selected_columns_new"
                class="form--select"
                ng-options="column.name as column.title for column in vm.groupableColumns | orderBy: 'title'">
            </select>
          </div>
        </div>
      </div>

      <div>
        <button class="button -highlight" ng-click="updateGroupBy()">
          {{ ::I18n.t('js.modals.button_apply') }}
        </button>
        <button class="button" ng-click="modal.closeMe()">
          {{ ::I18n.t('js.modals.button_cancel') }}
        </button>
      </div>
    </form>

  </div>
</div>