<commit_before><template>

  <div class="group-section">
    <h2>{{ group.name }}</h2>
    <div>
      <div class="meta">
        <span>{{ $tr('numLearners', {count: group.users.length }) }}</span>
        <span v-if="group.users.length">{{ `${selectedUsers.length} ${$tr('selected')}` }}</span>
      </div>
      <div class="buttons">
        <ui-button v-if="!isUngrouped"
          color="primary"
          :has-dropdown="true"
          ref="dropdownButton"
          size="small">
          <ui-menu slot="dropdown"
            :options="menuOptions"
            @select="handleSelection"
            @close="close"
          />
          {{ $tr('actions') }}
        </ui-button>
        <icon-button
          v-if="canMove"
          :text="$tr('moveLearners')"
          :primary="true"
          size="small"
          @click="emitMove"
          :disabled="selectedUsers.length === 0" />
      </div>
    </div>

    <table v-if="group.users.length">
      <thead>
        <tr>
          <th class="col-checkbox">
            <input type="checkbox"
              :checked="allUsersAreSelected"
              @change="toggleSelectAll">
          </th>
          <th class="col-name">{{ $tr('name') }}</th>
          <th class="col-username">{{ $tr('username') }}</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="user in group.users"
          :class="isSelected(user.id) ? 'selectedrow' : ''"
          @click="toggleSelection(user.id)">
          <td class="col-checkbox">
            <input type="checkbox"
              :id="user.id"
              :value="user.id"
              v-model="selectedUsers">
          </td>
          <td class="col-name"><strong>{{ user.full_name }}</strong></td><commit_msg>Stops event propagation<commit_after><template>

  <div class="group-section">
    <h2>{{ group.name }}</h2>
    <div>
      <div class="meta">
        <span>{{ $tr('numLearners', {count: group.users.length }) }}</span>
        <span v-if="group.users.length">{{ `${selectedUsers.length} ${$tr('selected')}` }}</span>
      </div>
      <div class="buttons">
        <ui-button v-if="!isUngrouped"
          color="primary"
          :has-dropdown="true"
          ref="dropdownButton"
          size="small">
          <ui-menu slot="dropdown"
            :options="menuOptions"
            @select="handleSelection"
            @close="close"
          />
          {{ $tr('actions') }}
        </ui-button>
        <icon-button
          v-if="canMove"
          :text="$tr('moveLearners')"
          :primary="true"
          size="small"
          @click="emitMove"
          :disabled="selectedUsers.length === 0" />
      </div>
    </div>

    <table v-if="group.users.length">
      <thead>
        <tr>
          <th class="col-checkbox">
            <input type="checkbox"
              :checked="allUsersAreSelected"
              @change="toggleSelectAll">
          </th>
          <th class="col-name">{{ $tr('name') }}</th>
          <th class="col-username">{{ $tr('username') }}</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="user in group.users"
          :class="isSelected(user.id) ? 'selectedrow' : ''"
          @click="toggleSelection(user.id)">
          <td class="col-checkbox">
            <input type="checkbox"
              :id="user.id"
              :value="user.id"
              v-model="selectedUsers"
              @click.stop>
          </td>
          <td class="col-name"><strong>{{ user.full_name }}</strong></td>
{'fraction_non_alphanumeric': 0.19020501138952164, 'fraction_numerical': 0.0017084282460136675, 'mean_word_length': 1.7947494033412887, 'pattern_counts': {'":': 0, '<': 81, '<?xml version=': 0, '>': 81, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6000732', 'n_tokens_mistral': 1083, 'n_tokens_neox': 1061, 'n_words': 174}