<commit_before><template>

  <KPageContainer>
    <p>
      <BackLink
        v-if="classListPageEnabled"
        :to="$router.getRoute('CoachClassListPage')"
        :text="$tr('back')"
      />
    </p>
    <h1>{{ $store.state.classSummary.name }}</h1>
    <HeaderTable>
      <HeaderTableRow>
        <KLabeledIcon slot="key">
          <KIcon slot="icon" coach />
          {{ $tr('coach', {count: coachNames.length}) }}
        </KLabeledIcon>
        <template slot="value">
          <TruncatedItemList :items="coachNames" />
        </template>
      </HeaderTableRow>
      <HeaderTableRow>
        <KLabeledIcon slot="key">
          <KIcon slot="icon" people />
          {{ $tr('learner', {count: learnerNames.length}) }}
        </KLabeledIcon>
        <template slot="value">
          {{ coachStrings.$tr('integer', {value: learnerNames.length}) }}
        </template>
      </HeaderTableRow>
    </HeaderTable>
  </KPageContainer>

</template>


<script>

  import { mapGetters } from 'vuex';
  import commonCoach from '../../common';

  export default {
    name: 'OverviewBlock',
    components: {},
    mixins: [commonCoach],
    computed: {
      ...mapGetters(['classListPageEnabled']),
      coachNames() {
        return this.coaches.map(coach => coach.name);
      },
      learnerNames() {
        return this.learners.map(learner => learner.name);
      },
    },
    $trs: {
      back: 'All classes',
      changeClass: 'Change class',
      coach: '{count, plural, one {Coach} other {Coaches}}',
      learner: '{count, plural, one {Learner} other {Learners}}',
    },
  };

</script>


<style lang="scss" scoped></style>
<commit_msg>Add “classroom” icon to HomePage<commit_after><template>

  <KPageContainer>
    <p>
      <BackLink
        v-if="classListPageEnabled"
        :to="$router.getRoute('CoachClassListPage')"
        :text="$tr('back')"
      />
    </p>

    <h1>
      <KLabeledIcon>
        <KIcon slot="icon" classroom />
        {{ $store.state.classSummary.name }}
      </KLabeledIcon>
    </h1>
    <HeaderTable>
      <HeaderTableRow>
        <KLabeledIcon slot="key">
          <KIcon slot="icon" coach />
          {{ $tr('coach', {count: coachNames.length}) }}
        </KLabeledIcon>
        <template slot="value">
          <TruncatedItemList :items="coachNames" />
        </template>
      </HeaderTableRow>
      <HeaderTableRow>
        <KLabeledIcon slot="key">
          <KIcon slot="icon" people />
          {{ $tr('learner', {count: learnerNames.length}) }}
        </KLabeledIcon>
        <template slot="value">
          {{ coachStrings.$tr('integer', {value: learnerNames.length}) }}
        </template>
      </HeaderTableRow>
    </HeaderTable>
  </KPageContainer>

</template>


<script>

  import { mapGetters } from 'vuex';
  import commonCoach from '../../common';

  export default {
    name: 'OverviewBlock',
    components: {},
    mixins: [commonCoach],
    computed: {
      ...mapGetters(['classListPageEnabled']),
      coachNames() {
        return this.coaches.map(coach => coach.name);
      },
      learnerNames() {
        return this.learners.map(learner => learner.name);
      },
    },
    $trs: {
      back: 'All classes',
      changeClass: 'Change class',
      coach: '{count, plural, one {Coach} other {Coaches}}',
      learner: '{count, plural, one {Learner} other {Learners}}',
    },
  };

</script>


<style lang="scss" scoped></style>

{'fraction_non_alphanumeric': 0.16932907348242812, 'fraction_numerical': 0.0011617775196049957, 'mean_word_length': 2.36328125, 'pattern_counts': {'":': 0, '<': 66, '<?xml version=': 0, '>': 70, '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': '3873696', 'n_tokens_mistral': 1107, 'n_tokens_neox': 1100, 'n_words': 207}