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.

37 lines
1.5 KiB

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