<commit_before><template>

  <div class="user-creation-modal">
    <modal btntext="Add New">

      <h2 slot="header">Add New Account</h2>

      <section slot="body">
        <div class="user-field">
          <label for="name">Name</label>
          <input type="text" autocomplete="name" id="name" autofocus="true" required v-model="name">
        </div>
        <div class="user-field">
          <label for="username">Username</label>
          <input type="text" autocomplete="username" id="username" required v-model="username">
        </div>
        <div class="user-field">
          <label for="username">Password</label>
          <input type="password" id="password" required v-model="password">
        </div>

        <div class="user-field">
          <select v-model="role">
            <option value="learner" selected> Learner </option>
            <option value="admin"> Admin </option>
          </select>
        </div>

      </section>

      <section slot="footer">
        <button class="create-btn" type="button" @click="createNewUser">Create User</button><commit_msg>Workaround for names to creat new users<commit_after><template>

  <div class="user-creation-modal">
    <modal btntext="Add New">

      <h2 slot="header">Add New Account</h2>

      <section slot="body">
        <div class="user-field">
          <label for="name">First Name</label>
          <input type="text" autocomplete="name"  autofocus="true" required v-model="firstName">
        </div>
        <div class="user-field">
          <label for="name">Last Name</label>
          <input type="text" autocomplete="name"  autofocus="true" required v-model="lastName">
        </div>
        <div class="user-field">
          <label for="username">Username</label>
          <input type="text" autocomplete="username" id="username" required v-model="username">
        </div>
        <div class="user-field">
          <label for="username">Password</label>
          <input type="password" id="password" required v-model="password">
        </div>

        <div class="user-field">
          <select v-model="role">
            <option value="learner" selected> Learner </option>
            <option value="admin"> Admin </option>
          </select>
        </div>

      </section>

      <section slot="footer">
        <button class="create-btn" type="button" @click="createNewUser">Create User</button>
{'fraction_non_alphanumeric': 0.1648671096345515, 'fraction_numerical': 0.0016611295681063123, 'mean_word_length': 2.6116941529235382, 'pattern_counts': {'":': 0, '<': 74, '<?xml version=': 0, '>': 74, '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': '18630', 'n_tokens_mistral': 695, 'n_tokens_neox': 675, 'n_words': 153}