<commit_before><template>
  <div>
      <section class="wrapper header special">
      <div class="inner">
        <h1>Pool</h1>
      </div>
     </section>
     
     <section class="wrapper style2">
        <div class="inner">
          <div>
            <p>
              We have complied a list of all the heroes and abilities that are enabled in AD.
              Some abilities of heroes are <b>Disabled</b> and highlighted as such, this includes scepter upgrades.
              Abilities marked by <img class="ability-icon-xs" src="https://hgv-hyperstone.azurewebsites.net/mics/aghanims_scepter_upgrade.png" /> are upgraded or granted by Aghanim's Scepter.
              Only abilities granted by an ultimate are currently enabled.
              <b style="color: #f6755e;">Class A</b> heroes have four enabled abilities while <b style="color: #25a2c3;">Class B</b> heroes will have less then four. 
              No more then one Class B hero will appear in the draft pool at once limiting the number of potential combinations.
            </p>
          </div>
          <hr />
          <loader :loading="loading">
            <div>
              <h2>Enabled Heroes</h2>
              <div class="row">
                <template v-for="(hero) in pool">
                  <div v-bind:key="hero.id" class="3u 12u$(medium)">
                    <img :src="hero.imageBanner" v-bind:class="{ disabled: !hero.enabled }" style="width:100%; border-radius: 15px 15px 0px 0px;" />
                    <h3 v-if="hero.enabled && hero.primary" class="hero-name" style="background-color: #f6755e; color: white;"><router-link :to="'/hero/'+hero.id">{{hero.name}}</router-link></h3>
                    <h3 v-else-if="hero.enabled" class="hero-name"  style="background-color: #25a2c3; color: white;">{{hero.name}}</h3>
                    <h3 v-else class="hero-name" style="color: #727a82;">{{hero.name}}</h3>
                    <div v-if="hero.enabled" style="height: 250px;">
                      <template v-for="(ability) in hero.abilities">
                        <div v-bind:key="ability.id" class="truncate" style="line-height: 25px; padding: 5px;">
                          <img v-bind:class="{ disabled: !ability.enabled }" class="ability-icon-xs" :src="ability.image" style="border-radius: 5px; vertical-align: middle;"  />
                          <img v-if="ability.hasUpgrade" class="ability-icon-xs" src="https://hgv-hyperstone.azurewebsites.net/mics/aghanims_scepter_upgrade.png" style="vertical-align: middle;" />
                          <img v-if="ability.isGranted" class="ability-icon-xs" src="https://hgv-hyperstone.azurewebsites.net/mics/aghanims_scepter_granted.png" style="vertical-align: middle;" />
                          <span v-bind:class="{ disabled: !ability.enabled, 'ability-ultimate': ability.isUltimate }"  class="ability-name">{{ability.name}}</span>
                        </div>
                      </template>
                    </div>
                  </div>
                </template>
              </div>
            </div>
          </loader>
          
        </div>
      </section>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  name: 'pool',
  data () {  
    return {
      loading: false,
      pool: []
    }<commit_msg>Added Notes to the Pool page<commit_after><template>
  <div>
      <section class="wrapper header special">
      <div class="inner">
        <h1>Pool</h1>
      </div>
     </section>
     
     <section class="wrapper style2">
        <div class="inner">
          <div>
            <p>
              We have complied a list of all the heroes and abilities that are enabled in AD.
              Some abilities of heroes are <b>Disabled</b> and highlighted as such, this includes scepter upgrades.
              Abilities marked by <img class="ability-icon-xs" src="https://hgv-hyperstone.azurewebsites.net/mics/aghanims_scepter_upgrade.png" /> are upgraded or granted by Aghanim's Scepter.
              Only abilities granted by an ultimate are currently enabled.
              <b style="color: #f6755e;">Class A</b> heroes have four enabled abilities while <b style="color: #25a2c3;">Class B</b> heroes will have less then four. 
              No more then one Class B hero will appear in the draft pool at once limiting the number of potential combinations.
            </p>
          </div>
          <hr />
          <loader :loading="loading">
            <div>
              <h2>Enabled Heroes</h2>
              <div class="row">
                <template v-for="(hero) in pool">
                  <div v-bind:key="hero.id" class="3u 12u$(medium)">
                    <img :src="hero.imageBanner" v-bind:class="{ disabled: !hero.enabled }" style="width:100%; border-radius: 15px 15px 0px 0px;" />
                    <h3 v-if="hero.enabled && hero.primary" class="hero-name" style="background-color: #f6755e; color: white;"><router-link :to="'/hero/'+hero.id">{{hero.name}}</router-link></h3>
                    <h3 v-else-if="hero.enabled" class="hero-name"  style="background-color: #25a2c3; color: white;">{{hero.name}}</h3>
                    <h3 v-else class="hero-name" style="color: #727a82;">{{hero.name}}</h3>
                    <div v-if="hero.enabled" style="height: 250px;">
                      <template v-for="(ability) in hero.abilities">
                        <div v-bind:key="ability.id" class="truncate" style="line-height: 25px; padding: 5px;">
                          <img v-bind:class="{ disabled: !ability.enabled }" class="ability-icon-xs" :src="ability.image" style="border-radius: 5px; vertical-align: middle;"  />
                          <img v-if="ability.hasUpgrade" class="ability-icon-xs" src="https://hgv-hyperstone.azurewebsites.net/mics/aghanims_scepter_upgrade.png" style="vertical-align: middle;" />
                          <img v-if="ability.isGranted" class="ability-icon-xs" src="https://hgv-hyperstone.azurewebsites.net/mics/aghanims_scepter_granted.png" style="vertical-align: middle;" />
                          <span v-bind:class="{ disabled: !ability.enabled, 'ability-ultimate': ability.isUltimate }"  class="ability-name">{{ability.name}}</span>
                          <i v-if="ability.notes" class="fas fa-info-circle w3-margin-left" :title="ability.notes"></i>
                        </div>
                      </template>
                    </div>
                  </div>
                </template>
              </div>
            </div>
          </loader>
          
        </div>
      </section>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  name: 'pool',
  data () {  
    return {
      loading: false,
      pool: []
    }
{'fraction_non_alphanumeric': 0.14833456698741673, 'fraction_numerical': 0.015247964470762399, 'mean_word_length': 2.0459873760144274, 'pattern_counts': {'":': 0, '<': 123, '<?xml version=': 0, '>': 123, 'https://': 6, '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': '1311822', 'n_tokens_mistral': 2097, 'n_tokens_neox': 1950, 'n_words': 473}