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.
 
 
 
 
 
 

38 lines
1.5 KiB

{% extends "annotation/annotation_base.html" %} {% load static %} {% block annotation-area %}
<div class="card" style="background-color:royalblue;color:white;font-weight:bold;">
<div class="card-content">
<div class="content" v-if="docs[pageNumber]">
[[ docs[pageNumber].text ]]
</div>
</div>
</div>
<section class="todoapp">
<header class="header">
<input class="textarea new-todo"
type="text"
placeholder="What is your response?"
v-model="newTodo"
@keyup.enter="addTodo">
</header>
<section class="main" v-cloak>
<ul class="todo-list">
<li v-for="todo in annotations[pageNumber]" class="todo" :key="todo.id" :class="{ editing: todo == editedTodo }">
<div class="view">
<label @dblclick="editTodo(todo)">[[ todo.text ]]</label>
<button class="delete destroy is-large" @click="removeTodo(todo)"></button>
</div>
<input class="textarea edit"
type="text"
v-model="todo.text"
v-todo-focus="todo == editedTodo"
@blur="doneEdit(todo)"
@keyup.enter="doneEdit(todo)"
@keyup.esc="cancelEdit(todo)">
</li>
</ul>
</section>
</section>
{% endblock %} {% block footer %}
<script type="text/javascript" src="{% static 'bundle/seq2seq.js' %}"></script>
{% endblock %}