You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

31 lines
1.2 KiB

  1. {% extends "annotation/annotation_base.html" %}
  2. {% load static %}
  3. {% block annotation-area %}
  4. <div class="card has-text-weight-bold has-text-white has-background-royalblue">
  5. <div class="card-content">
  6. <div class="content" v-if="docs[pageNumber]">
  7. <span style="white-space: pre-wrap;">[[ docs[pageNumber].text ]]</span>
  8. </div>
  9. </div>
  10. </div>
  11. <section class="todoapp">
  12. <header class="header">
  13. <input class="textarea new-todo" type="text" placeholder="What is your response?" v-model="newTodo" @keyup.enter="addTodo">
  14. </header>
  15. <section class="main" v-cloak>
  16. <ul class="todo-list">
  17. <li v-for="todo in annotations[pageNumber]" class="todo" :key="todo.id" :class="{ editing: todo == editedTodo }">
  18. <div class="view">
  19. <label @dblclick="editTodo(todo)">[[ todo.text ]]</label>
  20. <button class="delete destroy is-large" @click="removeTodo(todo)"></button>
  21. </div>
  22. <input class="textarea edit" type="text" v-model="todo.text" v-todo-focus="todo == editedTodo" @blur="doneEdit(todo)" @keyup.enter="doneEdit(todo)"
  23. @keyup.esc="cancelEdit(todo)">
  24. </li>
  25. </ul>
  26. </section>
  27. </section>
  28. {% endblock %}
  29. {% block footer %}
  30. <script src="{% static 'bundle/seq2seq.js' %}"></script>
  31. {% endblock %}