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="replaceNull(shortcutKey(label))"
v-bind:style="{ \
color: label.text_color, \
backgroundColor: label.background_color \
}"
v-on:click="addLabel(label)"
v-on:shortkey="addLabel(label)"
) {{ label.text }}
span.tag.is-medium
kbd {{ shortcutKey(label) | simpleShortcut }}
div.card-content
div.field.is-grouped.is-grouped-multiline
div.control(v-for="annotation in annotations[pageNumber]")
div.tags.has-addons(v-if="id2label[annotation.label]")
span.tag.is-medium(
v-bind:style="{ \
color: id2label[annotation.label].text_color, \
backgroundColor: id2label[annotation.label].background_color \
}"
) {{ id2label[annotation.label].text }}
button.delete.is-small(v-on:click="removeLabel(annotation)")
hr
div.content
div.text.scrollable(ref="textbox", v-if="docs[pageNumber]") {{ docs[pageNumber].text }}