evaluate-generate.html

<a class="create-test__task-evaluate button button-yellow" href="#" data-url="<%= evaluate_template_test_tasks_path(task.test.id, code: task.type_to_code) %>" data-trigger="task-evaluation" data-target="#task_initial_words_raw" data-container="#eval-container">Evaluate</a>

<span class="create-test__task-generate dropdown">
  <span class="create-test__task-generate-button dropdown-button button">
    Generate words
    <i class="dropdown-button-arrow pe-7s-angle-down"></i>
  </span>
  <ul class="dropdown-list m-hidden">
    <li class="dropdown-item">
      <span class="dropdown-item-inner" data-value="easy">Easy</span>
    </li>
    <li class="dropdown-item">
      <span class="dropdown-item-inner" data-value="medium">Medium</span>
    </li>
    <li class="dropdown-item">
      <span class="dropdown-item-inner" data-value="hard">Hard</span>
    </li>
  </ul>
</span>

<div id="eval-container"></div>


<!-- Old code just as example, don't include it -->

<select id="gen-level">
  <option value="">Select level...</option>
  <option value="easy">Easy</option>
  <option value="medium">Medium</option>
  <option value="hard">Hard</option>
</select>

<a href="#" data-create-url="<%= create_generation_template_test_tasks_path(task.test.id, code: task.type_to_code) %>" data-check-url="<%= check_generation_template_test_tasks_path(task.test.id, code: task.type_to_code) %>" data-trigger="task-generation" data-level="#gen-level" data-target="#task_initial_words_raw" data-container="#eval-container">Generate</a>

<div class="row">
  <div class="col-md-12" id="eval-container"></div>
</div>

<!-- / Old code just as example, don't include it -->