<commit_before><template>
  <auth-container>
    <h1 class="display-1 text-center">{{ $t('views.auth.login.title') }}</h1>

    <v-alert
      class="mt-2 text-justify"
      text
      dense
      border="left"
      style="hypens:auto"
      color="warning">
      <div v-html="$t('views.auth.login.beta.notice')" />
    </v-alert>
    <v-alert v-if="error"
             outlined
             text
             border="left"
             type="error">
      Login failed
    </v-alert>
    <v-form @submit.prevent="login">
      <e-text-field
        id="inputUsername"
        v-model="username"
        :label="$t('views.auth.login.username')"
        name="username"
        append-icon="mdi-account-outline"
        :dense="$vuetify.breakpoint.xsOnly"
        type="text" />

      <e-text-field
        id="inputPassword"
        v-model="password"
        :label="$t('views.auth.login.password')"
        name="password"
        append-icon="mdi-lock-outline"
        :dense="$vuetify.breakpoint.xsOnly"
        type="password" />

      <v-btn :color="username && password ? 'blue darken-2' : 'blue lighten-4'" block
             :disabled="!(username && password)"<commit_msg>Disable ESLint warning for temporary use of v-html<commit_after><template>
  <auth-container>
    <h1 class="display-1 text-center">{{ $t('views.auth.login.title') }}</h1>

    <v-alert
      class="mt-2 text-justify"
      text
      dense
      border="left"
      style="hypens:auto"
      color="warning">
      <!-- eslint-disable-next-line vue/no-v-html -->
      <div v-html="$t('views.auth.login.beta.notice')" />
    </v-alert>
    <v-alert v-if="error"
             outlined
             text
             border="left"
             type="error">
      Login failed
    </v-alert>
    <v-form @submit.prevent="login">
      <e-text-field
        id="inputUsername"
        v-model="username"
        :label="$t('views.auth.login.username')"
        name="username"
        append-icon="mdi-account-outline"
        :dense="$vuetify.breakpoint.xsOnly"
        type="text" />

      <e-text-field
        id="inputPassword"
        v-model="password"
        :label="$t('views.auth.login.password')"
        name="password"
        append-icon="mdi-lock-outline"
        :dense="$vuetify.breakpoint.xsOnly"
        type="password" />

      <v-btn :color="username && password ? 'blue darken-2' : 'blue lighten-4'" block
             :disabled="!(username && password)"
{'fraction_non_alphanumeric': 0.17133576938692652, 'fraction_numerical': 0.0048721071863581, 'mean_word_length': 2.0915934755332497, 'pattern_counts': {'":': 0, '<': 30, '<?xml version=': 0, '>': 28, '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': '343722', 'n_tokens_mistral': 802, 'n_tokens_neox': 787, 'n_words': 118}