extends ../annotation.pug
block annotation-area
div.card
header.card-header
div.card-header-title.has-background-royalblue
div.field.is-grouped.is-grouped-multiline
div.control(v-for="label in labels")
div.tags.has-addons
a.tag.is-medium(
v-shortkey.once="[ label.shortcut ]"
v-bind:style="{ \
color: label.text_color, \
backgroundColor: label.background_color \
}"
v-on:click="annotate(label.id)"
v-on:shortkey="annotate(label.id)"
) {{ label.text }}
span.tag.is-medium {{ label.shortcut }}
div.card-content
div.content(v-if="docs[pageNumber] && annotations[pageNumber]")
annotator(
v-bind:labels="labels"
v-bind:entity-positions="annotations[pageNumber]"
v-bind:text="docs[pageNumber].text"
v-on:remove-label="removeLabel"
v-on:add-label="addLabel"
ref="annotator"
)